Learn your way! Get started

Dreamweaver CS6, Part 8: Mobile, Grid and Managing

with expert John Wiley & Sons

Watch trailer

Course at a glance

Release date 4/1/2015
Level Beginner
Runtime 1h 29m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs N/A
Sample code Included
Exams N/A

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

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)