Skapa din hemsida eller blogg , och låt Illustrator skapar koden . Designa din grafik i Illustrator eller importera dem från din favorit-grafiska program , t.ex. Photoshop , Fireworks eller Corel . Du kan använda Illustrator guider till layout din design , och det tillåter dig att uppdatera hemsidan om du eller en klient behöver för att ändra det . Instruktioner
1
Öppna Illustrator och skapa ett nytt dokument genom att klicka på " File " och " Nytt . " Ange " 960 pixlar " för bredden och " 1500 pixlar " för höjden . Ställ färgläge till " RGB ". Klicka på " Visa " och " Verklig storlek " för att ställa in din zoomvyn till 100 procent .
2
Draw rutorna genom att klicka på " Rektangel " verktyget på verktygsfältet för att representera där text och bilder kommer att gå . Justera efter behov för att skapa en balans . Skapa stödlinjer runt rutorna genom att högerklicka på rektanglarna , och klicka
3
" Gör stödlinjer . " Öppna panelen Lager genom att klicka på " Window " och " Layer . " Byt namn på Layer 1 " Layout " och låsa lagret genom att klicka i rutan bredvid ögat ikonen .
4
Skapa ett nytt lager ovanför " Layout " lagret genom att klicka på " Nytt lager " -ikonen vid botten av skiktets panelen. Döp lagret " Home . " Upprepa processen för andra sidor, till exempel " Om , " " Kontakt " och " Blog . "
5
Lägg till ditt innehåll på varje lager , t.ex. text, bilder, punkter och logotyper , justera layout som behövs . Förbered din webbplats genom att skapa segment
6
. Klicka på " Layout " lagret och sedan " Objekt ", " skiva " och " Skapa från stödlinjer . "
7
Spara filen genom att klicka på " File " och " Spara för webben och enheter . " I popup-panelen , skapa länkar genom att klicka på " Start " slice och ange en URL för din hem -länk . Upprepa processen för andra länkar . Klicka på " Spara " när du är klar och ge den ett namn som " index.html ".
8
Upprepa ovanstående process med de andra skikten genom att klicka på lagret som " Om , " spara filen genom att klicka på " File " och " Spara för webben och enheter , " skapa länkar och spara med ett namn som " about.html . "
9
Testa dina filer för att se till att länkarna fungerar , justera om nödvändigt och ladda upp till din server .
