Scribd
Upload
40 views13 pages

Homepage Directions

1. The document provides directions for setting up a basic home page in Dreamweaver, including inserting a banner image with navigation links, a title, and introductory paragraphs. 2. Steps include saving the home page file, adding comments with the author's name and period, linking words on the banner image to other pages, inserting a table and banner image, choosing background colors, and pasting introductory text from a Word file. 3. The final steps save the page and test it, though navigation links will not work until start pages for each section are created.

Uploaded by

sjoldoshov
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
40 views13 pages

Homepage Directions

1. The document provides directions for setting up a basic home page in Dreamweaver, including inserting a banner image with navigation links, a title, and introductory paragraphs. 2. Steps include saving the home page file, adding comments with the author's name and period, linking words on the banner image to other pages, inserting a table and banner image, choosing background colors, and pasting introductory text from a Word file. 3. The final steps save the page and test it, though navigation links will not work until start pages for each section are created.

Uploaded by

sjoldoshov
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 13

Home page directions

Setting up the web page

1. Open a blank page in Dreamweaver and do Save As. Save the page in the top
level of your Site folder as home.html. Do not put this page in any subfolder.
Home page directions

2. To put a heading on this page, switch to the Code view and insert the following
comments above the first line of code (the DOCTYPE line.)

<! - - Name - - >


<! - - Period - - >
Home page directions

3. Open intro.doc in Word.

4. Back in Dreamweaver, go to the white blank next to Title: type in the words
that are on your banner.jpg, then put a space, a dash and a space. Now copy
and paste in the title from your intro.doc.
Home page directions

Inserting the table and the banner

5. Place the cursor at left of screen and do Insert/Table. Make the table have 4
rows and 1 column. Make the width of the table 640 pixels. The border,
cellspacing, and cellpadding are all 0. Press OK. While the table is still
selected, choose Align / Center in the Properties box.
Home page directions

6. Put your cursor in the top row and do Insert / Image and open banner.jpg from
your Site folder. It should be the same width as the table.
Home page directions

7. Open Modify / Page Properties and choose a Background color that coordinates
with your banner. At the same time choose a single color for the Text, Links,
Visited links and Active links.

8. Save
Home page directions

Making the navigation links

9. To make your site navigation links on the banner, you will use the hot spot tool.
To use it first click your cursor on the banner. This selects the image. Look
down at the Properties box and click on the small light blue box in the lower left
hand corner.

Go back up to the banner and click and drag over Home. There should now be
a light blue box over that word.

Back in the Properties box click your cursor in the blank next to Link. Delete
the # sign and type in homeWM00.html.
Home page directions

10. Go back to the banner and click and drag over Scavenger Hunt. Back in the
Properties box click your cursor in the blank next to Link. Delete the # sign
and type in huntstartWM00.html.
Home page directions

11. Continue repeating this process until all the words are linked. Below is a list of
the filenames you must use.

Home …………..….. homeWM00.html


Scavenger Hunt …. .huntstartWM00.html
Fun Project ……………....funstartWM00.html
Animation ………….. animationstartWM00.html
Links …………………linkstartWM00.html

Important!!! Click off of the blank next to the Link before you Save. If the cursor is
still blinking in the Link box when you save, the link will be lost.

12. Save
Home page directions

Inserting the subtitle and paragraphs

13. Put your cursor in the 2nd row. Press Shift + Enter twice. Copy and paste the
title from your introWM00.doc. Make it Verdana, size 6.
Home page directions

14. Put your cursor in the 3rd row. Go down to the last row of the Properties box
and find the box next to Vert (standing for vertical alignment.) Click on the
black down arrow next to it and choose Top.

15. Go to introWM00.doc in Word, make sure that the paragraphs are single
spaced. You may need to highlight and do a Ctrl +1 to get things back to single
spacing. Highlight the paragraphs and do a Ctrl + C to copy.
Home page directions

16. Back in Dreamweaver, make sure the cursor is still in the 3rd row of the table.
Do two Shift + Enters, and then do a Ctrl + V to paste in the paragraphs. Make
the font face Verdana, size 3.

You may have too much space between paragraphs. There should only be one
blank line between paragraphs. If there is more, delete the extra blank lines.
Home page directions

17. Do an F12, save it and test your page in Internet Explorer. Your navigation
links will not work yet because you have not made the start pages yet.

You might also like