March 21, 2011

Making a Menu Bar

Today we'll use both html and css to add links to all of your other websites. Which we haven't made yet. here is the link where the templates are: click here.

STEP BY STEP
  1. Pick the menu bar you'd like to use. It can be horizontal or vertical. Remember you can customize colors and fonts, just look at the general style of the list.
  2. copy and paste the code under HTML into your index.html file
  3. copy and paste the code under CSS into your mystyle.css file
  4. save both and verify that they're working by looking at your index.html page in safari.
  5. make any color changes, font changes, etc. you want to make to the css side. ( # color chart here. )
  6. IMPORTANT! in your html file, change Item One to home and the # to the left of it to "index.html"  Similarly change the other links so they go to the sub-pages you will make (like "sports.html" would be your sub-page about sports, pants.html would be your subpage about pants.) Don't forget you can use your design plan as a reference here to remember your sites' names.


No comments:

Post a Comment