DeboJone is currently editing this page... so do not mess with it or add anything....

Tutorial 5 - A Simple PageTurner Site

Building Your Site

OK, you've created a SITE ROOT and you've designated a HOME PAGE (index.htm). If you haven't, do the previous tutorial..

In this tutorial, we're going to start actually building a site. The process is really simple:

• Make a number of HTML pages
• Link them with hyperlinks
• Add some graphics to them

The process of doing this might seem a little backwards at first:

• Make the graphics and HTML pages
• Place them in their correct folders
• THEN link things together.

So, let's make a few pages, and then start editing them.

1.  In Dreamweaver, make a New HTML pages (File>New...>Blank Page> HTML

2.  IMMEDIATELY name the page and save it to the HTML FOLDER in your ROOT FOLDER (SITE ROOT) (what, no HTML folder? Make one! Remember, you don't need Dreamweaver to do this, but you can ). USE NO BLANK SPACES in you page name, and this would be a good time to figure out a NAMING SCHEME or NAMING CONVENTION (like, page_01.html). 

3.  Repeat Steps 1 and 2 a few times so you have three to five pages. Under the WINDOW menu, select CASCADE, and you should see something like this:

4.  You can click on the DESIGN tab to see everything in WYSIWYG mode.

5.  Type "LINK TO PAGE X" on each page. Just make it sequential for now.

6. Select the "LINK" part of the text, and in the PROPERTIES WINDOW, CLICK AND HOLD the little POINT TO FILE icon - it looks like a circle with cross-hairs. This will make a little arrow, so while still holding down on the mouse, POINT this arrow to one of the other pages and RELEASE. Under the TARGET drop-down menu, select   _self . You've just created a hypertext link! :

7. Repeat this procedure with all your files. SAVE each page - saving updates links.

8. Open your index.htm page. Type the text, PAGETURNER on your index.htm page, select it, and make a hypertext link to your first page (page_01.html). SAVE index.htm.

9. View index.htm in a browser window (either drag it into a browser window, or select File>Preview in Browser .  You should be able to click from page to page.

10. Also, look at your site now in MAP view in the FILES menu. You should see a hierarchy of files linked by hypertext!