photoshop for the web

Duration: 1 Day

This is a one day course those who have a working knowledge of Photoshop but need to use this powerful image manipulation programme to create images and files for the Web. 

The course will look at how Photoshop interacts with Dreamweaver and HTML and the design restrictions that need to be considered when creating graphics for the Web. It will also explore web page design you will learn to create animated GIFs and how to optimise graphics for the web.

Course Outline

• Photoshop as a Web design tool
  • Photoshop integration with HTML
  • Photoshop integration with Dreamweaver
• Considerations prior to designing
  • Deciding on a target screen resolution
  • Browser differences on the Web
  • Floating or fixed design

• Designing the layout
  • Slicing a page
  • Slice Options
  • Exporting only required slices
  • Rollover Images
• Colour
  • RGB colours
  • Hexadecimal colour
  • Generating a colour scheme
  • Dithered colours
• Optimising images for Web pages
  • Techniques for minimizing file size without degrading image quality
  • Slicing images
  • Saving for the web
  • Choosing the right format
  • JPEG vs GIF vs PNG formats
• Creating animated GIFs
  • The animation window
  • Creating and Modifying frames
  • Position
  • Opacity
  • Layer Effects
  • Tweening
  • Frame delay
  • Looping
  • Exporting