Operation Manual

Naar boven
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 Weergave > Visuele hulpmiddelen > Omtrek van CSS-lay-out.
Achtergronden van CSS-lay-outblokken weergeven
Selecteer Weergave > Visuele hulpmiddelen > CSS-lay-outachtergronden.
CSS-lay-outblokkadermodellen weergeven
Selecteer Weergave > 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.
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 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.
247