Operation Manual

Naar boven
U kunt een Design-Time stijlpagina gebruiken om de achtergronden, randen of het kadermodel voor
elementen weer te geven die normaal gesproken niet als CSS-lay-outblokken worden beschouwd. Hiervoor
moet u eerst een Design-Time stijlpagina maken, die het kenmerk display:block toewijst aan het juiste
pagina-element.
1. Maak een externe CSS-stijlpagina door de selectie van Bestand > Nieuw, van
Basispagina in de kolom Categorie, van CSS in de kolom Basispagina en door te klikken
op Maken.
2. Maak op de nieuwe stijlpagina regels die het kenmerk display:block toewijzen aan
de pagina-elementen die u als CSS-lay-outblokken wilt weergeven.
Als u bijvoorbeeld een achtergrondkleur wilt weergeven voor alinea's en lijstitems, maakt
u een stijlpagina met de volgende regels:
3. Sla het bestand op.
4. Open in de ontwerpweergave de pagina waaraan u de nieuwe stijlen wilt koppelen.
5. Selecteer Opmaak > CSS-stijlen > Design-Time.
6. Klik in het dialoogvenster Design-Time stijlbladen op de knop Plus (+) boven het
tekstvak Alleen weergeven tijdens ontwerptijd, selecteer de zojuist gemaakte stijlpagina
en klik op OK.
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.
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 absoluut gepositioneerde 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.
Absoluut gepositioneerde elementen bestaan doorgaans uit absoluut gepositioneerde div-tags. (Dit is het
soort absoluut gepositioneerde elementen dat standaard wordt ingevoegd in Dreamweaver.) 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.
1
2
3
4
5
6
p{
display:block;
}
li{
display:block;
}
294