MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Dokumentacja Pobierz pdf (Strona 26)

ITS - Technology & Learning Services Page 24

Dr. Luanne Eris Fose Revised July 30, 2004

Using Our Index.html Page as a Template

Now that we have our index.html almost completed and have the navigation bar and links set,

we can save this page out to use as a template for our other web pages.

1. First, remove the text that says “Place page content here” and remove the text that

says “Open the instructions.html file”.

2. Go to the File menu and select Save As… Save this page as index.html.

3. Now go to the File menu and select Save As… again. Now save the page as bio.html.

4. Continue to do this two more times, saving the page as history.html and

favorites.html. You should see these four pages (index.html, bio.html, history.html

and favorites.html) added to your Files Panel Group on the right of the Dreamweaver

screen.

5. If you saved the pages with the new names in the order described above, the page you

are currently working on has been renamed “favorites.html”. Close this page by going

to File > Close.

Adding an Image to the Index.html Page

Let’s finish off our home page (index.html) by adding an image to it.

1. Double-click on index.html in the Files Panel Group to open it again.

2. Highlight the text “Page Title” and delete it. Also delete the 4-dot bullet before and

after it.

3. In the Properties Inspector, click on the Align Center button. This is to place our cursor

in the middle of the page in order to add an image there.

4. Press Enter once to make a paragraph return and get the cursor lower on the page.

5. From the Insert menu, select Image (Control-Alt-I) and then the Select Image Source

dialog box will appear (Figure 19). Navigate to the homer_claymation.jpg image (i.e.,

My Documents>Class Materials>Dreamweaver MX 102-LFose>mx2004_website>

images) and click

once

on the image. You will see an Image Preview to the right in this

dialog box. If the claymation image of Homer Simpson appears, click on the OK button

to insert it.

1 2 ... 21 22 23 24 25 26 27 28 29 30 31 ... 47 48

Brak uwag

MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Dokumentacja Strona 26