Course Outline
Introduction
Previewing the final project
About the exercise files
Exploring the software you'll need to complete this course
Beginning your project
1. For Those Using Dreamweaver
What to expect with Design view in Dreamweaver
Accessing code for HTML and CSS in Dreamweaver
2. Setting Up Your Project
Planning your layout
Adding the main HTML containers
Adding the promo containers
Adding links and the copyright
Adding sample content into the HTML containers
3. Creating Web Graphics
Creating and slicing multiple-sized banner images
Exporting content and template artwork
4. Preparing the HTML File
Linking CSS files for all screen sizes
Linking CSS files based on screen size with media queries
Enabling Internet Explorer 7 and 8 to understand HTML
Setting the viewport scale
5. Creating CSS Rules Across All Screens
Adding the background pattern and the page container color
Styling the headings
Styling the body text and the links
Styling the footer
6. Preparing the HTML File
Understanding compound rules
Styling the promo links with a CSS sprite
Styling the promo text
Adding the promo images with CSS
7. Creating the Content and the Layout Containers
Adding CSS rules for layout
Styling the header on large screens
Styling the article on large screens
8. Styling the Promos
Styling the navigation links
Styling the navigation for large screens
Positioning the navigation for large screens
Clearing the float for the promos
9. Working with CSS Rules
Adding CSS rules with inline media queries
10. Styling for Medium Screens
Styling the header for medium screens
Styling the navigation for medium screens
Styling the promos for medium screens
11. Styling for Small Screens
Styling the header for small screens
Styling the navigation for small screens
Styling the navigation links for small screens
Styling the promos for small screens
Styling the footer for small screens
Conclusion
Where to go from here
For Additional info
http://www.lynda.com/CSS-tutorials/Creating-Responsive-Web-Design/110716-2.html
Download File Size:559.88 MB
|
