Operation Manual
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:
<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 elk 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.
Nadat u een AP Div-element hebt gemaakt, kunt u inhoud eraan toevoegen door gewoon uw invoegpositie in het AP Div-element te plaatsen en
vervolgens inhoud toe te voegen zoals u inhoud zou toevoegen aan een pagina.
Eén AP Div-element of meerdere AP Div-elementen na elkaar tekenen
1. Klik in de categorie Lay-out van het paneel Invoegen op de knop AP-div Tekenen
.
2. Voer een van de volgende handelingen uit in het documentvenster:
Sleep om één AP Div-element te tekenen.
Sleep de muis terwijl u Control (Windows) of Command (Macintosh) ingedrukt houdt, om meerdere AP Div-elementen achter elkaar te
tekenen.
U kunt nieuwe AP Div-elementen blijven tekenen zolang u de toets Control of Command niet loslaat.
Een AP Div-element invoegen op een bepaalde plaats in het document
Plaats de invoegpositie in het documentvenster en selecteer vervolgens Invoegen > Lay-outobjecten > AP Div.
Opmerking: Deze procedure plaatst de label voor het AP Div-element op de plaats waar u in het documentvenster klikte. De visuele weergave
van het AP Div-element kan op deze manier invloed uitoefenen op andere pagina-elementen (zoals tekst) die eromheen staan.
De invoegpositie in een AP Div-element plaatsen
Klik op een willekeurige plaats binnen de randen van het AP Div-element.
248