Graphics Programs Reference
In-Depth Information
can see the single image that is labeled according to the name entered in the Save
Optimized dialog box, with the slice number appended to the end.
12.
Choose View > Hide Slices.
13.
Choose Object > Show All.
14.
Choose Select > Deselect, and then choose File > Save.
Creating CSS code
As was mentioned earlier, you can also transform the visual designs in Illustrator to CSS
styles using the CSS Properties panel (Window > CSS Properties) or the File > Export
command. This is a great way to move the styling from your web design in Illustrator straight
to your HTML editor or to hand it off to a web developer.
Note
Exporting or copying CSS from Illustrator CC does not create HTML for a
web page. It is intended to create CSS that is applied to HTML you create
elsewhere, such as in Adobe Dreamweaver
®
.
Cascading Style Sheets
are a collection of formatting rules, much like paragraph and
character styles in Illustrator that control the appearance of content in a web page. Unlike
paragraph and character styles in Illustrator, CSS can control the look and feel of text, as
well as the formatting and positioning of page elements found in HTML.
Note
To learn more about what CSS is, visit the “Understanding Cascading Style
Sheets” section of Adobe Dreamweaver Help
You can also check out the CSS video series on Adobe Dreamweaver
Developer Center:
The great thing about generating CSS from your Illustrator artwork is that it allows for
flexible web workflows. You can export all of the styling from a document, or you can just
copy the styling code for a single object or a series of objects and paste it into an external
web editor, like Adobe Dreamweaver. But creating CSS styling and using it effectively
requires a bit of setup in your Illustrator CC document, and that's what you'll learn about
first.
Setting up your design for generating CSS
If you intend to export or copy and paste CSS from Illustrator CC, slicing is not a necessary
part of that process, but setting up the Illustrator CC file properly before creating CSS allows
