Upload
brendan-fitzgerald
View
213
Download
0
Tags:
Embed Size (px)
Citation preview
Slide 1 (of 16)
1) Launch Dreamweaver 8.
2) Under Site, choose New Site.
Stanford Continuing Studies CS 22 · Enhanced Web Site Design
Week Two
DREAMWEAVER and IMAGEMAPS
Slide 2 (of 16)
3) In the “What would you like to name your site” field, enter ImageMap Example. Then, click Next.
Slide 5 (of 16)
6) Since we will be using Tripod’s web servers to publish your site, in the Sharing Files section, choose FTP, then enter ftp.tripod.com, your Tripod Username, and your Tripod password, as indicated. Click Next.
Slide 6 (of 16)
7) Since we will not be collaborating with anyone else on this web site for this class, choose No, do not enable check in and check out, then click Next.
8) Click Done.
Slide 7 (of 16)
9) Under File, choose New.
In the General tab, select Basic Page, HTML, then click Create.
10) In the Title field, enter Pick A School Website
Then, under File, choose Save
Slide 8 (of 16)
11) In the Save in field, make sure you are still at 3½ Floppy. In the File name field, enter schools.html, then click Save.
Slide 9 (of 16)
12) In the main window area, enter Pick A School Website:, then press ENTER.
13) Highlight the text. In the Properties palette, choose the Heading 1 format.
Slide 11 (of 16)
16) Select the image.
17) In the Properties palette, in the Map field, enter schools, then click the Rectangle Hotspot Tool.
Slide 12 (of 16)
18) Draw a box around the Stanford image.
19) In the Properties palette:
• In the Link field, enter http://www.stanford.edu
• In the Alt field, enter Stanford University
Slide 13 (of 16)
20) Click the Rectangle Hotspot Tool.
21) Draw a box around the Berkeley image.
22) In the Properties palette:
• In the Link field, enter http://www.berkeley.edu
• In the Alt field, enter UC Berkeley
Slide 14 (of 16)
23) Click the Rectangle Hotspot Tool.
24) Draw a box around the Harvard image.
25) In the Properties palette:
• In the Link field, enter http://www.harvard.edu
• In the Alt field, enter Harvard University
Slide 15 (of 16)
26) Click the Rectangle Hotspot Tool.
27) Draw a box around the Yale image.
28) In the Properties palette:
• In the Link field, enter http://www.yale.edu
• In the Alt field, enter Yale University