Adobe Illustrator er en vektor grafik program med en bred vifte af funktioner for at eksportere billeder. Én nyttig funktion er evnen til at slice billederne og derefter eksportere billederne og en HTML-fil med CSS kode , der samler de skivede billederne sammen igen . Dette er nyttigt , når du opretter image- intensive layouts til internettet, som brugere med begrænset internetforbindelse ( dial- up-brugere , mobile netbrugere osv.) kan indlæse og vise en række mindre billeder , hvor en stort billede kan timeout. De separate billeder kan også være knyttet til forskellige websider . Instruktioner
1
Launch Adobe Illustrator og derefter klikke på "File " og " Open ".
2
Klik for at vælge en Adobe Illustrator ( . " AI" ) fil og derefter klik på " Åbn ".
3
Klik for at vælge " Slice " værktøj fra værktøjslinjen, hvis billedet ikke allerede er skåret . Klik og træk den skive værktøj til at adskille billedet i flere rektangulære stykker efter behov.
4
Klik på " Filer" og derefter klikke på "Gem til web og enheder . "
< Br > 5
Klik på " Lag " fanen i højre side af " Gem til web og enheder " vinduet.
6
Klik for at placere en check i "Export Som CSS Lag "-boksen .
7
Klik for at vælge lag fra drop- down menuen og derefter klikke for at vælge " Synlig ", "skjulte" eller " ikke eksporterer " til laget. Dette bestemmer, hvordan hvert lag vises på websiden ved hjælp af genererede CSS kode .
8
Gentag trin 7 for hvert lag .
9
Klik for at placere en check i "Preview Kun udvalgte Layer "-boksen for at se laget valgt i drop- down menuen i main indholdsruden.
10
Klik på "Gem " knappen. Klik for at vælge " HTML og billeder (*. Html) " fra "Gem som type " drop- down menu. Indtast et filnavn , og vælg en gemmeplacering .
11
Klik på "Gem "-knappen for at generere et HTML-dokument og "Billeder " mappe på gemmestedet . HTML-dokumentet indeholder den genererede CSS kode og " Billeder" mappe indeholder skiver billedfil ( r) .