Operation Manual

161
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Een pagina met een CSS-lay-out maken
Bij het maken van een nieuwe pagina in Dreamweaver kunt u een pagina maken met een CSS-lay-out. Dreamweaver
wordt geleverd met zestien verschillende CSS-lay-outs waaruit u kunt kiezen. Bovendien kunt u eigen CSS-lay-outs
maken en deze opnemen in de configuratiemap zodat ze verschijnen als lay-outkeuze in het dialoogvenster Nieuw
document.
Dreamweaver CSS-lay-outs worden correct weergegeven in de volgende browsers: Firefox (Windows en Macintosh)
1.0, 1.5, 2.0 en 3.6; Internet Explorer (Windows) 5.5, 6.0, 7.0 en 8.0; Opera (Windows en Macintosh) 8.0, 9.0 en 10.0;
Safari 2.0, 3.0 en 4.0 en Chrome 3.0.
Ga naar Dreamweaver Developer Center voor een informatief artikel met uitleg over het gebruik van de CSS-lay-outs
die bij Dreamweaver worden geleverd.
Tevens zijn er op Adobe Dreamweaver Exchange meer CSS-lay-outs beschikbaar.
Meer Help-onderwerpen
“Een lege pagina maken” op pagina 62
“Standaardocumenttype en -codering instellen” op pagina 68
“Koppelen naar een externe CSS-stijlpagina” op pagina 149
Een pagina met een CSS-lay-out maken
1 Selecteer Bestand > Nieuw.
2 In het dialoogvenster Nieuw document selecteert u de categorie Blanco pagina. (Dit is de standaardkeuze.)
3 Als Paginatype selecteert u het soort pagina dat u wenst te maken.
Opmerking: U moet een HTML-paginatype kiezen voor de lay-out. U kunt bijvoorbeeld HTML, ColdFusion®, PHP
enzovoort selecteren. U kunt geen ActionScript™-, CSS-, Library Item-, JavaScript-, XML-, XSLT- of ColdFusion
Component-pagina met een CSS-indeling maken. De paginatypes in Andere categorie van het dialoogvenster Nieuw
document kunnen eveneens geen CSS-paginalay-outs bevatten.
4 Bij Lay-out kiest u de CSS-lay-out die u wenst te gebruiken. U kunt kiezen uit zestien verschillende lay-outs. Het
venster Beeld toont de lay-out en geeft een korte omschrijving van de gekozen lay-out.
De vooraf ontworpen CSS-indelingen bieden de volgende typen kolommen:
Vast De kolombreedte is opgegeven in pixels. De kolom wordt niet groter of kleiner op basis van de grootte van de
browser of de tekstinstellingen van de bezoeker van de site.
Liquid De kolombreedte wordt opgegeven als een percentage van de breedte van het browservenster van de bezoeker
van de site. De kolombreedte wordt automatisch aangepast als de bezoeker van de site de browser breder of smaller
maakt, maar wordt niet aangepast als de bezoeker van de site de tekstinstellingen wijzigt.
5 Selecteer een documenttype uit het pop-upmenu DocType.
6 Selecteer een locatie voor de CSS van de lay-out uit Lay-out CSS in het pop-upmenu.
Toevoegen aan kop Hiermee wordt CSS voor de indeling toegevoegd aan de kop van de pagina die u maakt.
Nieuw bestand maken Voegt CSS voor de lay-out toe aan een nieuwe externe CSS stylesheet en voegt de nieuwe
stylesheet bij de pagina die u maakt.
Koppeling naar bestaand bestand Hiermee kunt u een bestaand CSS-bestand opgeven dat reeds de CSS-regels bevat
die nodig zijn voor de indeling. Deze optie is vooral handig wanneer u dezelfde CSS-indeling (de CSS-regels die zich
in één bestand bevinden) voor meerdere documenten wilt gebruiken.