Dreamweaver CS3 - Adobe

Voorkeuren voor CSS-stijlen instellen
DREAMWEAVER CS3
Handboek
Met voorkeuren voor CSS-stijlen bepaalt u de manier waarop Dreamweaver de code schrijft, waarmee CSS-stijlen worden
gedefinieerd. CSS-stijlen kunnen in een bepaalde vorm van "steno" worden geschreven, waarmee bepaalde mensen
gemakkelijker kunnen werken. Sommige oudere versies van browsers interpreteren de steno echter niet op de juiste wijze.
1 Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh) en selecteer CSS-stijlen in de
lijst Categorie.
2 Stel de opties voor CSS-stijlen in, die u wilt toepassen:
Bij het maken van CSS-regels steno gebruiken voor Hiermee selecteert u welke CSS-stijleigenschappen Dreamweaver
in steno schrijft.
Bij het bewerken van CSS-regels steno gebruiken voor Hiermee bepaalt u of Dreamweaver bestaande stijlen in steno
herschrijft.
Selecteer Als in het origineel steno wordt gebruikt om alle stijlen te handhaven zoals ze zijn.
Selecteer Volgens bovenstaande instellingen om stijlen te herschrijven in steno voor de eigenschappen die u selecteerde bij
Steno gebruiken voor.
Bij het dubbelklikken in het CSS-paneel Hiermee selecteert u gereedschap voor het bewerken van CSS-regels.
3 Klik op OK.
Een nieuwe CSS-regel maken
U kunt een CSS-regel maken om de opmaak van HTML-tags of van een door het kenmerk class aangeduide reeks tekst te
automatiseren.
1 Plaats de invoegpositie in het document en ga vervolgens op een van de volgende manieren te werk om het
dialoogvenster Nieuwe CSS-regel te openen:
• Selecteer Tekst > CSS-stijlen > Nieuw.
• Klik in het paneel CSS-stijlen (Venster > CSS-stijlen) op de knop Nieuwe CSS-regel (+) rechtsonder in het paneel.
2 Definieer het type CSS-stijl dat u wilt maken:
• Voor het maken van een eigen stijl die als een kenmerk class kanwordentoegepastopeentekstbereikof-blok,selecteert
u de optie Klasse en geeft u vervolgens een naam voor de stijl op in het vak Naam.
Opmerking: klassenamen moeten beginnen met een punt en kunnen elke combinatie van letters en cijfers bevatten
(bijvoorbeeld, .mijnkop1). Als u aan het begin geen punt opgeeft, geeft Dreamweaver deze automatisch voor u op.
• Voor het opnieuw definiëren van de standaardopmaak van een specifieke HTML-tag selecteert u de optie Tag en geeft u
vervolgens een HTML-tag op in het tekstvak Tag of selecteert u er een in het pop-upmenu.
• Voor het definiëren van de opmaak van een bepaalde combinatie van tags of voor alle tags met een specifiek kenmerk Id
selecteert u de optie Geavanceerd en geeft u vervolgens in het tekstvak Kiezer een of meer HTML-tags op of selecteert u
er één in het pop-upmenu. De in het pop-upmenu beschikbare kiezers (ook wel pseudoklassekiezers genoemd) zijn
a:active, a:hover, a:link en a:visited.
3 Selecteer de locatie waar de stijl zal worden gedefinieerd, en klik vervolgens op OK:
• Als u de stijl wilt plaatsen in een stijlpagina die al aan het document is gekoppeld, selecteert u de stijlpagina.
• Als u een externe stijlpagina wilt maken, selecteert u Nieuw stijlpaginabestand.
• Als u de stijl wilt inbedden in het huidige document, selecteert u Alleen dit document.
4 Selecteer in het dialoogvenster CSS-regeldefinitie de stijlopties die u wilt instellen voor de nieuwe CSS-regel. Zie de
volgende sectie voor meer informatie.
5 Wanneer u klaar bent met het instellen van de stijleigenschappen, klikt u op OK.
Opmerking: Door op OK te klikken zonder stijlopties in te stellen ontstaat er een nieuwe, lege regel.
125