Operation Manual

DREAMWEAVER CS3
Handboek
159
• Een afbeelding, waaraan een absolute of relatieve positie is toegewezen
• De label voor een a-element, waaraan de stijl display:block is toegewezen
• Een alinea, waaraan een absolute of relatieve positie is toegewezen
Opmerking: Ten behoeve van de visuele weergave omvatten CSS-lay-outblokken geen inline elementen (d.w.z. elementen
waarvan de code binnen een regel tekst staat) of enkelvoudige blokelementen zoals alinea's.
Dreamweaver biedt een aantal visuele hulpmiddelen voor de weergave van CSS-lay-outblokken. Zo kunt u omtrekken,
achtergronden en het kadermodel voor CSS-lay-outblokken inschakelen terwijl u ontwerpt. Ook kunt u de knopinfo
weergeven voor de eigenschappen van een geselecteerd CSS-lay-outblok wanneer u de muisaanwijzer over het lay-outblok
beweegt.
De volgende lijst van visuele hulpmiddelen voor CSS-lay-outblokken beschrijft wat Dreamweaver als zichtbaar voor elke
blok weergeeft:
Omtrek van CSS-lay-out Displays the outlines of all CSS layout blocks on the page.
CSS-lay-outachtergronden Displays temporarily assigned background colors for individual CSS layout blocks, and hides
any other background colors or images that normally appear on the page.
Wanneer u het visuele hulpmiddel inschakelt om CSS-lay-outblokachtergronden weer te geven, wijst Dreamweaver
automatisch aan elk CSS-lay-outblok een opvallende achtergrondkleur toe. (Dreamweaver selecteert de kleuren met behulp
van een algoritmisch proces—u kunt de kleuren op geen enkele manier zelf toewijzen.) De toegewezen kleuren zijn visueel
opvallend en zijn ontworpen om u te helpen bij het onderscheiden van verschillende CSS-lay-outblokken.
CSS-lay-outkadermodel Displays the box model (that is, padding and margins) of the selected CSS layout block.
CSS-lay-outblokken weergeven
U kunt desgewenst visuele hulpmiddelen voor CSS-lay-outblokken in- of uitschakelen.
Omtrekken van CSS-lay-outblokken weergeven
❖
Selecteer Beeld > Visuele hulpmiddelen > Omtrek van CSS-lay-out.
Achtergronden van CSS-lay-outblokken weergeven
❖
Selecteer Beeld > Visuele hulpmiddelen > CSS-lay-outachtergronden.
CSS-lay-outblokkadermodellen weergeven
❖
Selecteer Beeld > Visuele hulpmiddelen > CSS-lay-outkadermodel.
Ook hebt u toegang tot opties voor visuele hulpmiddelen voor CSS-lay-outblokken door op de knop Visuele hulpmiddelen
op de werkbalk Documenten te klikken.
Visuele hulpmiddelen gebruiken bij niet-CSS-lay-outblokelementen
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: