Fireworks: Web Workflow Slicing Techniques

IV. It all begins with Slicing: Lecture 3 | 6:01 min

Lecture Description

Facebook Twitter

More More

Start learning today, and be successful in your academic & professional career. Start Today!

Loading video...

This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Fireworks: Web Workflow

Next Lecture

Previous Lecture

Discussion
Study Guides
Table of Contents

Please login to ask a question and view discussion.

Start Learning Now

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

Membership Overview

Unlimited access to our entire library of courses.
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 lesson files for programming and software training practice.
Track your course viewing progress.
Download lecture slides for taking notes.
Learn at your own pace... anytime, anywhere!

Slicing Techniques

When you create a slice you can specify what type of slice you want to make
It is possible to create a slice that will end up a background image
We used to need to do that but now we can have css do that for us so we do not need as many images
How you set up your boxes in the graphic design has a big impact on how you will set up your slices
Show how to create a slice by selecting a layer
This will make the slice the perfect size
We will create a slice for the header, budapest & Tahiti images
Name the slices as you create them
These names become the image names within our website

Fireworks CS6: Web Workflow

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

Fireworks: Web Workflow Slicing Techniques

Discussion

Study Guides

Table of Contents

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Start Learning Now

Membership Overview

Slicing Techniques

Fireworks CS6: Web Workflow