Adobe Illustrator är ett vektorbaserat grafikprogram med ett brett utbud av funktioner för att exportera bilder . En användbar funktion är möjligheten att skära bilder och sedan exportera bilderna och en HTML -fil med CSS -kod som sätter ihop segmenterade bilder tillbaka tillsammans . Detta är användbart när du skapar bildintensiva layouter för webben , som användare med begränsade Internet -anslutning (modem användare , mobila nät användare etc. ) kan läsa in och visa en serie mindre bilder där en stor bild kan löpa ut . De separata bilder kan också kopplas till olika webbsidor . Instruktioner
1
Launch Adobe Illustrator och klicka sedan på " File " och " Öppna".
2
Klicka för att välja en Adobe Illustrator ( " . AI " ) och sedan Klicka på "Öppna ".
3
markera " Slice " verktyget i verktygsfältet , om bilden inte redan har klippt . Klicka och dra på slice verktyget för att separera bilden i flera rektangulära bitar , som behövs .
4
Klicka på " Arkiv " -menyn och klicka sedan på " Spara för webben och enheter . "
5
Klicka på " lager "-fliken på höger sida av " Spara för webben och enheter " fönstret .
6
Klicka för att placera en bock i " Exportera som CSS-lager " box .
7
Klicka för att välja ett lager från rullgardinsmenyn och klicka sedan på för att välja " Synlig ", " Hidden " eller " Do Not Exportera " för lagret . Detta bestämmer hur varje lager visas på webbsidan med hjälp av genererade CSS-kod .
8
Upprepa steg 7 för varje skikt .
9
Klicka för att placera en kontroll i "Preview endast utvalda Layer " rutan för att se lagret valts i rullgardinsmenyn i den huvudsakliga förhandsgranskningsfönstret .
10
Klicka på " Spara " knappen . Klicka för att välja " HTML och bilder ( * . Html ) " från " Spara som" i rullgardinsmenyn . Skriv in ett filnamn och välj en spara plats .
11
Klicka på " Spara" för att generera ett HTML-dokument och " bilder " mappen till lagringsplatsen . HTML-dokumentet innehåller den genererade CSS-kod och " bilder " mappen innehåller skivade bildfil ( er ) .
