Come esportare i CSS Coding Da Illustrator

Adobe Illustrator è un programma di grafica vettoriale con una vasta gamma di funzionalità per esportare le immagini . Una caratteristica utile è la possibilità di tagliare le immagini e quindi esportare le immagini e un file HTML con il codice CSS che assembla le immagini a fette di nuovo insieme . Questo è utile quando si creano i layout immagine ad alta intensità per il web , come gli utenti con connettività limitata Internet ( gli utenti dial -up , gli utenti di telefonia mobile , ecc ) possono caricare e visualizzare una serie di immagini più piccole , dove un'unica grande immagine potrebbe timeout . Le immagini separate possono anche essere collegati a diverse pagine web . Istruzioni
1

lancio di Adobe Illustrator e quindi fare clic su "File" e "Open ".
2

Fare clic per selezionare un file di Adobe Illustrator ( . " AI" ) di file e quindi fare clic su "Apri ".
3

Fare clic per selezionare la funzione " Slice" dalla barra degli strumenti , se l'immagine non è già stata tagliata . Fare clic e trascinare lo strumento sezione per separare l' immagine in diversi pezzi rettangolari, come necessario .
4

Fare clic sul menu "File" e poi cliccare su " Salva per Web e dispositivi. "

5

fare clic sulla scheda " Livelli " sul lato destro della finestra "Salva per Web e dispositivi " .
6

fare clic per inserire un segno di spunta nella " Esporta come Livelli CSS " scatola .
7

Fare clic per selezionare un livello dal menu a discesa e quindi fare clic per selezionare " visibile", " nascosto" o " non si esporta " per il livello. Questo determina come ogni strato viene visualizzato sulla pagina Web utilizzando il codice CSS generato.

8 Ripetere il punto 7 per ogni strato .
9

Fare clic per inserire un controllo in il "Anteprima Solo Selected layer" scatola per vedere il livello selezionato nel menu a discesa nel riquadro di anteprima principale.
10

Fare clic sul pulsante "Salva" . Fare clic per selezionare " HTML e immagini ( * . Html )" dal " Salva come" dal menu a discesa. Digitare un nome di file e selezionare una posizione di salvataggio.
11

Fare clic sul pulsante "Salva" per generare un documento HTML e la cartella " Immagini " presso la posizione di salvataggio . Il documento HTML contiene il codice CSS generato e la cartella " Immagini " contiene il file immagine a fette ( s ) .