Fireworks CS6 Web Workflow

Course

Online

£ 10 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

In this hands-on workshop Candyce Mairs shows you how to use Fireworks CS6 to turn a graphic design into a fully operational web page. Beginning with the basics of the Fireworks interface and designing for the Web, Candyce walks you step by step through the transition process, from slicing and optimizing images to wireframing, turning designs into HTML and CSS, and previewing pages. You’ll also learn how to use drop shadows, gradients, rounded edges, and pop-up menus to add that extra flair to your designs. Turning your web designs into web pages has never been easier!

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Understand how to work in Fireworks
Be Familiar with the CSS Export Feature within Fireworks
Completely convert a Fireworks web page design into an HTML and CSS web page
Extend the capabilities of Fireworks beyond the basic program using extensions.
Know the importance of properly slicing your design to create the web page
Be familiar with the basics of HTML and CSS on a web page

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Export
  • Project
  • Dreamweaver
  • Web
  • Typography
  • Image
  • Layout
  • Design
  • Workflow
  • HTML

Course programme

Introduction 3 lectures 12:47 Exploring the Fireworks Web Workflow Project Getting to Know the Fireworks Interface Fireworks CS6 New Features Introduction 3 lectures 12:47 Exploring the Fireworks Web Workflow Project Getting to Know the Fireworks Interface Fireworks CS6 New Features Exploring the Fireworks Web Workflow Project Exploring the Fireworks Web Workflow Project Exploring the Fireworks Web Workflow Project Exploring the Fireworks Web Workflow Project Getting to Know the Fireworks Interface Getting to Know the Fireworks Interface Getting to Know the Fireworks Interface Getting to Know the Fireworks Interface Fireworks CS6 New Features Fireworks CS6 New Features Fireworks CS6 New Features Fireworks CS6 New Features Working with Web Pages 4 lectures 23:42 Why Do I Need an HTML Editor? What Does CSS Do? Defining a Local Site in Dreamweaver Becoming Familiar with the Dreamweaver Interface Working with Web Pages 4 lectures 23:42 Why Do I Need an HTML Editor? What Does CSS Do? Defining a Local Site in Dreamweaver Becoming Familiar with the Dreamweaver Interface Why Do I Need an HTML Editor? Why Do I Need an HTML Editor? Why Do I Need an HTML Editor? Why Do I Need an HTML Editor? What Does CSS Do? What Does CSS Do? What Does CSS Do? What Does CSS Do? Defining a Local Site in Dreamweaver Defining a Local Site in Dreamweaver Defining a Local Site in Dreamweaver Defining a Local Site in Dreamweaver Becoming Familiar with the Dreamweaver Interface Becoming Familiar with the Dreamweaver Interface Becoming Familiar with the Dreamweaver Interface Becoming Familiar with the Dreamweaver Interface Planning the Page Layout 2 lectures 10:46 What Is a Wireframe? Web Typography Planning the Page Layout 2 lectures 10:46 What Is a Wireframe? Web Typography What Is a Wireframe? What Is a Wireframe? What Is a Wireframe? What Is a Wireframe? Web Typography Web Typography Web Typography Web Typography It All Begins with Slicing 3 lectures 16:57 What Is Slicing? Learning About the Slice Tool Slicing Techniques It All Begins with Slicing 3 lectures 16:57 What Is Slicing? Learning About the Slice Tool Slicing Techniques What Is Slicing? What Is Slicing? What Is Slicing? What Is Slicing? Learning About the Slice Tool Learning About the Slice Tool Learning About the Slice Tool Learning About the Slice Tool Slicing Techniques Slicing Techniques Slicing Techniques Slicing Techniques Optimizing Images 4 lectures 25:59 What Is Optimization? Using Image Formats for the Web Exploring Image Optimization Exporting an Optimized Image Optimizing Images 4 lectures 25:59 What Is Optimization? Using Image Formats for the Web Exploring Image Optimization Exporting an Optimized Image What Is Optimization? What Is Optimization? What Is Optimization? What Is Optimization? Using Image Formats for the Web Using Image Formats for the Web Using Image Formats for the Web Using Image Formats for the Web Exploring Image Optimization Exploring Image Optimization Exploring Image Optimization Exploring Image Optimization Exporting an Optimized Image Exporting an Optimized Image Exporting an Optimized Image Exporting an Optimized Image Preparing for Export 5 lectures 41:12 Preparing a PNG File for Export Working with the Common Library Adding Slices to the Design Optimizing Design Slices Setting Up the Navigation Bar Preparing for Export 5 lectures 41:12 Preparing a PNG File for Export Working with the Common Library Adding Slices to the Design Optimizing Design Slices Setting Up the Navigation Bar Preparing a PNG File for Export Preparing a PNG File for Export Preparing a PNG File for Export Preparing a PNG File for Export Working with the Common Library Working with the Common Library Working with the Common Library Working with the Common Library Adding Slices to the Design Adding Slices to the Design Adding Slices to the Design Adding Slices to the Design Optimizing Design Slices Optimizing Design Slices Optimizing Design Slices Optimizing Design Slices Setting Up the Navigation Bar Setting Up the Navigation Bar Setting Up the Navigation Bar Setting Up the Navigation Bar The Export Process 8 lectures 54:38 Exporting the PNG File Correcting Export Issues Fixing the Final Code Fine-Tuning the Layout Adding Drop Shadows with CSS Adding Background Gradients with CSS Working with Curved Corners Browser Support for CSS3 Properties The Export Process

Additional information

Adobe Fireworks CS4 or higher in order to do the exercises within the lectures Adobe Fireworks is not required if you do not wish to do the exercises within the lectures

Fireworks CS6 Web Workflow

£ 10 + VAT