Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Creating the Header and Navigation Areas

  • We are going to take a look at how to create boxes with content areas that we can position as we build a web page layout
  • Every tag on an html page is a box, we will be using the header and nav tags
  • Create a new page named positioning.html
  • Go to Insert->Structure->Header to insert a header tag
  • Add the words Tranquil Travel within this area and delete the default text within the box
  • Go to Insert->Structure->navigation to add a nav tag to the page
  • Type out the 5 areas of our website that will become our navigation bar
  • These 2 areas on the page will become our header and navigation bar on the page

Creating the Header and Navigation Areas

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Insert Area 1:30
    • Insert Bar
  • Insert Header 2:15
    • Sources
    • Define in Page
  • Adding Navigation Bar 4:12
    • Properties
    • Separating From Header
    • Removing <p>
    • Insert Navigation