1. Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing Studies CS 38 Using Dreamweaver, Photoshop, & Fireworks: Graphics Production for the Web Week Four EXERCISE 2: SLICING

2. Slide 2 of 12 5) Select the Slice Tool 6) Click and drag to mark and set the 4 pieces.

3. Slide 3 of 12 7) Under File, choose Export Wizard 8) Click Continue, choose The web, Continue, then Exit

4. Slide 4 of 12 9) Click the GIF version, then click Export.

5. Slide 5 of 12 10) In the File name field, enter navbar.htm, then click Export. 11) Close Fireworks.

6. Slide 6 of 12 12) Launch Dreamweaver. 13) Under File, choose Open. 14) Click navbar.htm, then click Open.

7. Slide 7 of 12 15) Modify navbar.htm: a) In the Title, enter Pick a School Website 2. c) change the text to the Heading 1 format. b) In the main window area, type: Pick a School Website 2:

8. Slide 8 of 12 16) Under File, choose Save As 17) Enter school2.html and click Save.

9. Slide 9 of 12 18) Under the Image field, add stanford. In the Link field, add http://www.stanford.edu. In the Alt field, enter Stanford University.

10. Slide 10 of 12 19) Under the Image field, add berkeley. In the Link field, add http://www.berkeley.edu. In the Alt field, enter UC Berkeley.

11. Slide 11 of 12 20) Under the Image field, add harvard. In the Link field, add http://www.harvard.edu. In the Alt field, enter Harvard University.

12. Slide 12 of 12 21) Under the Image field, add yale. In the Link field, add http://www.yale.edu. In the Alt field, enter Yale University. 22) Under File, choose Save. 23) Publish school2.html, navbar_r1_c1.gif, navbar_r2_c1.gif, navbar_r3_c1.gif, and navbar_r4_c1.gif to your webs account. 24) Open your browser to see your published sliced image.