ROUGHING IN A SITE

CREATE AN INDEX PAGE AND FOLDERS

See Week 3 notes ... , which has a picture of what this should look like. Here it is again:

• It is a bad idea to have any page but your index page on the first level.
• It is a good idea to have all your images in one folder.
• If you want to make inner folders for your images that relate directly to pages, that's fine.

FEATURES = PAGES

Remember the features list you made for me last week? That's the form your site should take. For every thing you said you'd like on your portfolio site, create a page in Dreamweaver. If you have the content (as you were supposed to), you can add it now; otherwise, just use placeholder text.

ADDRESSING THE "OUTSIDE" FROM INSIDE A FOLDER

If you have your pages and images in separate folders and your index page on the outside, suddenly you're going to have to make a different kind of connection when you address them. To address the pages inside the "pages" folder to the index page and images in the "images" folder, you have to "back out" of the "pages" folder to get to level one by putting a "../" in the address, like this: <img src="../images/bobsnose.jpg" /> . This address says "go outside this folder, find the folder called "images" and get the graphic "bobsnose.jpg".

ASSEMBLE A NAVIGATION BAR

Using the skills you learned last week, create a nav scheme that links all your pages together. Refer to the sensible guidelines (hey, I think they're sensible) I put down in last week's notes. If all your pages are in one folder, just their names in the "a href" tag is enough, and you can copy and paste the nav code from page to page (remember to cut and paste the JavaScript in the head, too!). Better yet, create one page as a template, put everything you know will be on all your pages, and do a File > Save As to create copies with appropriate titles. Remember that this all changes with regard to the index page; it must address other pages by name the folder first, and when pages inside the folder address it, they must "back out" with a "../" to get to the index.

When a button for a page is ON a page, say you're on "bio.htm" and in the nav bar there's a "Bio" button, the normal thing to do is to disable the button. This can be done by just removing the JavaScript and the link information, leaving it a non-rollover object.