Operation Manual

166
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
CSS-lay-outachtergronden Hiermee worden voor afzonderlijke CSS-lay-outblokken tijdelijk toegewezen
achtergrondkleuren weergegeven en worden de overige achtergrondkleuren en -afbeeldingen die gewoonlijk op de
pagina worden weergegeven, verborgen.
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 Hiermee wordt het kadermodel (dat wil zeggen opvulling en marges) voor het geselecteerde
CSS-lay-outblok weergegeven.
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:
p{
display:block;
}
li{
display:block;
}
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.