Si të përdorni panelin e tekstit në panelin e vetive CSS të Dreamweaver

Paneli Dreamweaver Text përmban një koleksion opsionesh që kontrollojnë shfaqjen e tekstit në faqet tuaja. Mund t'i qaseni opsioneve të panelit të tekstit duke lëvizur poshtë panelit "Property" derisa të shkoni poshtë opsioneve të paraqitjes ose duke klikuar ikonën T në krye të panelit.

Paneli i tekstit përfshin opsionet e mëposhtme të formatimit:

• Ngjyra: Vendosni ngjyrën e tekstit. Mund të klikoni mirë ngjyrën dhe të zgjidhni një ngjyrë, të përdorni pikatoren për të mostruar çdo ngjyrë në ekran ose të vendosni një kod heksadecimal ngjyrash në fushën e ngjyrave. Nëse vendosni një kod heksadecimal ngjyrash, përfshini shenjën e fillimit të paundit (#).

• Font-Family: Përcaktoni një familje shkronjash ose një seri familjesh. Mund të shtoni fonte nga hard disku juaj lokal ose nga Adobe TypeKit duke zgjedhur Menaxho Fonts në fund të listës rënëse dhe duke hapur kutinë e dialogut Menaxho Fonts.

  

• Stili i shkronjave: Futni Normal, Italik ose Oblique. Megjithatë, italic dhe zhdrejtë janë rrallë të ndryshme në një shfletues ueb, kështu që qëndroni me italic përveç nëse keni një arsye specifike për të mos.

• Font-Variant: Ndrysho tekstin në shkronja të vogla. Testoni dizajnet tuaja me kujdes sepse ky atribut nuk mbështetet nga të gjithë shfletuesit.

• Font-Weight: Bëje tekstin të duket i trashë duke zgjedhur Bold ose Bolder nga lista rënëse. Mund të futni gjithashtu një numër midis 100 dhe 900 për të kontrolluar më saktë se sa shkronja shfaqet teksti. Për të hequr formatimin e theksuar, zgjidhni Normal ose Më të lehtë.

• Font-Size: Përcaktoni madhësinë e tekstit. Ju mund të zgjidhni një madhësi numerike specifike ose një madhësi relative. Opsionet e madhësisë janë pixel (px), pika (pt), pica (pc), përqindje (%), em, rem, ex dhe ch. Piksele, ems dhe përqindje janë opsionet më të përdorura për madhësitë e tekstit.

• Line-Height: Specifikoni lartësinë e rreshtit në të cilin vendoset teksti. Ashtu si madhësia e tekstit, ju mund të specifikoni lartësinë e rreshtit në mënyra të ndryshme, duke përfshirë pikselët, ems dhe përqindjet. Është praktikë e mirë në ueb për të shtuar lartësinë e rreshtit sepse rritja e hapësirës rreth tekstit tuaj e bën më të lehtë leximin në ekranin e kompjuterit.

• Text-Align: Përafrimi majtas, rreshtimi djathtas, në qendër ose justifikoni tekstin tuaj duke klikuar ikonën përkatëse. Ikona e parë, për Trashëgimin, është e paracaktuar. Për shembull, mund ta përqendroni tekstin në fundin e faqes tuaj të internetit duke përfshirë Text-Align të vendosur në qendër në përkufizimin e një stili që aplikoni në

  tag në fund të faqes.

• Text-Decoration: Specifikoni nëse teksti është i nënvizuar, i mbivijëzuar, i shfaqur me një vijëzim ose i shfaqur me efektin e ndezjes. Ju gjithashtu mund të zgjidhni Asnjë, i cili përdoret shpesh për të hequr nënvizimin nga teksti i lidhur.

• Tekst-Indent: Specifikoni sasinë që teksti do të futet në anën e majtë të faqes duke futur një numër në një nga opsionet e madhësisë, si p.sh. pikselë, ems ose përqindje.

Pse kaq shumë fonte?

Mund të keni dëgjuar se tani mund të përdorni çdo font që dëshironi në faqet tuaja të internetit, falë versionit më të fundit të Cascading Style Sheets, CSS3. Kjo deklaratë është e vërtetë, por me disa kufizime: Ju duhet të keni të drejtën ligjore për të publikuar fontin dhe fonti duhet të jetë i pritur në një server në internet.

Për të siguruar që teksti juaj të shfaqet ashtu siç keni ndërmend, Dreamweaver përfshin koleksione të shkronjave më të zakonshme në kompjuterët Windows dhe Macintosh. Këto fonte grupohen në familje, si p.sh

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

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

Ju mund të krijoni koleksionet tuaja të shkronjave duke përdorur kutinë e dialogut Menaxho Fonts, e cila është e aksesueshme duke zgjedhur opsionin Menaxho Fonts në fund të listës rënëse Font-Family në panelin Text në panelin CSS Designer.

Seksioni Text-Shadow i panelit Text

Seksioni Text-Shadow i panelit Text ofron mjete për shtimin e hijeve të tekstit, një nga vetitë më të reja të CSS të përfshirë në përkufizimin CSS3. Opsionet më të njohura janë si më poshtë:

• H-hije: Shtoni një hije në tekstin tuaj në boshtin horizontal. Fillimisht zgjidhni një opsion madhësie dhe më pas vendosni një numër në fushë. Për shembull, futni 2 pikselë, për të shtuar një hije horizontale me gjerësi 2 pikselë.

• V-hije: Shtoni një hije në tekstin tuaj në boshtin vertikal. Fillimisht zgjidhni një opsion madhësie dhe më pas vendosni një numër në fushë.

• Blur: Kontrolloni sasinë e turbullimit në hije. Sa më i madh të jetë numri, aq më shumë hija shtrihet ose turbullohet.

• Ngjyra: Futni një kod heksadecimal ngjyrash për të specifikuar ngjyrën e hijes ose përdorni pikatoren për të mostruar çdo ngjyrë në ekran.

  

Karakteristikat në fund të panelit të tekstit, të cilat nuk janë aq të zakonshme sa opsionet e tjera të panelit të tekstit, janë si më poshtë:

• Text-Transform: Ndryshoni rastin e tekstit tuaj. Opsionet janë shkronja të mëdha, të mëdha dhe të vogla. Klikoni ikonën përkatëse për të vendosur këtë pronë.

• Hapësira e shkronjave: Përcakton sasinë e hapësirës së bardhë të futur midis shkronjave. Opsionet e madhësisë janë pixel (px), pika (pt), pica (pc), përqindje (%), em, rem, ex dhe ch.

• Hapësira e fjalëve: Përcakton sasinë e hapësirës së bardhë të futur midis fjalëve. Opsionet e madhësisë janë pixel (px), pika (pt), pica (pc), përqindje (%), em, rem, ex dhe ch. (Shihni shiritin anësor të mëparshëm "Krahasimi i opsioneve të madhësisë CSS.")

• Hapësira e bardhë: Tregojini shfletuesit se si të trajtojë ndërprerjet dhe hapësirat e rreshtave në një bllok teksti. Opsionet tuaja janë Trashëgimi, Normal, Nowrap, Pre, Pre-line ose Para-Wrap. Nowrap është veçanërisht i dobishëm sepse parandalon ndarjen e elementeve nëse duhet të mbështillen për t'u përshtatur brenda një dritareje shfletuesi ose një kontejner tjetër.

• Vertical-Align: Lidhni elementët e linjës, si teksti dhe imazhet, në lidhje me elementët që i rrethojnë. Mund të vendosni një vlerë numerike ose të zgjidhni "Bazë", "Nën", "Super", "Lart", "Text-Top", "Middle", "Bottom" dhe "Text-Bottom".