Directions


Create both an external CSS page and a html page that has a navigation bar.



  1. In your Assignments folder create a new notepad assignment called navbar.html.

  2. In your HTML code, make sure you use the link tag (in the head) to link to an external CSS page called navstyle.css.

  3. In the body add a level 1 header saying Your Name’s Home Page.

  4. Then make five links that say: “Home Page, My Family, My School, Web Design, and Favorite Links.”

  5. Add a paragraph or two of text.

  6. Add a level 4 header that states: Made by Your Name and today’s date.

  7. Make a new notepad page called navstyle.css and save it in your Assignment folder.

  8. Style the body with nice colors and fonts.

  9. Add each of the four states of an “a” tag, and make them change colors when rolled over.

  10. Make the h1 and h4 grouped together with similar colors and fonts to the body.

  11. Raise your hand and ask your teacher to grade your assignment on screen.

Example


Example