Hvordan begynne en webside ved hjelp av Dreamweaver

March 29

Designe og programmere den riktige koden for ditt eget nettsted kan være en skremmende oppgave. Det finnes mange varianter av forskjellige typer koder og algoritmer som benyttes til å bygge websider, men de tar tid og energi for å lære. Ved hjelp av programmet Dreamweaver, kan selv de mest amatør designer forenkle disse komplekse koder og designe sin egen webside. Det tar bare noen få grunnleggende websider for å skape et tilgjengelig nettsted.

Bruksanvisning

1 Skisser et utkast av hva du ønsker websiden din for å se ut med papir og en skriveredskap. Søk på nettet for nettsteder du liker og ta noen notater på hvorfor du liker dem. Ifølge Smart Webby nettsted, er det viktig å gi området en "ren konsekvent layout og navigasjon."

2 Åpne Dreamweaver på datamaskinen. Hvis du ikke allerede har Dreamweaver, laste ned en gratis prøveversjon fra Adobe som vil vare 30 dager. Klikk på "File" -> "New" -> "HTML" -> "Create". En blank side skal vises.

3 Klikk på "Vis" - ". Design"> Klikk på "Sett inn" -> "Layout Objects" -> ". Ap VK" En blå boks vises, som kan dras og manipulert ved å klikke på det en gang og trekke en av sine åtte håndtak (den lille blå boksene på hjørnene og midten). Plasser den der du ønsker det. Du kan skrive direkte i denne boksen, eller opprette en annen Ap Div inni den.

4 Finn "Properties Panel" nederst på skjermen. Hvis det ikke er der, klikker du på "Window" -> "Egenskaper". Sørg for at Ap Div er markert ved å klikke på det en gang. Finn tekstfeltet i egenskapsvinduet øverst til venstre der det står "apDiv1". Gi navn til Ap Div ved å skrive et kort navn, for eksempel "tittel" i tekstfeltet.

5 Finn etiketten "<body>" nederst i arbeidsområdet over egenskapsvinduet. Du vil se "<div # Tittel>" ved siden av den. (Du vil ikke se en "<div # Tittel>" knappen hvis divisjonen ikke er valgt) .Klikk "Window" -> "CSS Styles." En dialogboks skal vises helt til høyre på skjermen som heter "CSS-stiler."

6 Utvid CSS-stiler panelet ved å klikke den svarte pilen ved siden av den. Sørg for at "<div # Tittel>" knappen er valgt. På bunnen av CSS-stiler panel, bør du se fire små ikoner: en link, et ark med et pluss på siden, en blyant og en søppelkassen. Klikk på arket med pluss på siden for å legge til en ny CSS stil. En dialogboks skal vises. Sørg i valgboksen, leser det: "#Title."

7 Klikk OK og en ny dialog skal vises. Klikk "bakgrunn" og finn deretter "bakgrunnsfarge". Ved å klikke på boksen til høyre for dette kan du velge en farge fra fargevelgeren. Klikk "Apply", og bak boksen vil du se at tittelen divisjon endret farger. Fra denne dialogboksen kan du manipulere tekst, lenker, bilder og mer. Gjør endringer før du er fornøyd med det du har skapt.

8 Velg flere Ap Divs og bruke dem til å bygge resten av websiden. Legg merke til at du kan plassere Ap Divs inne i andre Ap Divs. (Husk å nevne dem alle). Manipulere disse til din smak.

9 Se i skisse fra trinn 1 og fortsette å jobbe. Hvis du vil se din webside, klikker du på F12, som vil forhåndsvise den i nettleseren. (Vær oppmerksom på at siden din kan se annerledes ut fra nettleser til nettleser. Google Chrome og Internet Explorer, for eksempel kan vise din side på en litt annen måte).

10 Lagre arbeidet ofte, og laste den opp til serveren din når du er klar.

Hint

Hvis du legger til et bilde til siden din, være sikker på at det ikke er opphavsrettslig beskyttet.