Video: Intro to Adobe Dreamweaver CS6 - Step by Step Lecture (PART 1 of 3) 2024
Een deel van Dreamweaver CS6 For Dummies Cheat Sheet
In Dreamweaver CS6 kunt u uw ontwerpen verbeteren en uw pagina's meer diepte geven door tekstschaduwen toe te voegen met CSS3-regels, de nieuwste in webtechnologie. Als u tekstschaduwen toevoegt, zijn uw woorden gemakkelijker leesbaar, vooral als uw ontwerp een complexe achtergrond heeft of als uw achtergrond- en tekstkleuren geen contrast vertonen.
Dreamweaver CS6 biedt ondersteuning voor CSS3-tekstschaduwen wanneer u het deelvenster Eigenschappen in het deelvenster CSS-stijlen gebruikt. U kunt klasse- of ID-stijlen maken met tekstschaduwen en u kunt tekstschaduwen toevoegen aan bestaande HTML-elementen door een labelstijl te definiëren, zoals de stijl van kop 1 die in de afbeelding wordt gebruikt.
De CSS3-code die die tekstschaduw maakt, is
h1 {text-shadow: 2px 2px 3px # 000;}
De getallen in de code geven aan dat de tekstschaduw 2 pixels naar rechts moet uitbreiden en 2 pixels onder de tekst met een vervaging van 3 pixels. Bovendien wordt de schaduw gemaakt met de kleur zwart, opgegeven door de afgekorte hexadecimale kleurcode # 000.
Bij het maken van regels voor tekstschaduwen kunt u maximaal vier waarden opgeven:
-
Horizontaal en verticaal: De eerste twee nummerwaarden zijn vereist en geven de horizontale en verticale verschuivingen op - de afstand de slagschaduw strekt zich uit onder de tekst (horizontaal) en rechts van de tekst (verticaal).
-
Vervagingsradius: De derde waarde geeft de mate van onscherpte in de schaduw aan. Als u de blur-straal niet opneemt, is de standaardwaarde 0, waardoor de schaduw als een effen kleur wordt weergegeven.
-
Kleur: De vierde waarde geeft de kleur van de schaduw aan en kan worden gedefinieerd met een hexadecimale kleurcode of een RGBa-kleurcode.
U kunt een tekstschaduw toevoegen met behulp van het eigenschappenvenster onderaan in het deelvenster CSS-stijlen, zoals in de afbeelding wordt weergegeven. Hiertoe gaat u als volgt te werk:
-
Klik op de koppeling Eigenschap toevoegen aan de linkerkant van het deelvenster CSS-stijlen.
-
Voer de CSS3-stijlregelnaam, tekstschaduw in of selecteer de stijlregel in de vervolgkeuzelijst.
Nadat de naam links wordt weergegeven, verschijnt rechts een klein pijltje.
-
Klik om de pijl rechts van de tekstschaduw te selecteren.
Er verschijnt een venster.
-
Voer de X- en Y-verschuivingen in, vervaag de straal en kleur.