Kako uporabljati ploščo z besedilom v Dreamweaverjevi plošči lastnosti CSS

Plošča Dreamweaver Text vsebuje zbirko možnosti, ki nadzorujejo prikaz besedila na vaših straneh. Do možnosti plošče Besedilo lahko dostopate tako, da se pomikate navzdol po plošči Lastnosti, dokler ne pridete pod možnosti postavitve, ali s klikom na ikono T na vrhu plošče.

Plošča Besedilo vključuje naslednje možnosti oblikovanja:

• Barva: nastavite barvo besedila. Lahko kliknete vdolbino za barvo in izberete barvo, uporabite kapalko za vzorčenje katere koli barve na zaslonu ali vnesete šestnajstiško barvno kodo v barvno polje. Če vnesete šestnajstiško barvno kodo, vključite začetni znak funta (#).

• Font-Family: Definirajte družino pisav ali vrsto družin. Pisave lahko dodate s svojega lokalnega trdega diska ali iz programa Adobe TypeKit, tako da na dnu spustnega seznama izberete Upravljanje pisav in odprete pogovorno okno Upravljanje pisav.

  

• Slog pisave: Vnesite običajno, ležeče ali poševno. Vendar se ležeča in poševna pisava redko razlikujeta v spletnem brskalniku, zato se držite ležeče pisave, razen če nimate posebnega razloga za to.

• Različica pisave: spremenite besedilo v majhne črke. Previdno preizkusite svoje načrte, ker tega atributa ne podpirajo vsi brskalniki.

• Teža pisave: naredite besedilo krepko tako, da na spustnem seznamu izberete Krepko ali Bolder. Vnesete lahko tudi številko med 100 in 900, da natančneje nadzorujete, kako krepko je besedilo prikazano. Če želite odstraniti krepko oblikovanje, izberite Normalno ali Svetleje.

• Velikost pisave: določite velikost besedila. Izberete lahko določeno številčno velikost ali relativno velikost. Možnosti velikosti so pixel (px), točka (pt), pica (pc), odstotek (%), em, rem, ex in ch. Piksli, ems in odstotki so najpogosteje uporabljene možnosti za velikosti besedila.

• Višina vrstice: Določite višino vrstice, na kateri je besedilo. Podobno kot velikost besedila lahko višino vrstice določite na različne načine, vključno s slikovnimi pikami, ems in odstotki. V spletu je dobra praksa dodati višino vrstice, ker povečanje prostora okoli besedila olajša branje na računalniškem zaslonu.

• Poravnava besedila: poravnaj levo, desno, sredino ali poravnaj svoje besedilo s klikom na ustrezno ikono. Prva ikona za Podedovanje je privzeta. Besedilo lahko na primer centrirate v nogo vaše spletne strani tako, da v definicijo sloga, ki ga uporabite za

  oznako na dnu strani.

• Text-Decoration: Določite, ali je besedilo podčrtano, prečrtano, prikazano s prečrtano ali prikazano z učinkom utripanja. Izberete lahko tudi Brez, ki se pogosto uporablja za odstranjevanje podčrtaja iz povezanega besedila.

• Zamik besedila: določite količino zamika besedila na levi strani strani, tako da vnesete številko v eno od možnosti velikosti, kot so slikovne pike, ems ali odstotki.

Zakaj toliko pisav?

Morda ste že slišali, da lahko zdaj na svojih spletnih straneh uporabljate katero koli pisavo, ki jo želite, zahvaljujoč najnovejši različici Cascading Style Sheets, CSS3. Ta izjava je resnična, vendar z nekaterimi omejitvami: imeti morate zakonsko pravico za objavo pisave, pisava pa mora gostovati na spletnem strežniku.

Dreamweaver vključuje zbirke najpogostejših pisav v računalnikih Windows in Macintosh, da zagotovite, da bo vaše besedilo videti tako, kot želite. Te pisave so združene v družine, kot npr

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

• Cambria, Hoefler Besedilo, Liberation Serif, Times, Times New Roman, Times in serif

Svoje zbirke pisav lahko ustvarite s pogovornim oknom Upravljanje pisav, ki je dostopno tako, da izberete možnost Upravljanje pisav na dnu spustnega seznama Font-Family na plošči Besedilo na plošči CSS Designer.

Razdelek Text-Shadow na plošči Besedilo

Razdelek Text-Shadow na plošči Besedilo ponuja orodja za dodajanje senc besedila, eno najnovejših lastnosti CSS, vključenih v definicijo CSS3. Najbolj priljubljene možnosti so naslednje:

• H-senca: dodajte senco svojemu besedilu na vodoravni osi. Najprej izberite možnost velikosti in nato v polje vnesite številko. Vnesite na primer 2px, da dodate vodoravno senco, ki je široka 2 slikovni piki.

• V-senca: dodajte senco svojemu besedilu na navpični osi. Najprej izberite možnost velikosti in nato v polje vnesite številko.

• Zamegljenost : nadzorujte količino zamegljenosti v senci. Večja kot je številka, bolj je senca razpršena ali zamegljena.

• Barva: vnesite šestnajstiško barvno kodo, da določite barvo sence, ali uporabite kapalko za vzorčenje katere koli barve na zaslonu.

  

Funkcije na dnu plošče z besedilom, ki niso tako pogoste kot druge možnosti plošče z besedilom, so naslednje:

• Preobrazba besedila: spremenite velike in male črke vašega besedila. Možnosti so velike črke, velike in male črke. Kliknite ustrezno ikono, da nastavite to lastnost.

• Razmik med črkami : določa količino belega prostora, vstavljenega med črkami. Možnosti velikosti so pixel (px), točka (pt), pica (pc), odstotek (%), em, rem, ex in ch.

• Besedni razmik: določa količino belega prostora, vstavljenega med besedami. Možnosti velikosti so pixel (px), točka (pt), pica (pc), odstotek (%), em, rem, ex in ch. (Glejte prejšnjo stransko vrstico »Primerjava možnosti velikosti CSS.«)

• Presledek: povejte brskalniku, kako ravna s prelomi vrstic in presledki v bloku besedila. Vaše možnosti so Podeduj, Normalno, Nowrap, Pre, Pre-line ali Pre-wrap. Nowrap je še posebej uporaben, ker preprečuje ločevanje elementov, če se morajo zaviti, da se prilegajo oknu brskalnika ali drugemu vsebniku.

• Vertical-Align: Poravnajte vgrajene elemente, kot so besedilo in slike, glede na elemente, ki jih obdajajo. Nastavite lahko številsko vrednost ali izberete Osnovna črta, Pod, Super, Vrh, Besedilo na vrhu, na sredini, Spodaj in Besedilo na dnu.