Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38

1
Using Dreamweaver, Photoshop, and Fireworks
Graphics Production for the Web Stanford
University Continuing Studies CS 38
Mark Branom markb_at_stanford.edu http//www.stanford
.edu/people/markb/ Course Web Site
http//www.stanford.edu/group/csp/cs38/
2
Week 2 Agenda

• Unfinished business
• Introduction to Fireworks and Photoshop
• Manipulate image downloaded last week using
  Photoshop
• Use Dreamweaver to add images to web page(s)
• Publish

3
Adobe Fireworks and Photoshop

• Fireworks and Photoshop are graphics editors used
  to manipulate and develop images.
• Photoshop was primarily developed to edit images
  for print-based media (although it is
  increasingly being used for images for the Web).
• Fireworks was primarily developed to edit images
  for the Web, with features such as slicing and
  imagemaps (more on this in week 4).
• This week, well look at some of the ways you can
  manipulate images in Photoshop next week, well
  look at how to manipulate them in Fireworks.

4
Using Photoshop

• See Using Photoshop

5
Class Exercises

• 1) Take graphic from last week and modify it to
  better fit on your web page.
• 2) Use Dreamweaver to add images to web page(s).
• 3) Publish the web page(s) and graphics using
  Geocities.

6
Preview of Next Week

• Bitmap vs. Vector graphics
• Using Fireworks