Video: Hvordan kode HTML og CSS - Del 6 Hvordan lage webdesign og style HTML med CSS 1/2 2025
Dreamweaver inneholder to CSS-oppsett designet med HTML5-koder som du kan tilpasse for å skape et tilsynelatende uendelig utvalg av sidedesigner. Disse oppsettene gir deg en start når du oppretter en ny side, og de er utformet for å fungere godt i en rekke nettlesere, slik at de kan hjelpe deg med å unngå vanlige problemer forårsaket av de forskjellige måtene nettlesere viser HTML5 og CSS.
Av alle disse grunnene bør du starte designarbeidet i Dreamweaver med et CSS-layout valgt i vinduet Nytt dokument, spesielt hvis du vil bruke HTML5.
For å opprette en ny side ved hjelp av en Dreamweaver CSS-oppsett, følg disse instruksjonene:
-
Velg Arkiv → Ny.
Dialogboksen Nytt dokument vises.
-
Velg Blank side fra venstre kolonne og HTML fra kolonnen Sidetype i midten.
Alternativt kan du velge et alternativ i den nederste delen av delen Sidetype som tilsvarer programmeringsspråket som brukes på nettstedet ditt, for eksempel ASP. NET, PHP eller ColdFusion, og deretter gå videre til trinn 3. (Hvis du ikke er kjent med disse programmeringsalternativene, hold deg til HTML.)
-
I Layout-delen velger du enten CSS-layout.
Merk at når du velger et CSS-layout, vises en forhåndsvisning av oppsettet øverst til høyre i dialogboksen.
-
Fra rullegardinlisten Layout CSS velger du typen stilark du vil opprette mens du designer siden:
-
Legg til i hodet oppretter et internt stilark og inneholder alle stilene for oppsettet i overskriften området av det nye dokumentet.
-
Opprett ny fil oppretter et nytt eksternt stilark med alle sidestiler som du oppretter det nye dokumentet med designet.
-
Link til eksisterende fil legger stilarkinformasjonen til det nye dokumentet til et eksisterende eksternt stilark.
Merknad : Du kan alltid endre hvordan stilarket settes opp senere ved å flytte stiler fra et internt stilark til en ekstern eller fra et eksternt stilark til et annet.
-
-
Klikk på Opprett.
Den nye siden er opprettet og åpnet i hoved arbeidsområdet.
-
Velg Arkiv → Lagre for å lagre siden og stilene.
Hvis du lagret stilene i et eksternt stilark, ber deg en andre boks om å lagre stilarket separat. Hvis stilene er inneholdt i et internt stilark, blir de lagret automatisk når du lagrer siden.
