Den mest grundlæggende websteder vil have en titel bar, navigationslinje med faner til forskellige web-sider og en sektion for indhold. Realiseringen af ​​et websted med Adobe Illustrator er et af de lettere software programmer til at bruge. Der er mange design applikationer , du kan vælge fra og det grundlæggende er nemme at forstå. Du vil bruge enkle vektorgrafik til at skabe en hjemmeside i Illustrator. Vektorgrafik er designs , der bruger punkter, linjer , kurver og former til at skabe billeder i modsætning til raster grafik , der bruger pixels , som i Adobe Photoshop. Instruktioner
Oprettelse af en Root Folder og opsætning Dreamweaver
1

Opret en mappe på skrivebordet. For at gøre dette , skal du højreklikke på skrivebordet og vælg " Ny mappe " i rullemenuen. Dette vil være din rodmappe. Navngiv mappen noget, du vil.
2

Open Dreamweaver , klik på " Site" i toppen og vælg " Nyt site . " Sitet definition Menuen vil så åbne og vil tage dig gennem de trin, du skal oprette et websted i Dreamweaver.
3

Name dit websted i den udpegede område. Du behøver ikke at bekymre dig om at udfylde feltet for en URL. Når du navngiver dit site klik på " Næste".
4

Sæt denne næste indstilling til "Nej , jeg ikke ønsker at bruge en server -teknologi. " Klik på "Næste " for at gå til den næste gruppe af indstillinger .
5.

Vælg "Edit lokale kopier på min maskine , og derefter uploade til server ( Internet) når du er klar . " Derefter skal du klikke på mappeikonet og derefter i menuen, der åbnes finde din root mappe, vælge og klik på " Vælg ". Når du har gjort dette klik på "Næste " for at gå videre til næste trin .
6

Vælg " None" for, hvordan du vil oprette forbindelse til din eksterne server. Klik på Næste, når du har justeret denne indstilling. Klik på " Done" efter at have gennemgået dine indstillinger.
Design websiden i Illustrator
7

Åbn Adobe Illustrator og klik på " Opret ny Web Document . " Det er ikke nødvendigt at justere nogen af ​​indstillingerne , så klik på "OK" for at fortsætte.
8

Design et simpelt "hjem" side til din hjemmeside ved hjælp af baren. Opret kun en titellinje , en navigationslinje , og et område for dit indhold. Du kan gøre dette ved hjælp af Rektangelværktøjet og typen værktøj. På navigationslinjen , skal du oprette sub kategori fanerne for at navigere til forskellige sider. For eksempel, hvis du har en hjemmeside for en restaurant kan du oprette sub kategori fanerne til hjemmet, hovedretter og desserter.
9

Vælg " Slice " værktøj fra din værktøjslinjen , når du har det grundlæggende for din hjemmeside designet . Opret din første skive ved at tegne en boks rundt din titel område. Gentag dette med din navigation bar område og dit indhold område.
10

Skift til "Udsnit Vælg" værktøj. Det viser sig , hvis du holder musen nede på den skive værktøj. Dobbeltklik på din titel skive . Når " Slice Options" menuen åbnes , navngive din skive og derefter hit "OK". Gentag dette trin med navigationslinjen skive og indholdsområdet skive .
11

Gå til menuen Filer og vælg "Gem til web og enheder . " Du kan vælge, om du vil gemme dine billeder som GIF eller JPEG. Klik på " Gem".
12

Vælg "Other ... " i Gem optimeret som menu. Dette kan findes under skiverne drop down menu. Du vil få en menu, der åbner med spare muligheder.
13

Change fra " HTML " til " Skiver " i output indstillinger. Denne drop- down menu er nummer to fra toppen. Når du har valgt " Slices " ændre indstillingen her " Generer CSS. "
14

Skift baggrundsfarve til "Ingen" i baggrunden menuen. Klik på " OK". Indstil "Format " til " HTML og billeder . " Skift dine " Indstillinger" til "Alle brugerudsnit . "
15

Ændre navnet på din fil til "index " i Gem som sektion. Indstil den placering, du gemmer på som root mappe, du oprettede i den første sektion . Klik på "Gem ", når du har gjort dette .
Efterbehandling dit websted i Dreamweaver
16

Open Dreamweaver , vælg " Filer> Åbn ", og åbne din index.html fil, du har eksporteret fra Illustrator . Du bør være i stand til at finde dette i din root folder .
17

Giv din webside en titel. Øverst på siden , kan du finde et område til en titel. Placer navnet på den side , du arbejder på i dette afsnit. For eksempel, hvis du arbejder på din startside , vil du ønsker at sætte "hjem" i din titel -området.
18

Opret et hotspot link til din navigation ved at klikke på dit navigationsanlæg skive . Nederst klikke på den blå hotspot map værktøjet og trække en boks omkring den første navigationslinje fane. Placer navnet på den HTML-fil , du vil linke til i linket kassen. For eksempel, hvis du tegne en boks rundt i hjemmet fanebladet vil du skrive " index.html" i linket kassen. Du skal også sikre, at du giver det en alt navn, så browsere til blinde og døve brugere kan læse på linket højt eller skrive det i blindskrift. I alt afsnit typen hjem.
19

Gentag dette trin for hver af dine navigation bar faner. For eksempel, hvis din næste navigation bar fane er for entrees vil du trække en boks rundt om fanen typen " entrees.html " i linket i boksen og skriv " entrees " i alt kassen.
20

Link din titel bar område og dit indhold område uden at oprette et hotspot. For at gøre dette , skal du klikke på billedet og derefter tilføje navnet på den HTML , du ønsker at linke til i linket området. For eksempel ville din titel bar være knyttet til " index.html ". Vær sikker grænseområdet står " 0".
21

Gå til " Filer> Gem". Dette vil være startsiden for dit websted og grundlaget for alle de andre HTML-sider til dit websted.
22

Ændre titlen ejendommen på toppen fra indeks til uanset den næste side på din hjemmeside vil være .
23

Vælg "Filer > Gem som" og navngive filen " entrees.html ". Navnet skal være små bogstaver og har ingen mellemrum .
24

Gentag disse trin for alle resterende websider. En nem måde at se på dette er simpelthen at se på hver af dine navigation bar faner. Hver fane får brug for en separat webside er udpeget til det.
25

Test dine links ved at klikke på billedet af en globus i toppen af skærmen. Dette vil vise dig nøjagtigt, hvordan dit websted vil se ud, når uploades til en hjemmeside.