Nye dokumentalternativer for HTML-sider i Dreamweaver

Dialogboksen Nytt dokument i Dreamweaver har fire hovedområder: valg til venstre som bestemmer filtypen (HTML, CSS eller en hvilken som helst av et stort sett med mulige andre filtyper), om du bruker en prøve eller mal for å generere siden din og andre alternativer.

Sidetype-kolonnen er der du velger en filtype (HTML hvis du oppretter en ny HTML-webside). Layout-kolonnen er der du velger fra tilgjengelige eksempler eller startsider (eller velger ingen for å starte med en tom side).

Forhåndsvisningsområdet øverst til høyre i dialogboksen viser hvordan siden din vil se ut hvis du bruker et oppsett. Nederst til høyre i dialogboksen Nytt dokument kan du endre doctype (hold deg til standarden, HTML5), og du kan bruke lenkeikonet (det ser ut som en lenke) for å legge ved et CSS-stilark.

For å begynne å lage en side klikker du på det aktuelle elementet fra valgene på venstre side av skjermen:

• Blank side: Velg dette for å lage en enkel, tom HTML-side. Velg HTML som sidetype, som layout, og deretter HTML5 som den deklarerte dokumenttypen (fra DocType-popup-vinduet i høyre kolonne). Klikk på Opprett-knappen, og du ser hva som vises her.

  

  Merk: Velg HTML5 som dokumenttype fordi eldre, utdaterte versjoner av HTML pålegger utdaterte regler som utløser irriterende og unødvendige nettleserfeil. Bruk av HTML5 unngår alt dette og hindrer nettlesere i å tolke sideinnhold på en intelligent måte, inkludert å fikse gjenkjennelige feil (for eksempel en tapt avslutningskode i et avsnitt).

• Tom mal: Denne kategorien inneholder et sett med eksempler på Dreamweaver-maler.

• Fluid Grid Layout: Dreamweaver CS6-brukere har en ekstra kategorifane for å lage det Dreamweaver kaller Fluid Grid Layouts eller Multiscreen Projects. Dette er sider med mer enn ett tilknyttet CSS-stilark: det vil si sider som vises forskjellig avhengig av størrelsen på mediet (skjermen) de vises på.

• Side fra mal: Generer nye sider fra eksisterende Dreamweaver-maler.

  Dreamweaver-maler er ikke generiske eksempler på layoutbyggersider. Til det leverer Dreamweaver eksempel- eller startsider. Dreamweaver-maler er et proprietært verktøy som styrer sideelementer på hele nettstedet i Dreamweaver og er ikke brukbart hvis du ønsker å integrere andre webdesignverktøy.

  Ikke bruk Dreamweaver-maler fordi de er ikke-standardiserte, lett kan ødelegges og egentlig ikke egner seg for oppdatering over hele nettstedet på store nettsteder. Funksjonaliteten som tilbys av Dreamweaver-maler administreres bedre med eksterne CSS-stilark og andre ikke-proprietære verktøy.

• Side fra eksempel: Eksempelsider er annerledes enn Dreamweaver-maler og mer nyttige. De kommer pakket med CSS-stiler som gir formatering og plassholdertekst og bilder som du kan erstatte med ditt eget innhold.

  Du kan forhåndsvise eksempler i forhåndsvisningsområdet i dialogboksen Nytt dokument for å få en idé om hvorvidt du vil bruke en av de tilgjengelige prøvene til å begynne å lage din egen side.

• Annet: Andre-kategorien har alternativer for å lage komplekse, avanserte eller obskure filtyper, med vekt på obskure. Blant de mer brukte alternativene kan du lage en Flash ActionScript-fil (ActionScript er programmeringsspråket som brukes av Adobe Flash) eller en side kodet i Microsofts Visual Basic-programmeringsspråk.

Hvis du velger en HTML-fil som sidetype fra den andre kolonnen i dialogboksen Nytt dokument, viser Layout-kolonnen en rekke CSS-baserte sidedesign. Den fjerde kolonnen i Nytt dokument-dialogboksen viser miniatyrbilder av det sidegenererte oppsettet for den layouten du velger.

Ikke bare forhåndsviser dialogboksen Nytt dokument hvordan et valgt oppsett vil se ut, men det gir også tre alternativer i oppsett-CSS-popupen: Legg til i hode, Lag ny fil eller Koble til eksisterende fil.

• Det første alternativet (Add to Head) bygger inn CSS i HTML-filen din, noe som hindrer deg i å dele stilarket ditt med andre HTML-sider på nettstedet ditt.

• Alternativet Opprett ny fil genererer på den annen side et eksternt stilark som kan kobles til fra mange sider på nettstedet ditt.

• Alternativet Link til eksisterende fil lar deg erstatte din egen, allerede opprettede CSS-fil med den som er knyttet til prøven – noe som er et merkelig alternativ siden det stort sett angret prøvepakken med HTML og CSS.