Dreamweaver CS4 Tutorial

Dreamweaver har verktøy for å dekke behovene til Webdesignere på alle nivåer. Den tillater brukere å arbeide med et grafisk grensesnitt eller ren kodemetoden. Programvaren organiserer nettsider og inkorporerer Web elementer lett og flytende. Dreamweaver CS4, utgitt i 2008, har så mye å tilby brukere som åpner programmet kan være skremmende i begynnelsen.

Bruksanvisning

Planlegge og administrere ditt nettsted

1 Før du selv åpne Dreamweaver, oppretter filsystemet for ditt nettsted. Dreamweaver CS4 lar deg lage og organisere ditt nettsted som helhet (i motsetning til en samling av enkeltsider). Dette krever en del arbeid på din del, selvfølgelig: opprette mapper og undermapper som skisserer strukturen på nettstedet ditt. For en blogg, for eksempel, kan du lage en enkel mappe kalt "Nettstedet" med undermapper som heter "Bilder", "Entries" og "Archives".

2 Sett eksisterende innhold i mappene du har opprettet. Hvis du har bilder du vet du vil bruke eller forhåndsgenerert innhold, sortere den og ha den klar for Dreamweaver CS4 å finne. Hvis du ikke vet hva slags innhold du vil ha, bare gjøre en mappe for nettstedet ditt, og Dreamweaver vil opprette filer som du går.

3 Definer nettstedet i Dreamweaver. Åpne programmet, og på "Velkommen Screen" eller "Site" -menyen, velg "New nettstedet."

4 Velg "Basic" -fanen og følg instruksjonene på skjermen. Du vil bli bedt om nettstedet ditt navn, adresse, og innloggingsinformasjon for verten. Dreamweaver forutsetter at du vil gå live med nettstedet. Hvis du ikke vet http adresse ennå, kan du bare klikke neste og gå videre.

Bygg en layout

5 Dreamweaver har innebygde sideoppsett du kan bruke. Gå til "File" og velg "New" og du vil se et nytt dokument dialogboksen. Velg "Blank Page" og deretter "HTML" i den andre kolonnen. I den tredje kolonnen, vil du nå se en lang liste over alternativer med en forhåndsvisning til høyre.

6 Bla gjennom listen over layout design og velge en du liker. Til høyre under "DOCTYPE", velg "XHTML." Foruten "Layout CSS" velg "Create New File". Dette vil skape et ark stil (som husker stedets fonter, farger og andre grunnleggende designelementer) for hele området. Klikk på "Create".

7 Velg mappen du vil lagre den nye stilark. Endre filnavnet til din smak og klikk "Lagre". Du vil se en side med filler innhold blir automatisk generert av Dreamweaver. Send denne siden ved å velge "File" og deretter "Lagre". Hvis denne siden vil bli din hovedsiden, lagre filen som "index.html".

Legg innhold til nettstedet ditt

8 Du kan nå begynne å fylle ditt nettsted. I tilfelle at innholdet er helt ny, kan du skrive direkte inn i Dreamweaver og formatere teksten som om du bruker en tekstbehandler.

9 Hvis innholdet allerede finnes, kan du importere den til Dreamweaver CS4. Du kan kopiere og lime inn tekst fra dokumenter, eller du kan importere fra Word eller Excel-filer. I kildepanelet (høyre panel), bla til Word-dokumenter og dra dem inn i plass på websiden der du vil at teksten skal vises.

10 Legg et bilde (eller flere) til websiden på samme måte. Velg bildet fra høyre panel og dra det dit du vil at den skal vises. Høyreklikk på bildet for å endre egenskaper (størrelse, grense) eller å gjøre det en link. Endre bildet ved å ta tak i et hjørne av den til størrelse eller strekke det.

Hint

• For ytterligere å tilpasse og dekorere din nettside, utforske Dreamweaver CS4 mange alternativer. Hvis det blir komplisert, bruke den omfattende inkluderte hjelp filer eller bla Adobes nettsted Hjelp og støtte delen (adobe.com/support/dreamweaver/)