1. CREATING A SHELL FOR YOUR WEBSITE

2. Create Website plan (see previous) Refer to/revise website plan as needed Create a folder to place ALL WORK: web pages, images, etc. Choose the basic look and feel of your website Color Layout Font type Create ONE shell and copy it (go to my website, see sample) W EBSITE P ROJECT … HOW TO BE ORGANIZED

3. C REATE FOLDER, N AME EACH FILE Folder name: Dance_website_hasseld Web Page names: Dance1.html Dance2.html Dance3.html Dance4.html Dance5.html

4. CREATE YOUR MENU BAR  You can create a horizontal or a vertical menu bar  Create a table in notepad that is one row, five columns for a horizontal menu bar

6. A DD THE LINK TO EACH FILE MAKE SURE ALL THE FILES ARE IN THE SAME FOLDER MAKE SURE YOU NAMED EACH FILE AND THAT YOU KNOW THE CORRECT NAME

7. A DD A LINK TO YOUR PAGES IN YOUR WEBSITE The HTML code (in RED) tells the browser to go to the link specified. The “dance1.html” is the destination, which in this case is an HTML file in your same FOLDER. The word HOME is the link name that will display on the page HOME

8. THE FINISHED CODE LOOKS LIKE THIS

9. N OW YOU CAN REMOVE THE BORDER BY CHANGING THE BORDER WIDTH TO ZERO …

10. B UT WAIT … THIS ISN ’ T FANCY ENOUGH ! Use an image for your link to each page instead of text … but the image MUST CLEARLY say what page the user is going to …