De mest grundläggande webbplatser kommer att ha en namnlist , navigation bar med flikar till olika webbsidor och en avdelning för innehåll . Att göra en webbplats med Adobe Illustrator är ett av de enklare program att använda . Det finns många designprogram du kan välja mellan och grunderna är lätta att förstå . Du kommer att använda enkla vektorgrafik för att skapa en webbplats i Illustrator . Vektorgrafik är konstruktioner som använder punkter, linjer, kurvor och former för att skapa bilder i motsats till raster grafik som använder pixlar , till exempel i Adobe Photoshop . Instruktioner
Skapa en Root Folder och Konfigurera Dreamweaver
1
Skapa en mapp på skrivbordet . För att göra detta , högerklicka på skrivbordet och välj " Ny mapp " i rullgardinsmenyn . Detta kommer att vara din rotmappen . Döp mappen vad du vill .
2
Öppna Dreamweaver , klicka på " Site " upptill och välj " Ny plats. " Sajten definition meny kommer att öppnas och tar dig igenom de steg du behöver för att skapa en webbplats i Dreamweaver .
3
Namn din webbplats i den angivna fältet . Du behöver inte oroa dig för att fylla i fältet för en webbadress . När du namnger din webbplats klickar du på " Next . "
4
Ställ detta nästa inställning till " Nej , jag vill inte använda en server -teknik . " Klicka på "Nästa " för att gå till nästa grupp av inställningar .
5
Välj " Redigera lokala kopior på min maskin , sedan ladda upp till servern ( Internet ) när du är klar . " Nästa , klicka på mappen ikonen och sedan i menyn som öppnas hittar din rotmappen , markera den och klicka på " Välj ". När du gjort det klickar du på "Nästa " för att gå till nästa steg .
6
Välj " None " för hur du vill ansluta till fjärrservern . Klicka på Nästa när du har justerat den här inställningen . Klicka på "Klar " efter att ha granskat dina inställningar .
Utforma webbsida i Illustrator
7
Öppna Adobe Illustrator och klicka på " Skapa ny webb dokument . " Det är inte nödvändigt att justera några inställningar , så klicka på " OK " för att fortsätta .
8
Design ett enkelt " hem " för din webbplats med hjälp av baren . Skapa bara en namnlist , en navigering bar , och ett område för ditt innehåll . Du kan göra detta genom att använda rektangeln verktyget och textverktyget . I navigeringsfältet , skapa sub flikarna kategori att navigera till olika sidor . Till exempel , om du har en webbplats för en restaurang , kan du ställa in underkategori flikar för hem, förrätter och desserter .
9
Välj " Slice " verktyget från din verktygsfältet när du har grunderna för din webbplats utformad . Skapa din första skiva genom att dra ut en ruta runt din titel område . Upprepa detta med din navigeringsfältet område och ditt innehåll område .
10
Växla till " Slice Välj " verktyg . Den visar upp om du håller ned musknappen på skiva verktyget . Dubbelklicka på din titel skiva . När " Slice Options " -menyn öppnas , namnge din skiva och klicka sedan på " OK . " Upprepa detta steg med navigeringsfältet skiva och innehållet området slice .
11
Gå till Arkiv-menyn och välj " Spara för webben och enheter . " Du kan välja om du vill spara dina bilder som GIF eller JPEG . Klicka på " Spara ".
12
Välj " Other ... " I dialogrutan Spara optimerad som menyn . Detta kan hittas under skivorna rullgardinsmenyn . Du kommer att få en meny som öppnas med spara alternativ .
13
Förändring från " HTML " till " skivor " i utdata inställningsmenyn . Denna rullgardinsmeny är tvåa från toppen . Efter att ha valt " skivor ", ändra inställningen här till " Generera CSS . "
14
Ändra bakgrundsfärgen till " None " i bakgrunden menyn . Klicka på " OK . " Ställ in " Format " till " HTML och bilder . " Ändra dina "Inställningar" till " Alla Användare skivor . "
15
Ändra namnet på filen till " index " i Spara som avsnitt . Ange den plats du sparar till som root mappen du skapade i det första avsnittet . Klicka på " Spara " när du har gjort detta . Addera Finishing din webbplats i Dreamweaver
16
Öppna Dreamweaver , välj " Arkiv > Öppna " och öppna din index.html fil som du exporterade från Illustrator . Du bör kunna hitta detta i din rotmappen .
17
Ge din webbsida en titel . Längst upp på sidan kan du hitta ett område för en titel . Placera namnet på den sida du arbetar på i det här avsnittet . Till exempel , om du arbetar på din hemsida , kommer du vill sätta " hem " i din titel område .
18
Skapa en hotspot länken för din navigering genom att klicka på din navigation skiva . Längst ner , klicka på den blå verktyget hotspot karta och dra ut en ruta runt den första navigeringsfältet fliken . Placera namnet på HTML -filen du vill länka till i rutan Länk . Till exempel , om du ritar en ruta runt fliken Start , skulle du skriva " index.html " i länken rutan . Du måste också se till att du ger det en alt namn så webbläsare för blinda och döva användare kan läsa länken högt eller skriva det i punktskrift . I alt avsnittet typ hem .
19
Upprepa det här steget för alla dina navigationsfältsbilder flikar . Till exempel, om din nästa navigation bar fliken för förrätter , skulle du dra ut en ruta runt fliken , typ " entrees.html " i länken rutan , och skriv " förrätter " i alt rutan .
20
Länk ditt område namnlisten och ditt innehåll område utan att skapa en hotspot . För att göra detta , klicka på bilden och sedan lägga namnet på HTML du vill länka till i länken området . Till exempel skulle din namnlisten kopplas till " index.html . " Var noga gränsområdet säger " 0 . "
21
Gå till " Arkiv > Spara . " Detta kommer att vara hemsidan för din webbplats och grunden för alla andra HTML-sidor för din webbplats.
22
Ändra titel fastigheten vid toppen från index till vad nästa sida på din webbplats kommer att bli .
23
Välj " Arkiv > Spara som " och namnge filen " entrees.html . " Namnet måste bestå av gemener och inga mellanslag .
24
Upprepa dessa steg för alla återstående webbsidor . Ett enkelt sätt att se på detta är att titta bara på alla dina navigationsfältsbilder flikar . Varje flik kommer att behöva en separat webbsida som utsetts för det .
25
Testa dina länkar genom att klicka på bilden av en jordglob längst upp på skärmen . Detta kommer att visa dig exakt hur din webbplats en gång kommer att se upp till en webbplats .
