Learn your way! Get started

Dreamweaver CC, Part 4: Divs and Page Layout

with expert John Wiley & Sons

Watch trailer

Course at a glance

Release date 2/24/2015
Level Beginner
Runtime 1h 27m
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 ten 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 very little familiarity with Dreamweaver CC. This course is part of 10 courses, Dreamweaver CC: Workspace, New Site and Page; Dreamweaver CC: Text and Images; Dreamweaver CC: External and Text Styles; Dreamweaver CC: Divs and Page Layout; Dreamweaver CC: Navigation and Transitions; Dreamweaver CC: Using Tables; Dreamweaver CC: Video & Templates; Dreamweaver CC: Forms; Dreamweaver CC: JQuery and Dreamweaver CC: Fluid Grids & Publishing. 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

Divs and Page Layout

Absolute Positioned Divs (30:11)
  • Introduction (00:08)
  • Header Element (04:48)
  • Header Properties (02:11)
  • Introduction Element (05:01)
  • Relative Positioning (05:11)
  • Background Image (05:06)
  • Inline Image (04:45)
  • Optimize Image (02:49)
  • Summary (00:08)
Margins, Paddings, and Borders (28:50)
  • Introduction (00:08)
  • Margins (03:55)
  • Padding (02:25)
  • Borders (04:49)
  • Create an Absolute Div (05:06)
  • Absolute Limitations (02:54)
  • Add Text and Background (04:03)
  • Overflow & More Limitations (05:19)
  • Summary (00:08)
Advanced Page Layout (28:47)
  • Introduction (00:08)
  • Float Property (05:20)
  • Adding Padding & Margins (03:48)
  • Floating Columns (04:51)
  • Adding Elements (05:32)
  • Applying Floats (03:32)
  • Adding Content (05:26)
  • Summary (00:08)