Slik eksporterer CSS Coding Fra Illustrator

Adobe Illustrator er et vektorgrafikk program med et bredt spekter av funksjoner for å eksportere bilder. En nyttig funksjon er muligheten til å skjære bildene og deretter eksportere bilder og en HTML-fil med CSS-kode som samler de skiver bildene sammen igjen. Dette er nyttig når du oppretter bildeintensive oppsett for Internett, som brukere med begrenset Internett-tilkobling (eksterne brukere, mobile nettverk brukere, etc.) kan laste og vise en rekke mindre bilder hvor ett stort bilde kan Time Out. De separate bilder kan også være knyttet til forskjellige websider.

Bruksanvisning

1 Start Adobe Illustrator og klikk deretter på "File" og "Open".

2 Klikk for å velge en Adobe Illustrator ( "AI") filen og klikk "Åpne".

3 Klikk for å velge "Slice" verktøy fra verktøylinjen, hvis bildet ikke allerede er skiver. Klikk og dra stykket verktøy for å skille bildet i flere rektangulære biter etter behov.

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

5 Klikk på "Lag" tappen 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 rullegardinmenyen, og klikk deretter for å velge "Synlig", "Skjult" eller "Do Not Export" for laget. Dette bestemmer hvordan hvert lag vises på nettsiden bruker den genererte CSS-kode.

8 Gjenta trinn 7 for hvert lag.

9 Klikk for å plassere en sjekk på "Preview Only Selected Layer" boksen for å se laget valgt i rullegardinmenyen i hovedforhå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 et lagringssted.

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