Slik: Dreamweaver CS5 og HTML5 CS3

HTML5 og CSS3, eller Cascading Style Sheets 3, er de nyeste webdesign-språkene. HTML er et sideoppslagsspråk som forteller nettlesere hvordan du legger ut en side. CSS er et websideelementformatteringsspråk. Adobe Dreamweaver CS5 og CS5.5 støtter både HTML5 og CSS3. Når du starter en ny nettside, kan du bruke en av Dreamweavers HTML5-startoppsett for å fortelle programmet du vil lage en HTML5-basert side. Dreamweaver vil da gi kodehinting og syntakskontroll for HTML5 og CSS3.

1.

Klikk på "Fil" -menyen og velg "Ny". Dette åpner dialogboksen Nytt dokument.

2.

Klikk på rullegardinmenyen "DocType" i den høyre kolonnen i dialogboksen Nytt dokument, og velg "HTML 5."

3.

Velg ett av de to HTML5-oppsettene nederst på "Layout" -listen.

De to alternativene er: "HTML5: 2 kolonne fast, høyre sidefelt, topptekst" og "HTML5: 3 kolonne fast, topptekst og bunntekst." Disse malnavnene beskriver typen layout som hvert alternativ vil opprette. Hvis du ikke vil at layoutet skal samsvare med noen av disse malene, velg "" fra "Layout" -listen. Dette skaper et tomt HTML5-oppsett uten containerformatering.

4.

Klikk på "Opprett". Dreamweaver lager en HTML5-side, klar for at du kan plugge inn innholdet ditt. Når du planlegger siden din, vil Dreamweaver bruke HTML5-koder og CSS3-kode for å opprette siden.

Tips

  • Hvis du foretrekker å håndkodes HTML-sidene dine, må du ikke bruke Dreamweaver's WYSIWYG (det du ser er det du får), for å opprette en HTML5-side, må siden starte med HTML5 DocType, som er "." Hvis du starter siden din med denne DocType, vil Dreamweaver vite at du jobber i HTML5 og vil gi riktig kodehint og syntaxkontroll.