Using Fluid Grid layouts

Show:

Learn Dreamweaver CS6

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

Designing for multiple screens can be a difficult and time-consuming task. The new Fluid Grid feature in Dreamweaver CS6 gives designers a visual way to control page layout for multiple screen sizes. It also automatically integrates cross-browser consistency through the use of HTML5 boilerplate and the respond.js library.

James Williamson

Produced By

lynda.com

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
Getting Started with Dreamweaver CS6
What is Dreamweaver CS6? What is Dreamweaver CS6? Explore Adobe Dreamweaver, an application web designers and developers use to create websites and applications for use across multiple targets including browsers, devices, and tablets. Runtime: 00:01:10 Added: May 06, 2012 Views: 156,701	00:01:10
Understanding WYSIWYG HTML Editors Understanding WYSIWYG HTML Editors In this video you'll see how WYSIWYG editors handle the heavy lifting of building a web page by writing the HTML code for you as you're building the page visually. Runtime: 00:00:71 Added: May 06, 2012 Views: 86,264	00:00:71
The Welcome Screen The Welcome Screen From the Welcome screen you can create new content, open existing content, and much more. In this video you'll see why the Welcome screen is a great point of reference when working in Dreamweaver and a great place to learn about new features. Runtime: 00:00:55 Added: May 06, 2012 Views: 55,972	00:00:55
Workspace overview Workspace overview Workspaces allow you to quickly and easily shift focus from one task to another in Dreamweaver. In this movie, you'll discover how to take control of the interface. See how to take advantage of the default workspaces in Dreamweaver, or create and manage your own custom workspaces. Runtime: 00:10:21 Added: May 06, 2012 Views: 46,853	00:10:21
Optimizing images Optimizing images In Dreamweaver CS6, Adobe has streamlined the integration between Photoshop and Dreamweaver. Learn how to take images directly from Photoshop to Dreamweaver. Then, see how to optimize the images and edit them in Photoshop using Adobe's round-trip editing feature. Runtime: 00:11:07 Added: May 06, 2012 Views: 33,381	00:11:07
Designing with web fonts Designing with web fonts Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites. Runtime: 00:12:06 Added: May 06, 2012 Views: 32,140	00:12:06
What's New in Dreamweaver CS6
Inserting HTML5 Video Content Inserting HTML5 Video Content In this video you'll find out how easy it is to insert video content into an HTML5-based web page in Adobe Dreamweaver CS6. Runtime: 00:00:74 Added: May 06, 2012 Views: 88,163	00:00:74
Using Fluid Grid layouts Using Fluid Grid layouts Designing for multiple screens can be a difficult and time-consuming task. The new Fluid Grid feature in Dreamweaver CS6 gives designers a visual way to control page layout for multiple screen sizes. It also automatically integrates cross-browser consistency through the use of HTML5 boilerplate and the respond.js library. Runtime: 00:17:06 Added: May 06, 2012 Views: 270,028	00:17:06
Selecting multiple classes Selecting multiple classes Adobe continues to improve CSS management capabilities in CS6 through the addition of support for multiple classes. Learn how to apply multiple classes to elements at virtually any point through the CSS workflow in Dreamweaver. Runtime: 00:05:58 Added: May 06, 2012 Views: 15,263	00:05:58
Improved FTP performance Improved FTP performance Long-time Dreamweaver users will love the new enhancements to FTP capabilities in Dreamweaver CS6. Learn about multi-channel support, asynchronous upload and download, improved file transfer queues, and non-blocking server activities. These new capabilities allow you to dramatically speed up your file management tasks and allow you to keep your focus on creating great content. Runtime: 00:06:31 Added: May 06, 2012 Views: 10,976	00:06:31
Enhanced jQuery mobile support Enhanced jQuery mobile support Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality. Runtime: 00:09:21 Added: May 06, 2012 Views: 96,443	00:09:21
Using the CSS Transitions panel Using the CSS Transitions panel In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added. Runtime: 00:08:46 Added: May 06, 2012 Views: 120,103	00:08:46
Packaging an App with PhoneGap Build Packaging an App with PhoneGap Build This video looks at the PhoneGap Build Service panel in Dreamweaver CS6, which uploads your files to an online service that generates the native app files for different mobile operating systems. Runtime: 00:08:39 Added: May 14, 2012 Views: 14,697	00:08:39
Dreamweaver 12.1 Creative Cloud Update
New features overview New features overview This video offers a high-level overview of the new features in the Dreamweaver 12.1 update for Creative Cloud subscribers. Runtime: 00:07:26 Added: December 12, 2012 Views: 7,948	00:07:26
Revised forms workflow Revised forms workflow The addition of HTML5 form elements and attributes changes the basic workflow for creating a form in Dreamweaver, as you'll see in this video. Runtime: 00:07:52 Added: December 12, 2012 Views: 10,085	00:07:52
Inserting HTML5 Video Inserting HTML5 Video Dreamweaver now has greatly improved support for HTML5 video, enabling it to automatically detect video files in different formats, as you'll see in this video. Runtime: 00:06:53 Added: December 13, 2012 Views: 11,755	00:06:53