03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CSS-eigenschappen instellen<br />

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

Handboek<br />

U kunt eigenschappen definiëren voor CSS-regels zoals lettertype voor tekst, achtergrondafbeelding en -kleur, spatiëringsen<br />

lay-outeigenschappen, alsmede het uiterlijk van lijstelementen. Maak eerst een nieuwe regel en stel vervolgens een of<br />

meer van de volgende eigenschappen in.<br />

Eigenschappen van CSS-typen definiëren<br />

U gebruikt het type Categorie in het dialoogvenster CSS-regeldefinitie om de basisinstellingen voor lettertype en type voor<br />

een CSS-stijl te definiëren.<br />

1 Open het paneel CSS-stijlen (Shift + F11), als dat nog niet geopend is.<br />

2 Dubbelklik op een bestaande regel of eigenschap in het bovenste deelvenster van het paneel CSS-stijlen.<br />

3 Selecteer Type in het dialoogvenster CSS-regeldefinitie en stel vervolgens de stijleigenschappen in.<br />

Laat een van de volgende eigenschappen leeg als deze niet belangrijk zijn voor de stijl:<br />

Font Hiermee stelt u de lettertypefamilie (of een reeks families) in voor de stijl. Browsers geven tekst weer in het eerste<br />

lettertype in de reeks, dat op het systeem van de gebruiker is geïnstalleerd. Vermeld voor de compatibiliteit met Internet<br />

Explorer 3.0 eerst een Windows-lettertype. Het kenmerk voor lettertype wordt door beide browsers ondersteund.<br />

Grootte Hiermee definieert u de grootte van de tekst. U kunt een specifieke grootte kiezen door het aantal en de<br />

meeteenheid te selecteren, maar u kunt ook een relatieve grootte kiezen. Pixels werken goed om te verhinderen dat<br />

browsers uw tekst vervormen. Het kenmerk voor grootte wordt door beide browsers ondersteund.<br />

Stijl Hiermee geeft u als lettertypestijl Normaal, Cursief of Scheef op. De standaardinstelling is Normaal. Het kenmerk<br />

voor stijl wordt door beide browsers ondersteund.<br />

Regelhoogte Hiermee stelt u de hoogte van de regel in, waarop de tekst wordt geplaatst. Van oudsher wordt deze instelling<br />

interlinie genoemd. Selecteer Normaal om de regelhoogte van de tekengrootte automatisch te laten berekenen of geef een<br />

exacte waarde op en selecteer een meeteenheid. Het kenmerk voor regelhoogte wordt door beide browsers ondersteund.<br />

Decoratie Hiermee voegt u een onderstreping, een bovenstreep of een doorhaling aan de tekst toe of laat u de tekst<br />

knipperen. De standaardinstelling voor reguliere tekst is None (Geen). De standaardinstelling voor koppelingen is<br />

Underline (Onderstrepen). Wanneer u de instelling voor koppelingen instelt op none (Geen), kunt u de onderstreping<br />

verwijderen uit koppelingen door een speciale klasse te definiëren. Het kenmerk voor decoratie wordt door beide browsers<br />

ondersteund.<br />

Dikte Hiermee past u een specifieke of relatieve hoeveelheid vet toe op het lettertype. De waarde Normaal is gelijk aan 400;<br />

de waarde Vet is gelijk aan 700. Het kenmerk voor dikte wordt door beide browsers ondersteund.<br />

Variant Hiermee stelt u de variant voor kleinkapitalen in voor tekst. <strong>Dreamweaver</strong> geeft dit kenmerk niet weer in het<br />

documentvenster. Het kenmerk voor variant wordt wel ondersteund door Internet Explorer, maar niet door Navigator.<br />

Hoofdletter/kleine letter Hiermee zet u de eerste letter van elk woord in de selectie om in een hoofdletter, of stelt u de tekst<br />

in op uitsluitend hoofdletters of uitsluitend kleine letters. Het kenmerk voor hoofdletter/kleine letter wordt door beide<br />

browsers ondersteund.<br />

Kleur Hiermee stelt u de kleur van de tekst in. Het kenmerk voor kleur wordt door beide browsers ondersteund.<br />

4 Als u deze opties hebt ingesteld, selecteert u een andere CSS-categorie aan de linkerzijde van het paneel om extra<br />

stijleigenschappen in te stellen of klikt u op OK.<br />

Eigenschappen voor CSS-stijlachtergronden definiëren<br />

Gebruik de categorie Achtergrond van het dialoogvenster CSS-regeldefinitie om de achtergrondinstellingen voor een CSSstijl<br />

te definiëren. U kunt de achtergrondeigenschappen toepassen op elk element op een webpagina. Maak bijvoorbeeld<br />

een stijl die een achtergrondkleur of achtergrondafbeelding aan elk pagina-element toevoegt, bijvoorbeeld achter tekst, een<br />

tabel, de pagina, enzovoort. U kunt ook de positionering van een achtergrondafbeelding instellen.<br />

1 Open het paneel CSS-stijlen (Shift+F11), als dat nog niet geopend is.<br />

2 Dubbelklik op een bestaande regel of eigenschap in het bovenste deelvenster van het paneel CSS-stijlen.<br />

3 Selecteer in het dialoogvenster CSS-regeldefinitie eerst Achtergrond en stel vervolgens de stijleigenschappen in.<br />

126

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

Saved successfully!

Ooh no, something went wrong!