Join Paul Trani for an in-depth discussion in this video Fluid grid layout updates, part of Dreamweaver: Creative Cloud Updates.
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