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
Lecture Comments (1)

0 answers

Post by Kelvin Tjia on September 7, 2014

Hi Candyce, I'm trying to build my own company website and would like to know how do I add more buttons on the navigation bar. And also, I see some websites have their navigation bar that go across the top. How can I get this float option?

Thanks for your help and great tutorials so far!

Customizing the Navigation Area

  • We are going to modify the navigation area on our page
  • Delete all the text under the hyperlinks
  • Notice how the background color for the column has now shortened since the content in this area is shorter
  • We have a small amount of orange showing under the nav bar
  • If you click in there you see an extra <aside> tag
  • Right click in the tag selector and delete it
  • Click in the hyperlinks and choose Show Set
  • We also need to determine what is causing the extra spacing above the nav bar
  • Show the Live View and use the Inspect button
  • Notice the header is too tall, which is causing the spacing issue
  • We will add a width and height to the header area and see what happens
  • Set nav ul top padding to 15px
  • Preview the page in the browser

Customizing the Navigation Area

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
  • Adjusting Excess Space 0:41
    • <aside>
    • Inspect Tool
  • Adjusting Header Size 3:25
    • <img>
  • Setting Header Width and Height 4:05
    • Width
    • Height
    • Live View
  • Lesson Summary 6:20