Adobe Illustrator er et vektorbasert grafikk program med et bredt spekter av funksjoner for eksport av bilder . En nyttig funksjon er muligheten til å skjære bildene og deretter eksportere bildene og en HTML-fil med CSS -kode som samler de skiver bildene sammen igjen. Dette er nyttig når du lager image - intensive oppsett for Web , som brukere med begrenset Internett -tilkobling ( dial-up brukere , mobile nettverk brukere, osv. ) kan laste og vise en rekke mindre bilder der ett stort bilde kan tiden ute . De separate bilder kan også være knyttet til forskjellige websider . Instruksjoner
en

Launch Adobe Illustrator og deretter klikk på "File " og " Open".
2

Klikk for å velge en Adobe Illustrator ( " . AI ") fil og deretter Klikk "Open ".
3

Klikk for å velge " Slice " verktøy fra verktøylinjen , hvis bildet ikke allerede har vært skiver . Klikk og dra skive verktøy for å skille bildet i flere rektangulære stykker , etter behov .
4

Klikk på "File "-menyen og klikk på " Lagre for Web og enheter . "

5

Klikk på " Lag" -fanen på høyre side av " Save for Web & Devices "-vinduet.
6

Klikk for å plassere en sjekk på "Export As CSS Layers " boksen .
7

Klikk for å velge et lag fra drop -down menyen og klikk deretter for å velge " Synlig ", " Skjult" eller " Ikke eksporter " for laget. Dette bestemmer hvor hvert lag vises på websiden ved hjelp av den genererte CSS -kode.
8

Gjenta trinn 7 for hvert lag .
9

Klikk for å plassere en sjekk på "Forhåndsvisning Kun utvalgte Layer " boksen for å se laget valgt i rullegardinmenyen i hoved forhåndsvisningsruten .
10

Klikk på " Lagre"-knappen . Klikk for å velge " HTML og bilder ( * . Html) " fra " Lagre som type" drop- down menyen . Skriv inn et filnavn og velg lagringssted .
11

Klikk på " Lagre"-knappen for å generere et HTML-dokument og "Bilder "-mappen på lagringssted . HTML-dokumentet inneholder den genererte CSS-kode og "Bilder "-mappen inneholder skiver image -filen (e ) .