Learn your way! Get started

Dreamweaver CS6, Part 8: Mobile, Grid and Managing

with expert John Wiley & Sons

Watch trailer

Dreamweaver CS6, Part 8: Mobile, Grid and Managing Trailer

Course at a glance

Included in these subscriptions:

  • Creative Design Power Pack
  • Power Pack Plus

Release date Release date 4/1/2015
Level Level Beginner
Runtime Runtime 1h 29m
Published eBooks Published eBooks Included
Hands-on labs Hands-on labs N/A
Sample files Sample files Included
Exams Exams N/A

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

Dreamweaver CC is packed with the tools you need to create dynamic and interactive sites online. In this eight part learning series, you can learn the ins and outs of maximizing Dreamweaver CC – from navigating the interface to working with HTML, CSS, jQuery, and more. Get to know HTML and how it can be used to set up your own customized website. Add text and images, create page layouts, work with web fonts and tables, and fine tune your workflow for maximum efficiency Gain expert knowledge on site design, including designing for mobile devices and utilizing the jQuery UI library Incorporate multimedia like video, audio, interactive content, HTML forms, and other tools into your web development projects.


This course assumes some familiarity with Adobe Dreamweaver CS6. This course is part of an eight part learning series; Dreamweaver CS6: Intro, Sites and Properties; Dreamweaver CS6: Format, Images and Styles; Dreamweaver CS6: Container and AP Divs; Dreamweaver CS6: Float, Nav Bar and CSS3; Dreamweaver CS6: Tables, Cells and Workflow; Dreamweaver CS6: Flash A/V, Library and Code; Dreamweaver CS6: Web Forms and Spry Framework; and Dreamweaver CS6: Mobile, Grid & Managing. Please be sure to view the courses in order if you are new to the material.

Meet the expert

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.

Course outline

Mobile, Grid & Managing

Mobile Design & Layout (26:53)
  • Introduction (00:10)
  • Multi-Screen Preview (03:49)
  • Media Queries (02:52)
  • Site-wide Media Query File (04:47)
  • The Desktop & Legacy Devices (03:35)
  • Styles for a Mobile Website (04:09)
  • Header & Navigation Styles (04:59)
  • Main Content & Sidebar Styles (02:20)
  • Summary (00:10)
The Fluid Grid Layout (22:47)
  • Introduction (00:10)
  • Creating a Fluid Grid Layout (05:00)
  • Mobile First (05:45)
  • The Tablet View (02:41)
  • Desktop View (01:56)
  • Styling a Fluid Grid Layout (03:53)
  • Modifying Styles (03:09)
  • Summary (00:10)
Managing Your Website (21:56)
  • Introduction (00:10)
  • Publishing to the Web (04:51)
  • Remote Connections (03:05)
  • Making Changes & Synchronizing (02:31)
  • Working with Design Notes (04:13)
  • Working with Check Links (03:53)
  • Site Report Features (03:01)
  • Summary (00:10)
Dreamweaver CS6 New Features (17:35)
  • Introduction (00:10)
  • Fluid Grid Layout (04:10)
  • CSS3 Transitions & Web Fonts (03:51)
  • W3C Validation (04:20)
  • Mobile Swatches & Phone Gap (04:52)
  • Summary (00:10)