Operation Manual

156
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
2 Vertel alle gebruikers van Contribute die aan de site werken, om pagina's te publiceren die deze stijlpagina
gebruiken, en om deze pagina's vervolgens opnieuw te bewerken om de nieuwe stijlpagina te bekijken.
U dient de volgende belangrijke factoren in acht te nemen wanneer u stijlpagina's voor een Contribute-site bijwerkt:
• Als u wijzigingen aanbrengt in een stijlpagina terwijl een gebruiker van Contribute een pagina bijwerkt die deze
stijlpagina gebruikt, kan de gebruiker de wijzigingen aan de stijlpagina pas bekijken wanneer de pagina wordt
gepubliceerd.
• Als u een stijl verwijdert uit een stijlpagina, wordt de naam van de stijl name niet verwijderd uit de pagina's die deze
stijlpagina gebruiken, maar aangezien deze stijl niet langer bestaat, wordt deze niet meer weergegeven op de manier
die een gebruiker van Contribute mogelijk verwacht. Als een gebruiker dan ook zegt dat er niets gebeurt wanneer
een bepaalde stijl wordt toegepast, wordt het probleem mogelijk veroorzaakt doordat de stijl is verwijderd uit de
stijlpagina.
Pagina's met CSS opmaken
Info over CSS-paginalay-out
Voor de indeling van een CSS-pagina wordt de indeling Cascading Style Sheet gebruikt in plaats van HTML-tabellen
of frames voor het ordenen van de inhoud van een webpagina. Het basiselement van de CSS-lay-out is het label voor
de div-tags, een HTML-element dat in de meeste gevallen fungeert als een container voor text, afbeeldingen en andere
paginaelementen. Wanneer u een CSS-lay-out maakt, plaatst u div-tags op de pagina, voegt u er informatie aan toe en
brengt u ze in bepaalde posities. In tegenstelling tot cellen in een tabel die ergens binnen de rijen of kolommen van een
tabel moeten bestaan, kunnen div-tags over op een webpagina worden aangebracht U kunt div-tags absoluut plaatsen
(door de x- en y-coördinaten op te geven) of relatief (door de afstand tot andere pagina-elementen op te geven). U kunt
div-tags ook plaatsen door floats, opvullingen en marges op te geven; de voorkeursmethode volgens de moderne
webstandaarden.
Het maken van CSS-lay-outs uit niets kan moeilijk zijn omdat er zoveel manieren bestaan om het te doen. U kunt een
eenvoudige CSS-lay-out met twee kolommen maken door de tekst, marges, vullingen en andere CSS-eigenschappen
in te stellen in bijna een oneindig aantal combinaties. Verder kunnen zich weergaveproblemen voordoen met CSS-lay-
outs die correct worden weergegeven in sommige browsers maar niet in andere. Dreamweaver maakt het eenvoudig
om pagina's samen te stellen met CSS-lay-outs dankzij zestien voorgedefinieerde lay-outs die voor verschillende
browsers kunnen worden gebruikt.
Gebruiken van de vooraf ontworpen CSS-lay-outs die bij Dreamweaver worden meegeleverd, is de eenvoudigste
manier om een pagina met een CSS-lay-out te maken. Maar u kunt ook CSS-lay-outs maken met Dreamweaver met
elementen die absoluut zijn gepositioneerd (AP-elementen; Absolutely-Positioned elements). Een AP-element in
Dreamweaver is een HTML-pagina-element—in het bijzonder een
div-label, of een willekeurige andere label—
waaraan een absolute positie is toegewezen. Het nadeel van de AP-elementen van Dreamweaver is echter dat deze
absoluut gepositioneerd zijn en daarom nooit hun positie aanpassen naargelang de grootte van het browservenster.
Geavanceerde gebruikers kunnen eveneens handmatig
div-elementen aanbrengen en er CSS-positiestijlen op
toepassen voor het maken van paginalay-outs.
Lees het artikel Layout 101 van Gary White voor meer informatie over de verschillende soorten CSS-lay-outs.
Ga naar www.adobe.com/go/learn_dw_comm05_nl voor een zelfstudie over het maken van CSS-paginalay-outs en
het werken met andere verbeterde CSS-functies.