MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Fireworks Web Workflow

Course Summary

Learn how to use the power of Fireworks CS4 and get your website designs converted into HTML and CSS quickly and easily.

  • +

    Course Syllabus

    • Course Introduction and Downloadable Course Files
      • Course Files for Download
      • Introduction to the Course
    • The Importance of Slicing
      • What is Slicing?
      • The Slice Tool
      • Slicing Techniques
    • HTML Export
      • Creating a Sample File
      • HTML Export of the Sample File
      • Manually Slicing the Sample File
      • Naming Slices in the Sample File
      • Overview of the HTML And Images Export Feature
    • CSS Export
      • CSS Slicing Using Fireworks CS4
      • Naming CSS Slices
      • Exporting Using the CSS And Images Export Feature
      • Naming Rectangles
      • Understanding CSS and Rectangles
      • Overview of the CSS And Images Export Feature
    • Fireworks Extensions
      • What is a Fireworks Extension?
      • Where Can I Find Fireworks Extensions?
      • The Fireworks Extension Manager
      • Installing the Lorem Ipsum Extension
    • Working with the Lorem Ipsum Extension
      • Adding Text Using the Lorem Ipsum Extension
      • Creating Bulleted Lists Using Lorem Ipsum
      • Creating HTML Code Using Lorem Ipsum
      • Creating CSS Using Lorem Ipsum
    • Working With the The Common Library
      • The Common Library
      • Symbol Properties Panel
    • Building a Web Page in PNG Format
      • Previewing the Final PNG File
      • Inserting the Header Image
      • Adding the Company Name
      • Adding the Search Feature
      • Adding the Navigation Rectangle
      • Adding Navigation Bar Links
      • Adding the Footer
      • Adding the Content Area
      • Adding Text to the Content Area
    • The Fireworks CS4 Export Features
      • Exporting the Homepage Using CSS Export
      • The Fireworks CS4 Export Rules
      • Reviewing the PNG File Before Exporting
      • Slicing Images for Export
      • Exporting the PNG File for Review
    • The 3 Slice Technique
      • What is the 3 Slice Technique?
      • An Example of the 3 Slice Technique
      • Performing the 3 Slice Technique on the Navigation Bar
    • Optimizing Images
      • The Optimize Panel
      • Optimization Options for JPEGs
      • Optimization Options for GIFs
      • Optimizing the PNG File
    • Preparing a PNG File for Export
      • Fixing Footer Export Errors
      • Creating Final Divs
      • Final Export to CSS and HTML
    • The Pages Panel
      • The Pages Panel
      • Creating a Master Page
      • Exporting Multiple Pages from a PNG File
      • Conclusion

Course Fee:
USD 19

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top