MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Instrukcja Użytkownika Pobierz pdf (Strona 27)

Image Alignment and Image Maps Tutorial 27

View the completed file

Take a look at the completed file to see what you’ll create. The completed image map includes links

to other document. You will open the document in a browser window to see how the links work.

1 Choose File > Open, and in the dialog box that appears, navigate to the GettingStarted

folder you created, then navigate to Tutorials/Completed and open the file named

imagemap_comp.htm.

The document opens in the Document window.

2 Press F12 (Windows only) or select File > Preview in Browser then select a browser to view the

document in.

3 Roll the pointer over the light purple areas. The pointer changes to a hand, letting you know

that the areas link to another document.

4 Click North America.

A new page opens.

5 Click your browser’s back button to return to the world map page.

6 Click the other hotspot.

The linked document opens in a new browser window.

7 When you are done viewing the pages, close your browser.

Set image map areas

You will create an image map so that a single image links to multiple pages.

1 In Dreamweaver, choose File > Open, then navigate to and open the file named

imagemap_start.htm.

2 In the document, click the image of the world map to select it.

1 2 ... 22 23 24 25 26 27 28 29 30 31 32 ... 65 66

Brak uwag

MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Instrukcja Użytkownika Strona 27