Creating a Responsive Web Design

This course was designed to teach you to create a web page that can adapt it's layout to fit various screen sizes across devices, as well as on paper when printed. It covers every aspect of converting a design into a fully functioning web page. Software required: Text Editor, Web Browser, Tablet or Phone (optional), Printer (optional).

This course was designed to teach you to create a web page that can adapt it's layout to fit on any screen sizes across devices, as well as on paper when printed. Web design requires the coordination of HTML, CSS, and graphics in order to construct a layout and design that can respond to the varying needs of your websites visitors. In this step-by-step course, Creating a Responsive Web Design, you'll learn every aspect of converting a design into a fully functioning web page. You'll create navigation menus, style typography, format and position graphics, create CSS animations, import free web fonts from Google, as well adjust your layout to fit a wide range of screens and devices. For those new to HTML, CSS or web graphics, you'll see a few modules explaining the core fundamentals of each, so you'll be able to work through the course without missing a beat. Software required: Text Editor, Web Browser, Tablet or Phone (optional), Printer (optional).

• Introduction 8mins
• Preparing the HTML Content and Structure 30mins
• Creating the Style and Layout with CSS 62mins
• Creating a Menu System with CSS 28mins
• Making Layout Adjustments for Large and Medium Screens 16mins
• Making Adjustments for Small Screens 27mins
• Making Adjustments for the Smallest Screens 12mins
• Making Layout and Content Adjustments for Print 41mins
• Where to Go from Here 1min