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

Responsive Design with Dreamweaver CS6

Course Summary

Learn how to use media queries and the new Fluid Grid Layout feature in Dreamweaver to create a single web site that delivers different layouts to desktops, tablets, and other mobile devices.       

  • +

    Course Syllabus

            About the exercise files
        1. Understanding Responsive Web Design
            The foundation of responsive web design
            Structuring fluid grids
            Understanding media queries
        2. Fluid Grid Layouts in Dreamweaver
            Exploring the default Fluid Grid Layout
            Adding building block div tags
            Inserting content
            Targeting a phone design
            Balancing tablet layouts
        3. Expanding on a Fluid Grid Structure
            Modifying the number of grid columns
            Adjusting column widths and margins
            Including advanced page elements
        4. Enhanced Media Queries
            Building media queries from the ground up
            Working with additional media queries
            Handling orientation changes
            Working with high-resolution displays
        5. Flexible Images and Media
            Core CSS manipulation
            Applying JavaScript techniques
            Setting up server-side solutions
            Next steps


Course Fee:
USD 19.99

Course Type:


Course Status:



3 - 4 hours / week

This course is listed under Development & Implementations 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