Transcript Using Dreamweaver, Photoshop, and Fireworks

Using Dreamweaver, Photoshop, and Fireworks:
Graphics Production for the Web
Stanford University Continuing Studies CS 38
Mark Branom
[email protected]
http://www.stanford.edu/people/markb/
Course Web Site: http://www.stanford.edu/group/csp/cs38/
Week 2
1
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
CS38: Graphics Production for the Web
Week 2
Slide 2 of 6
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, we’ll look at some of the ways you can manipulate images
in Photoshop; next week, we’ll look at how to manipulate them in
Fireworks.
CS38: Graphics Production for the Web
Week 2
Slide 3 of 6
Using Photoshop
• See “Using Photoshop”
CS38: Graphics Production for the Web
Week 2
Slide 4 of 6
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.
CS38: Graphics Production for the Web
Week 2
Slide 5 of 6
Preview of Next Week
• Bitmap vs. Vector graphics
• Using Fireworks
CS38: Graphics Production for the Web
Week 2
Slide 6 of 6