Nya dokumentalternativ för HTML-sidor i Dreamweaver

Dialogrutan Nytt dokument i Dreamweaver har fyra huvudområden: val till vänster som bestämmer filtypen (HTML, CSS eller någon av en stor uppsättning möjliga andra filtyper), oavsett om du använder ett exempel eller en mall för att skapa din sida och andra alternativ.

Kolumnen Sidtyp är där du väljer en filtyp (HTML om du skapar en ny HTML-webbsida). I Layoutkolumnen väljer du bland tillgängliga exempel eller startsidor (eller väljer inga för att börja med en tom sida).

Förhandsgranskningsområdet i det övre högra hörnet av dialogrutan förhandsgranskar hur din sida kommer att se ut om du använder en layout. Längst ned till höger i dialogrutan Nytt dokument kan du ändra doctype (håll dig till standarden, HTML5), och du kan använda länkikonen (den ser ut som en kedjelänk) för att bifoga en CSS-stilmall.

För att börja skapa en sida klickar du på lämpligt objekt från alternativen till vänster på skärmen:

• Tom sida: Välj detta för att skapa en grundläggande, tom HTML-sida. Välj HTML som sidtyp, som layout och sedan HTML5 som den deklarerade dokumenttypen (från DocType-popupen i den högra kolumnen). Klicka på knappen Skapa så ser du vad som visas här.

  

  Obs! Välj HTML5 som dokumenttyp eftersom äldre, föråldrade versioner av HTML inför inaktuella regler som utlöser irriterande och onödiga webbläsarfel. Att använda HTML5 undviker allt detta och hindrar webbläsare från att intelligent tolka sidinnehåll, inklusive att åtgärda igenkännbara fel (som en missad avslutande tagg i ett stycke, till exempel).

• Tom mall: Den här kategorin innehåller en uppsättning exempel på Dreamweaver-mallar.

• Fluid Grid Layout: Dreamweaver CS6-användare har en extra kategoriflik för att skapa vad Dreamweaver kallar Fluid Grid Layouts eller Multiscreen Projects. Det här är sidor med mer än en associerad CSS-stilmall: det vill säga sidor som visas olika beroende på storleken på mediet (skärmen) där de visas.

• Sida från mall: Skapa nya sidor från befintliga Dreamweaver-mallar.

  Dreamweaver-mallar är inte generiska exempel på layoutbyggarsidor. För det tillhandahåller Dreamweaver exempel- eller startsidor. Dreamweaver Templates är ett egenutvecklat verktyg som styr sidelement på hela webbplatsen i Dreamweaver och är inte användbart om du vill integrera andra webbdesignverktyg.

  Använd inte Dreamweaver-mallar eftersom de är icke-standardiserade, lätta att förstöra och inte riktigt lämpade för uppdatering av hela webbplatsen på stora webbplatser. Funktionaliteten som tillhandahålls av Dreamweaver Templates hanteras bättre med externa CSS-stilmallar och andra icke-proprietära verktyg.

• Sida från exempel: Exempelsidor är annorlunda än Dreamweaver-mallar och mer användbara. De kommer förpackade med CSS-stilar som ger formatering och platshållartext och bilder som du kan ersätta med ditt eget innehåll.

  Du kan förhandsgranska prover i förhandsgranskningsområdet i dialogrutan Nytt dokument för att få en uppfattning om huruvida du vill använda ett av de tillgängliga exemplen för att börja skapa din egen sida.

• Annat: Kategorin Other har alternativ för att skapa komplexa, avancerade eller obskyra filtyper, med tonvikt på obskyra. Bland de mer använda alternativen kan du skapa en Flash ActionScript-fil (ActionScript är programmeringsspråket som används av Adobe Flash) eller en sida kodad i Microsofts Visual Basic-programmeringsspråk.

Om du väljer en HTML-fil som sidtyp från den andra kolumnen i dialogrutan Nytt dokument, visar kolumnen Layout en mängd olika CSS-baserade siddesigner. Den fjärde kolumnen i dialogrutan Nytt dokument visar miniatyrbilder av den sidgenererade layouten för vilken layout du än väljer.

Dialogrutan Nytt dokument förhandsgranskar inte bara hur en vald layout kommer att se ut, utan den ger också tre alternativ i CSS-popupen Layout: Lägg till i huvudet, Skapa ny fil eller länka till befintlig fil.

• Det första alternativet (Add to Head) bäddar in CSS i din HTML-fil, något som hindrar dig från att dela din stilmall med andra HTML-sidor på din webbplats.

• Alternativet Skapa ny fil, å andra sidan, genererar en extern stilmall som kan länkas till från många sidor på din webbplats.

• Alternativet Länk till befintlig fil låter dig ersätta din egen, redan skapade CSS-fil mot den som är associerad med provet – vilket är ett lite udda alternativ eftersom det i stort sett ångrar exempelpaketet med HTML och CSS.