Nye dokumentindstillinger for HTML-sider i Dreamweaver

Dialogboksen Nyt dokument i Dreamweaver har fire hovedområder: valg til venstre, der bestemmer filtypen (HTML, CSS eller en hvilken som helst af et stort sæt af mulige andre filtyper), om du bruger et eksempel eller en skabelon til at generere din side og andre muligheder.

Kolonnen Sidetype er der, hvor du vælger en filtype (HTML, hvis du opretter en ny HTML-webside). I Layout-kolonnen kan du vælge mellem tilgængelige eksempler eller startsider (eller vælge ingen for at starte med en tom side).

Eksempelområdet øverst til højre i dialogboksen viser, hvordan din side vil se ud, hvis du bruger et layout. Nederst til højre i dialogboksen Nyt dokument kan du ændre doctype (hold dig til standarden, HTML5), og du kan bruge linkikonet (det ligner et kædeled) til at vedhæfte et CSS-typografiark.

For at begynde at oprette en side skal du klikke på det relevante element fra valgene i venstre side af skærmen:

• Blank side: Vælg dette for at oprette en grundlæggende, tom HTML-side. Vælg HTML som sidetype, som layout og derefter HTML5 som den erklærede dokumenttype (fra DocType-pop op'en i højre kolonne). Klik på knappen Opret, og du ser, hvad der vises her.

  

  Bemærk: Vælg HTML5 som dokumenttype, fordi ældre, forældede versioner af HTML pålægger forældede regler, der udløser irriterende og unødvendige browserfejl. Ved at bruge HTML5 undgås alt dette og forhindrer browsere i at fortolke sideindhold på en intelligent måde, herunder at rette genkendelige fejl (som f.eks. et mistet afsluttende tag på et afsnit).

• Tom skabelon: Denne kategori giver et sæt eksempler på Dreamweaver-skabeloner.

• Fluid Grid Layout: Dreamweaver CS6-brugere har en ekstra kategorifane til at skabe det, Dreamweaver kalder Fluid Grid Layouts eller Multiscreen-projekter. Dette er sider med mere end ét tilknyttet CSS-typografiark: det vil sige sider, der vises forskelligt afhængigt af størrelsen på det medie (skærm), hvor de vises.

• Side fra skabelon: Generer nye sider fra eksisterende Dreamweaver-skabeloner.

  Dreamweaver-skabeloner er ikke generiske eksempler på layout-builder-sider. Til det leverer Dreamweaver eksempel- eller startsider. Dreamweaver-skabeloner er et proprietært værktøj, der styrer sideelementer på hele webstedet i Dreamweaver og er ikke brugbart, hvis du ønsker at integrere andre webdesignværktøjer.

  Brug ikke Dreamweaver-skabeloner, fordi de er ikke-standardiserede, let kan ødelægges og ikke rigtig egnede til opdatering på hele webstedet på store websteder. Funktionaliteten leveret af Dreamweaver Templates styres bedre med eksterne CSS-typografiark og andre ikke-proprietære værktøjer.

• Side fra eksempel: Eksempelsider er anderledes end Dreamweaver-skabeloner og mere nyttige. De kommer pakket med CSS-stilarter, der giver formatering og pladsholdertekst og billeder, som du kan erstatte med dit eget indhold.

  Du kan få vist eksempler i forhåndsvisningsområdet i dialogboksen Nyt dokument for at få en idé om, hvorvidt du vil bruge en af ​​de tilgængelige eksempler til at begynde at oprette din egen side.

• Andet: Kategorien Andet har muligheder for at oprette komplekse, avancerede eller obskure filtyper med vægt på obskure. Blandt de mere brugte muligheder kan du oprette en Flash ActionScript-fil (ActionScript er programmeringssproget, der bruges af Adobe Flash) eller en side kodet i Microsofts Visual Basic-programmeringssprog.

Hvis du vælger en HTML-fil som sidetype fra den anden kolonne i dialogboksen Nyt dokument, viser kolonnen Layout en række CSS-baserede sidedesigns. Den fjerde kolonne i dialogboksen Nyt dokument viser thumbnails af det sidegenererede layout, uanset hvilket layout du vælger.

Dialogboksen Nyt dokument viser ikke kun, hvordan et valgt layout vil se ud, men den giver også tre muligheder i Layout CSS-popup'en: Tilføj til hoved, Opret ny fil eller Link til eksisterende fil.

• Den første mulighed (Add to Head) indlejrer CSS i din HTML-fil, noget der forhindrer dig i at dele dit typografiark med andre HTML-sider på dit websted.

• Indstillingen Opret ny fil genererer på den anden side et eksternt typografiark, der kan linkes til fra mange sider på dit websted.

• Indstillingen Link til eksisterende fil giver dig mulighed for at erstatte din egen, allerede oprettede CSS-fil med den, der er knyttet til prøven - hvilket er en lidt underlig mulighed, da den stort set fortryder prøvepakken med HTML og CSS.