Home » Software Training » Fireworks: Web Workflow
No. of

Fireworks CS6: Web Workflow Prof. Candyce Mairs (Adobe Certified)

57 ratings • 0 reviews
  • Level Intermediate
  • 43 Lessons (4hr : 19min)
  • 635 already enrolled!
  • Audio: English

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.

Table of Contents

Section 1: 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

Section 2: 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

Section 3: Planning the Page Layout

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

Section 4: It all begins with Slicing

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

Section 5: 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

Section 6: 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

Section 7: 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

Section 8: 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

Section 9: Adding a Popup Menu

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

Section 10: 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

Duration: 4 hours, 19 minutes

Number of Lessons: 43

Student Feedback


0 Reviews


Please sign in to participate in this lecture discussion.

Resetting Your Password?

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Membership Overview

  • Available 24/7. Unlimited Access to Our Entire Library.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lecture slides for taking notes.
  • Track your course viewing progress.
  • Accessible anytime, anywhere with our Android and iOS apps.