Adobe Graphics & Web Technology Courses

Web Management 2: Advanced Website Design with Graphic Integration
Two Days - Instructor-led

You have a functional, if basic, website. Now it’s time to spice things up with graphics. In this two-day course, we will use Adobe’s Graphic manipulation programs, Photoshop and Fireworks, to optimize photos, create special effects, create rollover buttons and slide-out menus. We will then use Adobe Dreamweaver to place the various graphic objects on your website.


This course is designed for anyone who is looking to improve their existing website.


Students should be comfortable with Adobe Dreamweaver and familiar with HTML/XHTML/CSS.

Course Outline

Lesson 1: Using Photoshop

  • Photoshop Basics
  • Differentiate Between Raster and Vector Graphics
  • Understand Image Resolution

Lesson 2: Working with Layers

  • Create and Work with Layers
  • Apply Styles
  • Manage Layers

Lesson 3: Filters and Saving

  • Apply Filter Effects
  • Save Images for the Web

Lesson 4: Enhancing Images

  • Create Gradients
  • Retouch Images
  • Use Adjustment Layers

Lesson 5: Working with Shape Layers and Masks

  • Work with Shape Layers
  • Work with Masks
  • Apply Special Effects to a Layer

Lesson 6: Using Fireworks

  • Create Vector Paths
  • Modify Vector Paths
  • Create Bitmap Graphics
  • Edit Bitmap Graphics

Lesson 7: Special Effects in Fireworks

  • Complex Shapes and Paths
  • Graphic Symbols
  • Adjusting Images

Lesson 8: Interactive Graphics

  • Buttons
  • Rollover Effects
  • Pop-up Menus
  • Image Maps

Lesson 9: Integrating with Dreamweaver

  • Creating a Navigation Bar
  • Creating Image link Rollovers
  • Integrating Photoshop Images in Dreamweaver