Operation Manual

167
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
7 Klik op OK om het dialoogvenster Design-Time stijlbladen te sluiten.
De stijlpagina wordt aan uw document gekoppeld. Als u een stijlpagina had gemaakt met behulp van het vorige
voorbeeld, zouden alle alinea's en lijstitems zijn opgemaakt met het kenmerk
display:block, waardoor u visuele
hulpmiddelen voor CSS-lay-outblokken voor alinea's en lijstitems zou hebben kunnen in- of uitschakelen.
Meer Help-onderwerpen
“Design-Time stijlpagina's gebruiken” op pagina 154
Werken met AP-elementen
Info over AP-elementen in Dreamweaver
Een AP-element (absoluut gepositioneerd element) is een HTML-pagina-element—in het bijzonder een label voor een
div-element of elke andere label—waaraan een absolute positie is toegewezen. AP-elementen kunnen tekst,
afbeeldingen of elke andere inhoud bevatten, die u in de hoofdtekst van een HTML-document kunt plaatsen.
Met Dreamweaver kunt u AP-elementen gebruiken om uw pagina op te maken. U kunt AP-elementen voor en achter
elkaar plaatsen, bepaalde AP-elementen verbergen terwijl andere juist worden weergegeven, en AP-elementen over het
scherm verplaatsen. U kunt een achtergrondafbeelding plaatsen in één AP-element en vervolgens vóór dat eerste AP-
element een tweede AP-element plaatsen, dat tekst met een transparante achtergrond bevat.
AP-elementen bestaan doorgaans uit absoluut gepositioneerde labels voor div-tags. (Dit is het soort AP-elementen dat
Dreamweaver standaard invoegt.) Maar onthoud dat u elk HTML-element (bijvoorbeeld een afbeelding) als AP-
element kunt aanmerken door er een absolute positie aan toe te wijzen. Alle AP-elementen (niet alleen absoluut
gepositioneerde labels voor div-tags) komen in het paneel AP-elementen te staan.
HTML-code voor AP Div-elementen
Dreamweaver maakt AP-elementen met behulp van de div tag. Als u een AP-element invoegt met behulp van het
gereedschap AP Div tekenen, voegt Dreamweaver de label voor een
div-element in het document in en wijst aan de
div-tag een id-waarde toe (standaard apDiv1 voor de eerste div-tag die u invoegt, apDiv2 voor de tweede div-tag die u
invoegt, enzovoort). Later kunt u de naam van het AP Div-element wijzigen in wat u maar wilt, met behulp van het
paneel AP-elementen of de eigenschappencontrole. Dreamweaver gebruikt tevens ingebedde CSS in de kop van het
document voor het positioneren van de AP Div en voor het bepalen van de juiste afmetingen van de AP Div.
Hieronder volgt als voorbeeld HTML-code voor een AP Div-element: