Hoe u het tekstvenster gebruikt in het CSS eigenschappenpaneel van Dreamweaver - dummies

Het Dreamweaver-tekstvenster bevat een verzameling opties die de weergave van de tekst op uw pagina's regelen. U krijgt toegang tot de opties in het Tekstvenster door omlaag te bladeren in het eigenschappenvenster totdat u onder de lay-outopties komt of door op het pictogram T boven aan het deelvenster te klikken.

Het paneel Tekst bevat de volgende opmaakopties:

Kleur: Stel de tekstkleur in. U kunt goed op de kleur klikken en een kleur kiezen, de pipet gebruiken om elke kleur op het scherm te samplen of een hexadecimale kleurcode in het kleurveld invoeren. Als u een hexadecimale kleurcode invoert, neemt u het beginhellingsteken op (#).
Font-familie: Definieer een lettertypefamilie of een reeks families. U kunt lettertypen toevoegen vanaf uw lokale harde schijf of vanuit Adobe TypeKit door Lettertypen beheren onder aan de vervolgkeuzelijst te kiezen en het dialoogvenster Lettertypen beheren te starten.
Tekenstijl: Normaal, cursief of schuin invoeren. Cursief en schuin zijn echter zelden anders in een webbrowser, dus blijf cursief, tenzij u een specifieke reden hebt om dat niet te doen.
Lettertype-variant: Tekst wijzigen in kleine letters. Test uw ontwerpen zorgvuldig, want dit kenmerk wordt niet door alle browsers ondersteund.
Lettertype-gewicht: Laat tekst vet worden weergegeven door Vet of Bolder te selecteren in de vervolgkeuzelijst. U kunt ook een getal tussen 100 en 900 invoeren om nauwkeuriger te bepalen hoe vet de tekst wordt weergegeven. Als u vetgedrukte opmaak wilt verwijderen, kiest u Normaal of Lichter.
Lettergrootte: Definieer de grootte van de tekst. U kunt een specifieke numerieke grootte of een relatieve grootte kiezen. Grootte-opties zijn pixel (px), punt (pt), pica (pc), procent (%), em, rem, ex en ch. Pixels, ems en percentages zijn de meest gebruikte opties voor tekstgroottes.
Lijnhoogte: Geef de hoogte op van de regel waarop de tekst is geplaatst. Net zoals tekstgrootte, kunt u lijnhoogte op verschillende manieren opgeven, inclusief pixels, ems en percentages. Het is een goede gewoonte om regelhoogte toe te voegen omdat het vergroten van de ruimte rond de tekst het gemakkelijker maakt om deze op een computerscherm te lezen.
Tekst uitlijnen: links uitlijnen, rechts uitlijnen, centreren of uitvullen van uw tekst door op het bijbehorende pictogram te klikken. Het eerste pictogram voor Inherit is de standaardinstelling. U kunt de tekst bijvoorbeeld centreren in de voettekst van uw webpagina door Text-Align in te stellen op Center in de definitie van een stijl die u toepast op de -tag onder aan de pagina.
Tekst-decoratie: Geef op of tekst onderstreept is, overlijnd, weergegeven met een doorhalen of weergegeven met het knippereffect.U kunt ook Geen kiezen, wat vaak wordt gebruikt om de onderstreping uit gekoppelde tekst te verwijderen.
Tekstinspringen: Geef de hoeveelheid tekst op die ingesprongen moet worden aan de linkerkant van de pagina door een getal in te voeren in een van de formaatopties, zoals pixels, em's of percentages.

Waarom zoveel lettertypen?

U hebt wellicht gehoord dat u nu elk gewenst lettertype op uw webpagina's kunt gebruiken, dankzij de nieuwste versie van Cascading Style Sheets, CSS3. Deze verklaring is waar, maar met enkele beperkingen: u moet het wettelijke recht hebben om het lettertype te publiceren en het lettertype moet op een webserver worden gehost.

Om ervoor te zorgen dat uw tekst wordt weergegeven zoals u van plan bent, bevat Dreamweaver verzamelingen van de meest voorkomende lettertypen op Windows- en Macintosh-computers. Deze lettertypen zijn gegroepeerd in families, zoals

Gotham, Helvetica Nue, Helvetica, Arial, sans serif
Je kunt maken uw eigen lettertypecollecties met behulp van het dialoogvenster Lettertypen beheren, dat toegankelijk is door de optie Lettertypen beheren onder aan de vervolgkeuzelijst Font-familie in het paneel Tekst in het deelvenster CSS-ontwerper te selecteren.

Het gedeelte Tekstschaduw van het deelvenster Tekst

De sectie Tekstschaduw van het deelvenster Tekst biedt gereedschappen voor het toevoegen van tekstschaduwen, een van de nieuwste CSS-eigenschappen die is opgenomen in de CSS3-definitie. De meest populaire opties zijn de volgende:

H-shadow:

Voeg een schaduw toe aan uw tekst op de horizontale as. Kies eerst een formaatoptie en voer vervolgens een getal in het veld in. Voer bijvoorbeeld 2px in om een horizontale schaduw toe te voegen die 2 pixels breed is. V-shadow:
Voeg een schaduw toe aan uw tekst op de verticale as. Kies eerst een formaatoptie en voer vervolgens een getal in het veld in. Blur:
Bepaal de mate van onscherpte in de schaduw. Hoe groter het getal, hoe meer de schaduw wordt verspreid of wazig. Kleur:
Voer een hexadecimale kleurcode in om de kleur van de schaduw op te geven of gebruik de pipet om elke kleur op het scherm te samplen. De functies onder aan het deelvenster Tekst, die niet zo vaak worden gebruikt als de andere opties in het tekstvenster, zijn als volgt:

Tekstomzetting:

Wijzig de inhoud van uw tekst. Opties zijn Hoofdletters, Hoofdletters en Kleine letters. Klik op het overeenkomstige pictogram om deze eigenschap in te stellen. Letter-Spacing:
Bepaalt de hoeveelheid witte ruimte tussen letters. Grootte-opties zijn pixel (px), punt (pt), pica (pc), procent (%), em, rem, ex en ch. Woordafstand:
Bepaalt de hoeveelheid witte ruimte tussen woorden ingevoegd. Grootte-opties zijn pixel (px), punt (pt), pica (pc), procent (%), em, rem, ex en ch. (Zie de voorgaande zijbalk "CSS-formaatopties vergelijken.") White-Space:
Laat de browser weten hoe regelreeksen en spaties in een tekstblok moeten worden verwerkt. Uw opties zijn Inherit, Normaal, Nowrap, Pre, Pre-line of Pre-wrap. Nowrap is vooral handig omdat het voorkomt dat elementen worden gescheiden als ze moeten worden ingepakt om in een browservenster of een andere container te passen. Vertical-Align:
Lijnelementen uitlijnen, zoals tekst en afbeeldingen, in relatie tot de elementen eromheen. U kunt een numerieke waarde instellen of Baseline, Sub, Super, Top, Text-Top, Middle, Bottom en Text-Bottom kiezen.