Dreamweaver CS3 - Adobe

DREAMWEAVER CS3
Handboek
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 het divelement,
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-elementen 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-elementen over op een webpagina worden aangebracht U kunt div-elementen absoluut
plaatsen (door de x- en y-coördinaten op te geven) of relatief (door de afstand tot andere paginaelementen op te geven)
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 samenstellen van pagina’s
met CSS-lay-outs gemakkelijker voor u door te voorzien in meer dan 30 vooraf ontworpen lay-outs die verschillend werken
in verschillende browsers.
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.
Zie voor een zelfstudie over het maken van CSS-paginalay-outs www.adobe.com/go/vid0155_nl.
Zie ook
“Werken met labels voor div-elementen” op pagina 156
Info structuur CSS-paginalay-out
Alvorens met deze sectie verder te gaan, dient u bekend te zijn met de basisideeën van CSS.
Het basiselement van de CSS-lay-out is het label voor het div-element, een HTML-element dat in de meeste gevallen
fungeert als een container voor text, afbeeldingen en andere paginaelementen. Het volgende voorbeeld toont een HTMLpaginametdrieapartediv-elementen:ééngroot“containerelement”entweeandereelementen,eenzijvak-elementeneen
element voor de hoofdinformatie binnen het containerelement.
140