SB – Page Design II

Making Link Areas

(Below are instructions for side menu layouts. If you are making one horizontal menu skip steps 1-7 and refer to page 95 step 13)

1. Now that the file is created click your mouse in the Link four area.

2. Choose the split mode.

3. In the code area select the entire line of <li><a href=”#”>Link four</a></li>

4. Press Ctrl+C ( Copy)

5. Click your Enter key.

6. Press Ctrl+V (Paste)

Repeat steps 5 & 6 six times

7. When finished you should have 10 link areas. Seven with words “Link four”.

8. Change the viewing mode back to Design.

9. Now go through and label them with the following:

  • Home
  • Location
  • Travel
  • Lodging
  • Guests
  • Transportation
  • Food
  • The Sights
  • Activities
  • Famous Person
  • Cost

10. Save your file when finished.

Designing the Link Colors

Using the Live View option and the Styles panel go through and change the colors of the text and ALL of the ul.nav areas go through and design the buttons the way you want them to appear.

Refer to page 120 for making them appealing.


Designing Footer

Highlight the footer text and type the following:

© 2014 Your Name, All rights reserved.

Using the footer style change the height to match the amount needed for your text.