When you are planning a website, you need to consider all the various devices and screen sizes that will be viewing your web page
Responsive Design describes a web page layout that automatically adjusts the page design based on the device viewing the web page so it works well on any screen size
This topic could be an entire course, so we will just touch on the concept and show you how Dreamweaver can assist you in working with responsive design using media queries
Dreamweaver offers interface features that allow you to work with media queries and preview your web pages as you work in CSS to ensure that both tablet and mobile devices can view your web pages easily
Ethan Marcotte, a web designer out of Boston coined the term responsive design a couple of years ago as he noticed that there is such a wide variety of devices and screen sizes available that designers can no longer target specific page widths when creating web pages. There are just too different devices being used to view web pages
In this group of lessons we will take a look at various ways to create responsive design using CSS rules
What is Responsive Design?
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.