- Dreamweaver has a very robust set of tools now…for creating and managing media queries.…In this lesson, I'm going to show you…how to set up media queries so that they…follow the Mobile First doctrine,…are easy to update, they're expandable,…so they can include additional media queries,…and are totally extensible.…Sounds like a tall order, I know,…but Dreamweaver is definitely up to the task.…So let's get started with a look…at the basic code we're working with.…I'll switch to Code Ciew,…open the profile.htm file, and, as you'll see,…it's basically the same core code that we used to create…the fluid grid layout examples, but without the fluid grid.…
However, we are taking advantage of all other…modern coding practices.…Note, for example, the meta tag…with the name equals viewport on line 10.…This is a very important meta tag,…because it handles the sizing for device screens.…You definitely want to include this,…and you definitely want the width equal to the device width,…with the initial magnification set to one,…
- Structuring fluid grids
- Adding a new fluid grid layout
- Adding building-block div tags
- Inserting content into a fluid grid
- Modifying the number of grid columns
- Building media queries from scratch
- Working with additional media queries
- Handling orientation changes
- Manipulating CSS
- Adding new media
Skill Level Intermediate
Edge Animate Essential Trainingwith Chris Converse4h 44m Beginner
1. Understanding Responsive Web Design
2. Fluid Grid Layouts in Dreamweaver
3. Expanding on a Fluid Grid Structure
4. Enhanced Media Queries
5. Flexible Images and Media
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.