Creating a Responsive Web Design
Pluralsight
Course Summary
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).
-
+
Course Description
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).
-
+
Course Syllabus
Introduction- 8m 27s
—Introduction to This Course 1m 52s
—About This Course 1m 6s
—Terms and Technology You'll Be Covering 2m 36s
—What You'll Need to Complete This Course 1m 29s
—About the Exercise Files 1m 22sPreparing the HTML Content and Structure- 30m 52s
—Setting up Your Project 4m 12s
—The HTML Strategy for Your Layout 1m 40s
—Creating the Main HTML Containers 2m 40s
—Adding Content into the Header 3m 52s
—Add Content to Main Section 3m 25s
—Add Content to Atmosphere Section 2m 18s
—Add Content to the How-to Section 5m 19s
—Adding the Navigation 5m 2s
—Adding the Footer Content 2m 20sCreating the Style and Layout with CSS- 1h 2mCreating a Menu System with CSS- 28m 6sMaking Layout Adjustments for Large and Medium Screens- 16m 11sMaking Adjustments for Small Screens- 27m 48sMaking Adjustments for the Smallest Screens- 12m 15sMaking Layout and Content Adjustments for Print- 41m 10sWhere to Go from Here- 1m 0s