Creëren van Class Style in Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ondersteunt het maken van klassenstijlen om een ​​preciezere controle over uw pagina mogelijk te maken formatteren. U kunt klassenkiezers, maken, die naamstijlen zijn voor hoofdtekst, tekst, koppen, subkoppen en andere elementen. In tegenstelling tot tagselectoren, kunt u zowat elke naam voor een klasse kiezen en de stijl selectief op items toepassen als en wanneer u maar wilt.

U kunt uw nieuwe regel ook beschikbaar maken voor meer dan één pagina op uw site door een nieuw extern stijlblad te definiëren. Met deze methode worden uw regels opgeslagen in een extern bestand dat aan meerdere pagina's tegelijk kan worden gekoppeld.

1Open het dialoogvenster Nieuwe CSS-regel open.

Zoek het CSS-paneel naar rechts en klik op de knop Nieuwe CSS-regel onderaan of kies Opmaak → CSS-stijlen → Nieuw.

2Kies klasse (kan op elk HTML-element van toepassing zijn).

Deze optie is te vinden in de vervolgkeuzelijst Keuzetype.

3Naam uw nieuwe klas.

Voer in het tekstvak Selector Name een naam in voor uw nieuwe klasse. U kunt elke gewenste naam invoeren, maar zorg ervoor dat deze geen spaties bevat en beschrijf hoe u deze wilt gebruiken. Reallycoolstyle is een slechte naam; headlinestyle is een betere naam. Dreamweaver voegt de punt vóór de stijlnaam in, omdat dit een noodzakelijke naamgevingsconventie is.

4Kiezen (nieuw stylesheetbestand).

Dit is een optie in de vervolgkeuzelijst Regeldefinitie onderaan. Klik OK.

5Het stijlblad opslaan als het dialoogvenster verschijnt.

Ga naar uw sitemap (of als u geen site hebt gedefinieerd, een map waarin u alle relevante informatie zult bewaren, zoals afbeeldingsbestanden en pagina's voor uw site).

6Voer een naam in voor de stylesheet.

Voer een toepasselijke naam in, bijvoorbeeld hoofd. css of basic. CSS als het de hoofdset is van stijlen die u voor uw website maakt. (Dreamweaver voegt de verplichte.css-extensie toe aan het einde van de bestandsnaam.)

7Save uw stijl.

Laat de URL zoals deze is en de vervolgkeuzelijst Relatief naar ingesteld op Document. Klik op Opslaan.

Je hebt een nieuwe gemaakt. CSS-bestand of een externe stylesheet. Het dialoogvenster CSS-regeldefinitie wordt weergegeven waarin u uw nieuwe stylesheet verder kunt verfijnen.