Hoe u een nieuwe tagstijl maakt in Adobe Dreamweaver CS6 - dummies

Een -tagestijl (of -type-selector ) maken in Adobe Dreamweaver CS6 is een eenvoudige en veilige manier voor nieuwe gebruikers om CSS te begrijpen omdat het richt zich op bestaande HTML-tags, zoals P, H1 en H2.

Met bestaande tags op uw pagina kunt u ervoor kiezen om automatische opmaak toe te passen waar bepaalde HTML-tags worden gebruikt. U kunt bijvoorbeeld elke tekst in een

(richting 1) -tag automatisch vet maken, 36 pixels en rood.

Ga als volgt te werk om met de eigenschappencontrole een labelstijl te maken:

1. Open een HTML-pagina die tekst bevat.

2. Klik in de eigenschappencontrole op de HTML-knop aan de linkerkant van het deelvenster om de eigenschappencontrole in de HTML-weergave weer te geven.

3. Selecteer een tekstregel en zet deze vetgedrukt door op de knop B in Eigenschapcontrole te klikken.

4. Schakel naar de CSS-weergave van de eigenschappencontrole door op de knop CSS aan de linkerzijde van het deelvenster te klikken.

   Het doel is om definitieve stijlinformatie toe te wijzen aan de tag die tekst vet maakt, zodat vetgedrukte tekst op de pagina ook rood lijkt.

5. Laat de vetgedrukte tekst geselecteerd en selecteer in de eigenschappencontrole een van de vervolgkeuzelijst Doelgerichte regel.

6. Gebruik de kleurenkiezer rechts naast de eigenschappencontrole (onder de knoppen B en I) om de rode kleur te selecteren die op de geselecteerde vetgedrukte tekst moet worden toegepast als de tekst nog steeds is geselecteerd.

   Het dialoogvenster Nieuwe CSS-regel verschijnt.

   

7. Kies in de vervolgkeuzelijst Selector Type de optie Tag (een HTML-element opnieuw definiëren); kies Strong in de vervolgkeuzelijst Selector Name; kies (Alleen dit document) uit de vervolgkeuzelijst Regeldefinitie.

   Het selectortype bepaalt hoe de opmaak wordt toegepast op een geselecteerde HTML-tag op de pagina. Tagstijlen worden automatisch toegepast overal waar dat element op de pagina wordt weergegeven.

8. Klik op OK om de nieuwe tagstijl te maken en het paneel te sluiten.

   Telkens wanneer u de tag toepast om vette tekst te maken (met de knop B of andere snelkoppelingen), wordt die vetgedrukte tekst ook rood weergegeven. U hebt een tagstijl gemaakt die bepaalt hoe vetgedrukte tekst verschijnt wanneer deze in een document wordt weergegeven.

U kunt deze nieuwe tagstijl verder verfijnen door een vetgedrukte tekst te selecteren en door te gaan met het wijzigen van teksteigenschappen in de eigenschappencontrole.

Als u de regel die u hebt gemaakt, wilt bewerken en verfijnen, klikt u op de knop Regel bewerken onder de vervolgkeuzelijst Doelgerichte regel om het dialoogvenster CSS-regeldefinitie te openen. Dit dialoogvenster wordt standaard geopend in de categorie Type, waar u typegerelateerde eigenschappen kunt wijzigen.

Als u klaar bent met het afstemmen van uw tagstijl, klikt u op Toepassen onder in het dialoogvenster om uw wijzigingen te bekijken. U kunt ook op OK klikken om uw wijzigingen toe te passen en het dialoogvenster te sluiten.