Den mest grunnleggende nettsider vil ha en tittel bar , navigasjonsfeltet med faner til ulike nettsider og en seksjon for innhold. Lage en nettside med Adobe Illustrator er en av de enklere programmer å bruke. Det er mange design programmer du kan velge mellom, og det grunnleggende er lett å forstå . Du vil bruke enkle vektorgrafikk for å lage et nettsted i Illustrator . Vektorgrafikk design som bruker punkter, linjer, kurver og former for å lage bilder i motsetning til rastergrafikk som bruker piksler , for eksempel i Adobe Photoshop. Instruksjoner
Opprette en Root Folder og sette opp Dreamweaver
en

Lag en mappe på skrivebordet . For å gjøre dette, høyreklikk på skrivebordet og velg " Ny mappe " i rullegardinmenyen. Dette vil være ditt root -mappen. Mappen navnet noe du liker.
2

Åpen Dreamweaver , klikk på " Site" på toppen og velg " Nytt nettsted . " Området definisjon menyen vil da åpne og vil ta deg gjennom trinnene du trenger for å sette opp et nettsted i Dreamweaver .
3

Name nettstedet ditt i det angitte feltet . Du trenger ikke å bekymre deg om å fylle ut feltet for en URL. Etter du navnet ditt nettsted klikk " Next".
4

Sett denne neste innstillingen til " Nei, jeg ønsker ikke å bruke en server teknologi . " Klikk "Next " for å gå til neste gruppe innstillinger .
5

Velg " Rediger lokale kopier på min maskin , og deretter laste opp til serveren ( Internett) når du er klar . " Deretter klikker du på mappen og deretter i menyen som åpnes finne rot -mappen , velg den og klikk " Velg ". Når du har gjort det klikk "Next " for å gå videre til neste trinn .
6

Velg " None" for hvordan du vil koble til den eksterne serveren. Klikk på Neste når du har justert denne innstillingen . Klikk "Ferdig" etter å ha sett innstillingene .
Designing Web Page i Illustrator
7

Åpne Adobe Illustrator og klikk " Opprett ny Web dokument . " Det er ikke nødvendig å justere noen av innstillingene , så klikker du på " OK " for å fortsette .
8

Design et enkelt "hjem " siden for nettstedet ditt ved hjelp av verktøyet bar . Bare opprette en tittellinje, en navigasjonsfeltet og et område for innholdet. Du kan gjøre dette ved hjelp av rektangelet verktøyet og den type verktøy . I navigasjonsfeltet , lage sub kategori-kategoriene for å navigere til forskjellige sider . For eksempel, hvis du har et nettsted for en restaurant , kan du sette opp sub kategorifanene for hjem , hovedretter og desserter .
9

Velg " Slice "-verktøyet fra verktøylinjen når du har det grunnleggende for ditt nettsted designet . Lag din første skive ved å tegne ut en boks rundt tittelen området. Gjenta dette med din navigasjonsfeltet området og innholdet området.
10

bytte til " Slice Velg" verktøyet. Det dukker opp hvis du holder museknappen nede på skive verktøyet. Dobbeltklikk på tittelen skive. Når " Slice Options "-menyen åpnes, navngi skive og deretter trykke " OK ". Gjenta dette trinnet med navigasjon bar skive og innholdet området skive.
11

Gå til fil -menyen og velg "Lagre for Web og enheter . " Du kan velge om du vil lagre bildene i GIF eller JPEG. Klikk på " Lagre".
12

Velg " Other ... " I Lagre optimalisert som menyen . Dette finner du under skivene rullegardinmenyen . Du vil få en meny som åpnes med spare alternativer.
13

Endring fra "HTML " til " Slices " i produksjonen innstillingsmenyen . Dette drop- down menyen er nest øverst . Etter å ha valgt " Slices , " endre innstillingen her for å " generere CSS. "
14

Endre bakgrunnsfargen til "None" i bakgrunnen menyen . Klikk på " OK ". Sett " Format " til " HTML og bilder . " Endre "Innstillinger" til "Alle Bruker Slices . "
15

Endre navnet på filen til "indeks" i Save As delen. Angi plasseringen du lagrer på som root -mappen du opprettet i den første delen . Klikk på " Lagre " når du har gjort dette .
Etterbehandling ditt nettsted i Dreamweaver
16

Åpen Dreamweaver , velg " Fil > Åpne " og åpne index.html filen du eksporterte fra Illustrator . Du bør være i stand til å finne dette i din rotmappen .
17

Gi din nettside en tittel . Øverst på siden kan du finne et område for en tittel . Plasser navnet på siden du jobber med i denne delen. For eksempel , hvis du arbeider på hjemmesiden din , vil du ønsker å sette "hjem" i tittelen området.
18

Lag en hotspot link for navigasjon din ved å klikke på navigasjon skive. Nederst, klikke på den blå hotspot kartet verktøy og trekke ut en boks rundt den første navigasjonsfeltet kategorien . Plasser navnet på HTML -filen du vil koble til i linken boksen . For eksempel, hvis du tegner en boks rundt hjemmet kategorien , vil du skrive "index.html " i lenkeboksen . Du må også sørge for at du gir den en alt navn slik at nettlesere for blinde og døve brukere kan lese linken høyt eller skriv det i punktskrift . I alt seksjonen typen hjem .
19

Gjenta dette trinnet for hver av navigasjon bar faner . For eksempel, hvis din neste navigasjonsfeltet kategorien er for entrees , ville du trekke ut en boks rundt fanen , skriv " entrees.html " i linken boksen , og skriv "entrees " i alt boksen .
20

Link tittelen bar området og innholdet området uten å lage en hotspot. For å gjøre dette , klikk på bildet og deretter legge til navnet på HTML du ønsker å linke til i linken området. For eksempel vil din tittellinjen være knyttet til " index.html ". Pass grenseområdet sier " 0 ".
21

Gå til "File > Save . " Dette vil være hjemmesiden for nettstedet ditt og grunnlaget for alle de andre HTML-sider på nettstedet ditt også.
22

Endre tittelen eiendom på toppen av indeksen til hva neste side på nettstedet ditt kommer til å være.
23

Velg "File > Save As ", og navnet på filen " entrees.html . " Navnet må være små og har ingen mellomrom.
24

Gjenta disse trinnene for alle gjenværende nettsider. En enkel måte å se på dette er å se rett og slett på hver av navigasjon bar faner . Hver kategori vil trenge en egen nettside beregnet for det .
25

Test koblingene ved å klikke på bildet av en globus på toppen av skjermen. Dette vil vise deg nøyaktig hvordan nettstedet ditt vil se ut når opp til en nettside.