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.

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

Handboek<br />

U kunt het formaat van elk van de deelvensters wijzigen door de randen tussen de deelvensters te slepen, terwijl u de grootte<br />

van kolommen kunt wijzigen door het slepen van de kolomscheidingen.<br />

Het deelvenster Samenvatting voor selectie geeft een overzicht van CSS-eigenschappen weer, alsmede hun waarden voor<br />

het op dat moment in het actieve document geselecteerde object. De samenvatting toont de eigenschappen van alle regels<br />

die rechtstreeks op de selectie van toepassing zijn. Alleen ingestelde eigenschappen worden getoond.<br />

De volgende regels maken bijvoorbeeld een klassestijl en een labelstijl (in dit geval een alinea):<br />

.foo{<br />

color: green;<br />

font-family: ‘Arial’;<br />

}<br />

p{<br />

font-family: ‘serif’;<br />

font-size: 12px;<br />

}<br />

Als u in het documentvenster alineatekst met een klassestijl .foo selecteert, worden in het deelvenster Samenvatting voor<br />

selectie de relevante eigenschappen voor beide regels weergegeven, omdat beide regels van toepassing zijn op de selectie.<br />

In dit geval zou het deelvenster Samenvatting voor selectie de volgende eigenschappen vermelden:<br />

font-size: 12px<br />

font-family: ‘Arial’<br />

color: green<br />

Het deelvenster Samenvatting voor selectie schikt eigenschappen in toenemende mate van specificiteit. In het<br />

bovenstaande voorbeeld definieert de labelstijl de tekengrootte, terwijl de klassestijl de lettertypefamilie en de kleur<br />

definieert. (De door de klassestijl gedefinieerde lettertypefamilie onderdrukt de lettertypefamilie die wordt gedefinieerd<br />

door de labelstijl, omdat klassekiezers een hogere specificiteit hebben dan labelkiezers. Raadpleeg<br />

www.w3.org/TR/CSS2/cascade.html voor meer informatie over CSS-specificiteit.)<br />

Het deelvenster Regels toont twee verschillende weergaven—infoweergave of regelweergave—afhankelijk van uw selectie.<br />

In de infoweergave (de standaardweergave) toont het deelvenster de naam van de regel die de geselecteerde CSS-eigenschap<br />

definieert, alsmede de naam van het bestand met die regel. In de regelweergave toont het deelvenster een getrapte versie,<br />

of hiërarchie, van alle regels die direct of indirect van toepassing zijn op de huidige selectie. (De label waarop de regel direct<br />

van toepassing is, staat in de rechterkolom.) U kunt schakelen tussen de twee weergaven door op de knoppen Informatie<br />

tonen en Trapsgewijs tonen in de rechterbovenhoek van het deelvenster Regels te klikken.<br />

Als u in het paneel Samenvatting voor selectie een eigenschap selecteert, verschijnen alle eigenschappen van de<br />

definiërende regel in het paneel Eigenschappen. (De definiërende regel wordt ook geselecteerd in het deelvenster Regels,<br />

als de regelweergave wordt geselecteerd.) Als u bijvoorbeeld een regel hebt met de naam .maintext die een<br />

lettertypefamilie, tekengrootte en kleur definieert, worden door de selectie van een van deze eigenschappen in het<br />

deelvenster Samenvatting voor selectie zowel alle eigenschappen die zijn gedefinieerd door de regel .maintext in het<br />

deelvenster Eigenschappen, als de geselecteerde regel .maintext in het deelvenster Regels weergegeven. (Daarnaast worden<br />

bij selectie van een regel in het deelvenster Regels de eigenschappen van die regel weergegeven in het deelvenster<br />

Eigenschappen.) Vervolgens kunt u het deelvenster Eigenschappen gebruiken om snel uw CSS te wijzigen, ongeacht of deze<br />

is ingebed in het huidige document of is gekoppeld door middel van een gekoppelde stijlpagina Standaard toont het<br />

deelvenster Eigenschappen alleen die eigenschappen die reeds zijn ingesteld, en schikt deze in alfabetische volgorde.<br />

U kunt er ook nog voor kiezen om het deelvenster Eigenschappen te tonen in twee andere weergaven. In de<br />

categorieweergave worden eigenschappen gegroepeerd in categorieën weergegeven, zoals Lettertype, Achtergrond, Blok,<br />

Rand, enzovoort, met ingestelde eigenschappen boven aan elke categorie, weergegeven in blauwe tekst. Bij weergave als lijst<br />

wordt een alfabetische lijst van alle beschikbare eigenschappen weergegeven, waarbij ingestelde eigenschappen bovenaan<br />

worden gerangschikt, weergegeven in blauwe tekst. Als u tussen de verschillende weergaven wilt schakelen, klikt u op de<br />

knop Categorieën weergeven, Lijst weergeven of Alleen ingestelde eigenschappen weergeven in de linkerbenedenhoek van<br />

het deelvenster Eigenschappen.<br />

In alle weergaven worden ingestelde eigenschappen weergegeven in blauw; eigenschappen die niet van belang zijn voor een<br />

selectie, worden weergegeven als met een rode streep doorgehaalde tekst. Als u met de muis over een regel gaat die niet van<br />

belang is, wordt in een melding uitgelegd waarom de eigenschap niet van belang is. Doorgaans is een eigenschap niet van<br />

belang, omdat deze wordt onderdrukt of omdat het geen overgenomen eigenschap is.<br />

122

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

Saved successfully!

Ooh no, something went wrong!