Export CSS and DIVs from an Illustrator CS5 Layout


show more Exporting CSS and DIVs from an Illustrator layout provides you with in-depth training on Web. Taught by Mordy Golding as part of the Illustrator CS5 for Web and Interactive Design show less
please wait ...

Exporting CSS and DIVs from an Illustrator layout

It's rare nowadays that people actually build entire pages using HTML tables. Most people now are starting to use CSS for layout. One of the nice things about Illustrator's Save for Web & Devices feature is that it does support the export of a slice layout using CSS divs instead of an HTML table. Before we do that, however, I want to show you a few settings that you can put in place to make life a little bit easier later on. Now, we know that you can select slices here inside of Illustrator and then go to choose Object and then choose Slice and then Slice Options to change some of the settings for the slices, but I actually like to prefer to do that in the Save for Web & Devices dialog box.

So I am going to make sure that this artboard is currently the active one. This is the one that I want to export right here. I am going to choose File > Save for Web & Devices, and I'm going to zoom out just a little bit here. I'm pressing Command+Minus or Ctrl+Minus if...

Exporting CSS and DIVs from an Illustrator layout
Video duration: 3m 57s 6h 20m Intermediate

Viewers:

Exporting CSS and DIVs from an Illustrator layout provides you with in-depth training on Web. Taught by Mordy Golding as part of the Illustrator CS5 for Web and Interactive Design

Subject:
Web
Software:
Illustrator
Author:
please wait ...