Join Paul Trani for an in-depth discussion in this video Fluid grid layout updates, part of Dreamweaver CC 2013 New Features.
The latest version of Dreamweaver actually has some updates when it comes …to creating content using the new fluid grid layout. …So, I'm gonna go to File> New, and right here I can create a new Fluid Grid layout. …Cosmetically, the columns are actually now grey instead of that pink color but I …can just click Create and then Save. The CSS file. …And what's in this CSS file are the media queries for mobile, tablet, and desktop, okay? …And as I select save, you'll see that its actually added a div right in here on my page.…
And this is what's great, and this is the update. …'Cuz I could jump in here, and I can start duplicating this div. …And I have these wonderful controls that I can really start manipulating this …content with. So, I can duplicate that a couple times, …maybe I can have a header at the top. This next one might be my hero image. …I'll put a hero image in there. Maybe there's a promo here. …But, I'm quickly able to create a layout, literally using these controls. …So, I used a duplicate. I can hide the div if I want to.…
Note: Adobe Creative Cloud is updated on a regular basis. We will add more tutorials as features are added or changed, so check back often.
- Getting used to the new interface
- Syncing your settings
- Implementing media queries with CSS Designer
- Working with the Fluid Grid layout updates
- Adding HTML5 audio and video