MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Creating a Responsive Web Design

Course Summary

 Make your website more readable and efficient to download with Chris Converse's responsive website techniques.   

  • +

    Course Syllabus

       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 HTML5 
       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 
    12. Supporting High-Definition (Retina) Screens
       Additional exercise files for this chapter 
       Creating double-sized graphics for high-definition screens 
       Replacing the promo graphics with CSS media queries 
       Replacing the logo and banner graphics with CSS media queries 
       Where to go from here

Course Fee:
USD 25

Course Type:


Course Status:



2 - 3 hours / week

This course is listed under Development & Implementations and Operating Systems Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top