Adobe Illustrator is een vector graphics programma met een breed scala aan functies voor het exporteren van afbeeldingen . Een handige functie is de mogelijkheid om beelden te snijden en vervolgens exporteren de beelden en een HTML-bestand met CSS code die de gesneden beelden weer bij elkaar monteert . Dit is handig bij het maken van beeld - intensieve lay-outs voor het web , zoals gebruikers met beperkte internetconnectiviteit ( dial - up gebruikers , mobiele netwerk gebruikers, enz. ) kan een reeks kleinere beelden waarbij een grote afbeelding kan een time-out te laden en weer te geven . De afzonderlijke afbeeldingen kunnen ook worden gekoppeld aan andere webpagina's . Instructies
1 Lancering Adobe Illustrator en klik op " File " en "Open . " Kopen van 2 Klik om een Adobe Illustrator ( " . AI " ) bestand te selecteren en vervolgens Klik op ' Open '.
3 Klik op de functie " Slice " uit de werkbalk te selecteren , als de afbeelding niet al is gesneden . Klik en sleep de slice tool om de afbeelding te scheiden in verschillende rechthoekige stukken , als dat nodig is .
4 Klik op het menu "Bestand " en klik op " Opslaan voor web en apparaten . "
< Br > 5 Klik op het tabblad ' Lagen ' aan de rechterkant van het venster " Opslaan voor web en apparaten " .
6 Klik om een controle in de plaats " Exporteren als CSS -lagen " box .
7 Klik om een laag uit het drop - down menu te selecteren en vervolgens klik om te kiezen " Zichtbaar ", " Verborgen " of " niet exporteren " voor de laag . Dit bepaalt hoe elke laag wordt weergegeven op de webpagina met de gegenereerde CSS-code .
8 Herhaal stap 7 voor elke laag .
Klik 9 om een cheque te plaatsen in de "Preview Alleen geselecteerde Layer " box aan de geselecteerde in de drop- down menu in de grote voorbeeldvenster layer zien .
10 Klik op de knop "Opslaan" . Klik op " HTML en afbeeldingen ( * . Html ) " van het " Opslaan als type " drop - down menu te selecteren . Typ een bestandsnaam en selecteer een opslaglocatie.
11 Klik op de knop "Opslaan" om een HTML-document en map " Afbeeldingen " op de opslaglocatie te genereren . De HTML- document bevat de gegenereerde CSS-code en de map " Afbeeldingen " bevat de gesegmenteerde afbeelding file (s ) .
|
