Sådan bruger du tekstpanelet i Dreamweavers CSS-egenskabspanel

Dreamweaver-tekstpanelet indeholder en samling af muligheder, der styrer visningen af ​​teksten på dine sider. Du kan få adgang til indstillingerne i tekstpanelet ved at rulle ned i panelet Egenskab, indtil du kommer under layoutindstillingerne, eller ved at klikke på T-ikonet øverst i panelet.

Tekstpanelet indeholder følgende formateringsmuligheder:

• Farve: Indstil tekstfarven. Du kan klikke på farvebrønden og vælge en farve, bruge pipetten til at prøve en hvilken som helst farve på skærmen eller indtaste en hexadecimal farvekode i farvefeltet. Hvis du indtaster en hexadecimal farvekode, skal du inkludere det begyndende pundtegnet (#).

• Skrifttypefamilie: Definer en skrifttypefamilie eller en række familier. Du kan tilføje skrifttyper fra din lokale harddisk eller fra Adobe TypeKit ved at vælge Administrer skrifttyper i bunden af ​​rullelisten og åbne dialogboksen Administrer skrifttyper.

• Skrifttype: Indtast Normal, Kursiv eller Skrå. Kursiv og skrå er dog sjældent forskellige i en webbrowser, så hold dig til kursiv, medmindre du har en specifik grund til at lade være.

• Skrifttypevariant: Skift tekst til små bogstaver. Test dine designs omhyggeligt, fordi denne egenskab ikke understøttes af alle browsere.

• Skrifttypevægt: Få tekst til at fremstå fed ved at vælge Fed eller Fed på rullelisten. Du kan også indtaste et tal mellem 100 og 900 for mere præcist at kontrollere, hvor fed teksten vises. For at fjerne fed formatering skal du vælge Normal eller Lysere.

• Skriftstørrelse: Definer størrelsen på teksten. Du kan vælge en specifik numerisk størrelse eller en relativ størrelse. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. Pixels, ems og procenter er de mest almindeligt anvendte muligheder for tekststørrelser.

• Linjehøjde: Angiv højden på linjen, hvorpå teksten er placeret. Ligesom tekststørrelse kan du angive linjehøjde på en række forskellige måder, herunder pixels, ems og procenter. Det er god praksis på nettet at tilføje linjehøjde, fordi øget plads omkring din tekst gør det lettere at læse på en computerskærm.

• Tekstjustering: Venstrejuster, højrejuster, centrer eller juster din tekst ved at klikke på det tilsvarende ikon. Det første ikon, for Inherit, er standard. Du kan f.eks. centrere teksten i sidefoden på din webside ved at inkludere Text-Align sat til Center i definitionen af ​​en typografi, du anvender på

  tag nederst på siden.

• Tekst-dekoration: Angiv, om tekst er understreget, overstreget, vist med gennemstregning eller vist med blinkeffekt. Du kan også vælge Ingen, som ofte bruges til at fjerne understregningen fra linket tekst.

• Tekstindrykning: Angiv, hvor meget teksten skal indrykkes fra venstre side af siden ved at indtaste et tal i en af ​​størrelsesindstillingerne, såsom pixels, ems eller procenter.

Hvorfor så mange skrifttyper?

Du har måske hørt, at du nu kan bruge enhver skrifttype, du ønsker på dine websider, takket være den seneste version af Cascading Style Sheets, CSS3. Denne erklæring er sand, men med nogle begrænsninger: Du skal have den juridiske ret til at udgive skrifttypen, og skrifttypen skal være hostet på en webserver.

For at sikre, at din tekst vises, som du har til hensigt, inkluderer Dreamweaver samlinger af de mest almindelige skrifttyper på Windows- og Macintosh-computere. Disse skrifttyper er grupperet i familier, som f.eks

• Gotham, Helvetica Nue, Helvetica, Arial, sans serif

• Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, Times og serif

Du kan oprette dine egne skrifttyper ved at bruge dialogboksen Administrer skrifttyper, som er tilgængelig ved at vælge indstillingen Administrer skrifttyper nederst på rullelisten Skrifttypefamilie i tekstpanelet i panelet CSS Designer.

Tekst-Shadow-sektionen i tekstpanelet

Tekst-Shadow-sektionen i Tekst-panelet indeholder værktøjer til at tilføje tekstskygger, en af ​​de nyeste CSS-egenskaber inkluderet i CSS3-definitionen. De mest populære muligheder er følgende:

• H-skygge: Tilføj en skygge til din tekst på den vandrette akse. Vælg først en størrelsesmulighed, og indtast derefter et tal i feltet. Indtast f.eks. 2px for at tilføje en vandret skygge, der er 2 pixels bred.

• V-skygge: Tilføj en skygge til din tekst på den lodrette akse. Vælg først en størrelsesmulighed, og indtast derefter et tal i feltet.

• Sløring: Styr mængden af ​​sløring i skyggen. Jo større tal, jo mere er skyggen spredt ud eller sløret.

• Farve: Indtast en hexadecimal farvekode for at angive farven på skyggen, eller brug pipetten til at prøve en hvilken som helst farve på skærmen.

Funktionerne i bunden af ​​tekstpanelet, som ikke er så almindelige som de andre tekstpanelindstillinger, er som følger:

• Tekst-transformer: Skift store og små bogstaver i din tekst. Indstillingerne er store bogstaver, store bogstaver og små bogstaver. Klik på det tilsvarende ikon for at indstille denne egenskab.

• Letter-Spacing: Definerer mængden af ​​hvidt mellemrum, der er indsat mellem bogstaver. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch.

• Ord-mellemrum: Definerer mængden af ​​mellemrum, der er indsat mellem ordene. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. (Se den foregående sidebjælke "Sammenligning af CSS-størrelsesindstillinger.")

• White-Space: Fortæl browseren, hvordan den skal håndtere linjeskift og mellemrum i en tekstblok. Dine muligheder er Inherit, Normal, Nowrap, Pre, Pre-line eller Pre-wrap. Nowrap er især nyttigt, fordi det forhindrer elementer i at blive adskilt, hvis de skal ombrydes for at passe ind i et browservindue eller en anden beholder.

• Lodret-justering: Juster inline-elementer, såsom tekst og billeder, i forhold til de elementer, der omgiver dem. Du kan indstille en numerisk værdi eller vælge Baseline, Sub, Super, Top, Text-Top, Middle, Bottom og Text-Bottom.