2013
Udemy
Candyce Mairs
3:30
English

Fireworks CS4 provides features that allow you to easily convert your graphic designs into HTML and CSS web pages. Let Adobe Fireworks do the work for you converting your PNG file into standards compliant HTML and CSS. This course walks you through the process step by step, building a website using Fireworks, showcasing the various export options and how to set up a PNG file to get the results you want. Streamline your web workflow by letting Fireworks do most of the work for you and get that website up and running quickly!

Section 1: Course Introduction and Downloadable Course Files
Lecture 1
Course Files for Download
02:31
Lecture 2
Introduction to the Course
02:31
Section 2: The Importance of Slicing
Lecture 3
What is Slicing?
02:53
Lecture 4
The Slice Tool
05:05
Lecture 5
Slicing Techniques
02:35
Section 3: HTML Export
Lecture 6
Creating a Sample File
06:01
Lecture 7
HTML Export of the Sample File
05:51
Lecture 8
Manually Slicing the Sample File
05:19
Lecture 9
Naming Slices in the Sample File
04:04
Lecture 10
Overview of the HTML And Images Export Feature
03:53
Section 4: CSS Export
Lecture 11
CSS Slicing Using Fireworks CS4
03:14
Lecture 12
Naming CSS Slices
03:45
Lecture 13
Exporting Using the CSS And Images Export Feature
03:43
Lecture 14
Naming Rectangles
04:36
Lecture 15
Understanding CSS and Rectangles
06:27
Lecture 16
Overview of the CSS And Images Export Feature
03:36
Section 5: Fireworks Extensions
Lecture 17
What is a Fireworks Extension?
01:39
Lecture 18
Where Can I Find Fireworks Extensions?
02:33
Lecture 19
The Fireworks Extension Manager
04:45
Lecture 20
Installing the Lorem Ipsum Extension
03:24
Section 6: Working with the Lorem Ipsum Extension
Lecture 21
Adding Text Using the Lorem Ipsum Extension
04:19
Lecture 22
Creating Bulleted Lists Using Lorem Ipsum
03:42
Lecture 23
Creating HTML Code Using Lorem Ipsum
02:19
Lecture 24
Creating CSS Using Lorem Ipsum
04:22
Section 7: Working With the The Common Library
Lecture 25
The Common Library
04:29
Lecture 26
Symbol Properties Panel
03:04
Section 8: Building a Web Page in PNG Format
Lecture 27
Previewing the Final PNG File
00:49
Lecture 28
Inserting the Header Image
02:45
Lecture 29
Adding the Company Name
03:48
Lecture 30
Adding the Search Feature
04:04
Lecture 31
Adding the Navigation Rectangle
04:01
Lecture 32
Adding Navigation Bar Links
05:15
Lecture 33
Adding the Footer
05:08
Lecture 34
Adding the Content Area
02:12
Lecture 35
Adding Text to the Content Area
04:35
Section 9: The Fireworks CS4 Export Features
Lecture 36
Exporting the Homepage Using CSS Export
05:06
Lecture 37
The Fireworks CS4 Export Rules
06:54
Lecture 38
Reviewing the PNG File Before Exporting
03:28
Lecture 39
Slicing Images for Export
05:19
Lecture 40
Exporting the PNG File for Review
04:42
Section 10: The 3 Slice Technique
Lecture 41
What is the 3 Slice Technique?
02:09
Lecture 42
An Example of the 3 Slice Technique
04:22
Lecture 43
Performing the 3 Slice Technique on the Navigation Bar
02:09
Section 11: Optimizing Images
Lecture 44
The Optimize Panel
03:28
Lecture 45
Optimization Options for JPEGs
03:14
Lecture 46
Optimization Options for GIFs
02:19
Lecture 47
Optimizing the PNG File
04:30
Section 12: Preparing a PNG File for Export
Lecture 48
Fixing Footer Export Errors
05:19
Lecture 49
Creating Final Divs
03:33
Lecture 50
Final Export to CSS and HTML
04:28
Section 13: The Pages Panel
Lecture 51
The Pages Panel
02:45
Lecture 52
Creating a Master Page
05:54
Lecture 53
Exporting Multiple Pages from a PNG File
04:10
Lecture 54
Conclusion
01:45

udemy.com/adobe-fireworks-web-workflow

Download File Size:621.99 MB

---