Operation Manual

129
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Inline stijlen (stijlen binnen een regel) Gedefinieerd binnen specifieke vormen van tags door een HTML-document
heen. (Het gebruik van inline stijlen wordt afgeraden.)
Dreamweaver herkent stijlen die in bestaande documenten zijn gedefinieerd, zolang deze voldoen aan de richtlijnen
voor CSS-stijlen. Dreamweaver geeft de meeste toegepaste stijlen ook rechtstreeks weer in de ontwerpweergave. (Het
gebruik van de voorbeeldweergave in een browservenster biedt echter de meest accurate “live”-weergave van de
pagina.) Bepaalde CSS-stijlen worden anders weergegeven in Microsoft Internet Explorer, Netscape, Opera, Apple
Safari of andere browsers, terwijl weer andere stijlen momenteel door geen enkele browser worden ondersteund.
Voor het weergeven van de CSS-naslaggids van O'Reilly, die wordt meegeleverd bij Dreamweaver, selecteert u eerst
Help > Referentie en vervolgens O'Reilly CSS Reference in het pop-upmenu in het paneel Referentie.
Meer Help-onderwerpen
Klassenstijlen toepassen, verwijderen of hernoemen” op pagina 146
Informatie over CSS-stijlen
De term naast elkaar verwijst naar de manier waarop een browser uiteindelijk stijlen voor specifieke elementen op een
webpagina weergeeft. Drie verschillende bronnen zijn verantwoordelijk voor de stijlen die u op een webpagina ziet: de
stijlpagina die is gemaakt door de auteur van de pagina, de (eventuele) aangepaste stijlselecties van de gebruiker en de
standaard stijl van de browser zelf. In de voorgaande onderwerpen wordt het maken van stijlen voor een webpagina
beschreven als de auteur van zowel de webpagina als de stijlpagina die aan die pagina is gekoppeld. Maar browsers
hebben ook hun eigen standaard stijlpagina's die de weergave van webpagina's opleggen en gebruikers kunnen ook
hun browsers aanpassen door selecties te maken waarmee de weergave van webpagina's wordt aangepast. De
uiteindelijke weergave van een webpagina is het resultaat van het samenkomen (of "trapsgewijs weergeven") van de
regels van deze drie bronnen om de webpagina optimaal weer te geven.
Een veelgebruikt label—het alinealabel, of
<p>-label—illustreert het concept. Browsers hebben standaard stijlpagina's
die het lettertype en de tekengrootte voor alineatekst (dat wil zeggen, tekst die tussen
<p>-labels in de HTML-code
staat) definiëren. In Internet Explorer wordt bijvoorbeeld alle standaardhoofdtekst, met inbegrip van alineatekst,
standaard in Times New Roman, Normale grootte lettertype weergegeven.
Als de auteur van een webpagina kunt u echter een stijlpagina maken die de standaardstijl van de browser voor het
alinealettertype en de alineatekengrootte vervangt. U kunt bijvoorbeeld in uw stijlpagina de volgende regel maken:
p {
font-family: Arial;
font-size: small;
}
Als een gebruiker de pagina laadt, worden de standaardinstelllingen voor de alineatekst van de browser vervangen
door het alinealettertype en de tekengrootte die u als auteur hebt ingesteld.
Gebruikers kunnen selecties maken om de browserweergave optimaal aan te passen voor eigen gebruik. In Internet
Explorer kunnen gebruikers bijvoorbeeld Beeld > Tekengrootte > Extra groot selecteren om het paginalettertype uit te
breiden naar een grootte die beter leesbaar is als ze vinden dat het lettertype te klein is. Uiteindelijk (tenminste in dit
geval) vervangt de selectie van de gebruiker zowel de standaardstijlen van de browser voor de alineatekengrootte als
de alineastijlen die door de auteur van de webpagina zijn gemaakt.
Overerving is een ander belangrijk deel van de getrapte versie. Eigenschappen voor de meeste elementen op een
webpagina worden overgeërfd—alineatags erven bijvoorbeeld bepaalde eigenschappen van de body-tag over, span-
tags voor een lijst met opsommingstekens erven bepaalde eigenschappen van alineatags over, enzovoort. Bijvoorbeeld
wanneer u in uw stijlpagina de volgende regel maakt: