Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
From the book Previewing your completed file

Previewing your completed file

To understand the layout you will work on in this lesson, preview the completed page in Dreamweaver.

  1. In Dreamweaver CS6, press Shift-Ctrl-F/Shift-Cmd-F to open the Files panel, and select DW-CS6 from the site list.
  2. In the Files panel, expand the Lesson04 folder.
  3. Double-click layout_finished.html to open it.
  4. This page represents the completed layout you will create in this lesson. It is based on the wireframe drawings made earlier in this lesson and uses one of the new HTML5 CSS layouts available in Dreamweaver. Take a few moments to familiarize yourself with the design and components on the page. Can you determine what makes this layout different from existing HTML 4-based designs? You will learn the differences as you work through this lesson.

  5. Choose File > Close.
  • + Share This
  • 🔖 Save To Your Account