03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

De combinatie van alle factoren die hierboven werden besproken en andere factoren zoals CSS-specificiteit (een systeem<br />

dat een verschillend belang geeft aan bepaalde CSS-regels) en de volgorde van CSS-regels, maken uiteindelijk een complexe<br />

getrapte versie waarin items met hogere prioriteiten eigenschappen die lagere prioriteiten hebben vervangen. Voor meer<br />

informatie over de regels die de getrapte versie, overerving en specificiteit bepalen, gaat u naar<br />

www.w3.org/TR/CSS2/cascade.html.<br />

Informatie over tekstopmaak en CSS<br />

Standaard gebruikt <strong>Dreamweaver</strong> Cascading Style Sheets (CSS) voor de opmaak van tekst. De stijlen die u toepast op de<br />

tekst met behulp van de eigenschappencontrole of menuopdrachten, maken CSS-regels die worden ingebed in de kop van<br />

het huidige document.<br />

U kunt ook het paneel CSS-stijlen gebruiken om CSS-regels en -eigenschappen te maken en te bewerken. Het paneel CSSstijlen<br />

is een veel robuustere editor dan de eigenschappencontrole en geeft alle voor het huidige document gemaakte CSSregels<br />

weer, ongeacht of deze regels zijn ingebed in de kop van het document of in een externe stijlpagina. <strong>Adobe</strong> beveelt<br />

aan dat u het paneel CSS-stijlen (en niet de eigenschappencontrole) als belangrijkste hulpmiddel gebruikt voor het maken<br />

en bewerken van uw CSS. Hierdoor wordt uw code schoner en onderhoudsvriendelijker.<br />

Naast door u gemaakte stijlen en stijlpagina's kunt u ook stijlpagina's gebruiken die zijn meegeleverd bij <strong>Dreamweaver</strong>, om<br />

stijlen toe te passen op uw documenten.<br />

Ga naar www.adobe.com/go/vid0153_nl voor een zelfstudie over het opmaken van tekst met behulp van CSS.<br />

Zie ook<br />

“Tekst toevoegen en opmaken” op pagina 218<br />

“Informatie over het paneel CSS-stijlen” op pagina 121<br />

“Een nieuwe CSS-regel maken” op pagina 125<br />

Informatie over steno-CSS-eigenschappen<br />

De CSS-specificatie staat toe dat u stijlen maakt met behulp van een verkorte syntaxis die men steno-CSS noemt. Met steno-<br />

CSS kunt u de waarden van verschillende eigenschappen opgeven met behulp van één declaratie. Zo kunt u met de<br />

eigenschap font de eigenschappen font-style, font-variant, font-weight, font-size, line-height en font-family<br />

instellen voor een enkele regel.<br />

Een belangrijk punt om te onthouden bij het gebruik van steno-CSS is dat aan waarden die worden weggelaten in een steno-<br />

CSS-eigenschap, de standaardwaarde wordt toegewezen. Hierdoor worden pagina's mogelijk incorrect weergegeven<br />

wanneer aan twee of meer CSS-regels dezelfde label wordt toegewezen.<br />

Zo gebruikt de regel voor h1 hieronder de lange versie van de CSS-syntaxis. Zoals u ziet, is aan de eigenschappen fontvariant,<br />

font-stretch, font-size-adjust en font-style de standaardwaarde toegewezen.<br />

h1 {<br />

font-weight: bold;<br />

font-size: 16pt;<br />

line-height: 18pt;<br />

font-family: Arial;<br />

font-variant: normal;<br />

font-style: normal;<br />

font-stretch: normal;<br />

font-size-adjust: none<br />

}<br />

Maar herschreven als één steno-eigenschap zou dezelfde regel er als volgt kunnen uitzien:<br />

h1 { font: bold 16pt/18pt Arial }<br />

Indien geschreven met behulp van de stenonotatie wordt aan weggelaten waarden automatisch de standaardwaarde<br />

toegewezen. Daarom ontbreken in het vorige stenovoorbeeld de labels font-variant, font-style, font-stretch en fontsize-adjust.<br />

120

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!