Maken van nieuwe tagstijlen in Adobe CS5 Dreamweaver - dummies

Een tag (of een element) maken is een eenvoudige route voor nieuwe Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-gebruikers begrijpen CSS. Met Dreamweaver kunt u werken met bestaande HTML-tags, zoals P, H1 en H2. Met bestaande elementtags op uw pagina en Eigenschappencontrole kunt u ervoor kiezen om automatische opmaak toe te passen waar bepaalde HTML-tags worden gebruikt.

1Open een HTML-pagina.

Kies er een die tekst bevat.

2Klik op de knop HTML in het deelvenster Eigenschapcontrole.

De knop bevindt zich aan de linkerkant van het paneel. Hiermee wordt de eigenschappencontrole weergegeven in de HTML-weergave.

3Selecteer een regel tekst.

Vet de geselecteerde tekst in met de knop B in de eigenschappencontrole.

4Schakel naar CSS-weergave.

Klik op de knop CSS uiterst links in het deelvenster Eigenschapcontrole.

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.

5Start een nieuwe CSS-regel.

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

6 Pas kleur toe op geselecteerde tekst.

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.

7Het dialoogvenster Nieuwe CSS-regel verschijnt.

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 elementen op de pagina. Tagstijlen veranderen het uiterlijk van elk element dat is opgemaakt met een specifieke HTML-tag.

8Klik 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.