Sign In | Subscribe

Adobe Fireworks is powerful software that can quickly turn your creative graphic design into HTML and CSS web pages. Adobe Certified Instructor Candyce Mairs will teach you everything you need to know about wireframing, slicing, and optimizing images. Along the way, you will also learn how to add drop shadows, gradients, rounded edges, and popup menus directly onto a web page from your Fireworks design. Candyce has been in the training industry since 1994, is a Certified Internet Webmaster (CIW) Master Designer and Instructor, and also holds Adobe Certified Instructor and Expert certifications in Fireworks, ColdFusion, Acrobat, and Contribute.

expand all   collapse all

I. Becoming Familiar with Fireworks

  Exploring the Fireworks: Web Workflow Project 2:00
  Getting to Know the Fireworks Interface 5:26
  Fireworks CS6 New Features 5:20

II. Working with Web Pages

  Why Do I Need an HTML Editor? 7:01
  What Does CSS Do? 2:49
  Defining a Local Site in Dreamweaver 5:56
  Becoming Familiar With the Dreamweaver Interface 7:54

III. Planning the Page Layout

  What is a Wireframe? 6:00
  Web Typography 4:46

IV. It all begins with Slicing

  What is Slicing? 5:04
  Learning About The Slice Tool 5:52
  Slicing Techniques 6:01

V. Optimizing Images

  What is Optimization? 7:00
  Using Image Formats for the Web 6:10
  Exploring How to Optimize an Image 8:49
  Exporting an Optimized Image 3:59

VI. Preparing for Export

  Preparing a PNG File for Export 8:28
  Working with the Common Library 13:13
  Adding Slices to the Design 5:54
  Optimizing Design Slices 8:36
  Setting up the Navigation Bar 4:59

VII. The Export Process

  Exporting the PNG File 6:02
  Correcting the Export Issues 8:06
  Fixing Final Code 7:58
  Fine Tuning the Layout 6:54
  Adding Drop Shadows using CSS 8:32
  Adding Background Gradients using CSS 7:56
  Working with Curved Corners 5:00
  Browser Support for CSS3 Properties 4:07

VIII. Working with the Pages Panel

  Exploring the Pages Panel 4:24
  Creating a Master Page 5:31
  Creating Pages from a Master Page 7:13
  Exporting Individual Pages from a PNG File 5:02

IX. Adding a Popup Menu

  What is a Popup Menu? 3:24
  Creating a Popup Menu 8:22
  Adding Additional Popup Menus 5:19

X. Exporting Popup Menus

  Exporting Popup Menus 4:29
  Exporting as HTML and Images 6:12
  Copying the Coding Part 1 6:59
  Copying the Coding Part 2 6:47
  Correcting the Image Location 2:08
  Adjusting and Previewing Our Final File 7:11