Operation Manual
DREAMWEAVER CS3
Handboek
146
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-elementen. (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-elementen) 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 het div-
element een id-waarde toe (standaard apDiv1 voor het eerste div-element dat u invoegt, apDiv2 voor het tweede div-
element dat 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:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample AP Div Page</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="apDiv1">
</div>
</body>
</html>
U kunt eigenschappen van AP Div-elementen (of van elke AP-element) op uw pagina wijzigen, inclusief x- en y-
coördinaten, de z-index (ook wel de stapelvolgorde genoemd) en de zichtbaarheid.
Een AP-laag invoegen
Met Dreamweaver kunt u eenvoudig AP Div-elementen maken en positioneren op uw pagina. Ook kunt u geneste AP Div-
elementen maken.
Wanneer u een AP-div invoegt, toont Dreamweaver standaard een omtrek van het AP-div in de ontwerpweergave en wordt
het blok waarover u de aanwijzer plaatst gemarkeerd. Schakel de opties Omtrek van AP-elementen en Omtrek van CSS-lay-
out uit in het menu Weergave> Visuele hulpmiddelen. Hierdoor schakelt u het visuele hulpmiddel uit waarmee de omtrek
van een AP-div (of een andere AP-element) getoond wordt. Tevens kunt u achtergronden en het kadermodel voor AP-
elementen inschakelen als visueel hulpmiddel tijdens het ontwerpen.