Dreamweaver Website Layout

This entry is part 4 of 20 in the series Dreamweaver CS5 Tutorial

Now let’s get ready to create the Dreamweaver website layout.

A website layout usually consists of a header area, menu bar, content area and a footer area.

  • The header area consists of the logo and masthead.
  • The menu bar consists of the main menu items with links to the various pages.  This allows the visitor to navigate through the site.
  • The content area is where the main content of the page will appear.
  • The footer area will have the copyright information and may repeat the links that appear in the main menu area.

The layout that we created in the Fireworks CS5 tutorial looks like this:

We will now recreate this layout in Dreamweaver.


Dreamweaver CS5 Tutorial

  1. Dreamweaver Cs5 Tutorial
  2. Define Site
  3. Dreamweaver CS5 Template
  4. Dreamweaver Website Layout
  5. CSS Layout – Dreaweaver CS5
  6. Dreamweaver CS5 Website Header
  7. Dreamweaver DIV/ CSS Layout
  8. Dreamweaver Menu
  9. Editing Styles in Dreamweaver
  10. Editable Regions in Dreamweaver Template
  11. Webpages in Dreamweaver
  12. Linking to webpages in Dreamweaver
  13. Styles for text links in Dreamweaver
  14. Web Page Content
  15. Text Styles in Dreamweaver
  16. Heading Styles | Dreamweaver
  17. Contact Forms | Dreamweaver
  18. Form Styles | Dreamweaver
  19. Test Website | Dreamweaver
  20. FTP/ Upload Files to Hosting Server | Dreamweaver
Series Navigation Dreamweaver CS5 TemplateCSS Layout – Dreaweaver CS5

Posted in Dreamweaver | No Comments »