A szöveg panel használata a Dreamweaver CSS tulajdonságpaneljén

A Dreamweaver Szöveg panel olyan opciókat tartalmaz, amelyek szabályozzák a szöveg megjelenítését az oldalakon. A Szöveg panel beállításai eléréséhez görgessen lefelé a Tulajdonság panelen, amíg az Elrendezési beállítások alá nem ér, vagy kattintson a panel tetején lévő T ikonra.

A Szöveg panel a következő formázási lehetőségeket tartalmazza:

• Szín: Állítsa be a szöveg színét. Jól rákattinthat a színre, és kiválaszthat egy színt, használhatja a pipettát a képernyő bármely színének mintájára, vagy beírhat egy hexadecimális színkódot a színmezőbe. Ha hexadecimális színkódot ad meg, adja meg a kezdő font jelét (#).

• Font-Family: Betűtípuscsalád vagy családok sorozatának meghatározása. Hozzáadhat betűtípusokat a helyi merevlemezről vagy az Adobe TypeKit programból, ha a legördülő lista alján válassza a Betűtípusok kezelése lehetőséget, és elindítja a Betűtípusok kezelése párbeszédpanelt.

  

• Betűstílus: Írja be : Normal, Italic vagy Oblique. A dőlt és a ferde betű azonban ritkán különbözik egy webböngészőben, ezért maradjon a dőlt betűnél, hacsak nincs konkrét oka, hogy ne tegye.

• Font-variáns: A szöveg módosítása kisbetűsre. Gondosan tesztelje a terveket, mert ezt az attribútumot nem minden böngésző támogatja.

• Font-Weight: A legördülő listából válassza ki a Bold (félkövér) vagy Bolder (félkövér) lehetőséget, hogy a szöveg félkövéren jelenjen meg. 100 és 900 közötti számot is megadhat a szöveg félkövér megjelenésének pontosabb szabályozásához. A félkövér formázás eltávolításához válassza a Normál vagy a Világosabb lehetőséget.

• Font-Size: Határozza meg a szöveg méretét. Kiválaszthat egy adott numerikus méretet vagy egy relatív méretet. A méretbeállítások a következők: pixel (px), pont (pt), pica (pc), százalék (%), em, rem, ex és ch. A képpontok, az ems és a százalékok a szövegméretek leggyakrabban használt beállításai.

• Vonalmagasság: Adja meg annak a sornak a magasságát, amelyre a szöveg kerül. A szövegmérethez hasonlóan a sor magasságát többféleképpen is megadhatja, beleértve a képpontokat, az ems-eket és a százalékokat. Az interneten bevált gyakorlat a sormagasság hozzáadása, mert a szöveg körüli tér növelése megkönnyíti az olvasást a számítógép képernyőjén.

• Szöveg igazítása: Balra igazítás, jobbra igazítás, középre igazítás vagy sorkizárás a megfelelő ikonra kattintva. Az Inherit első ikonja az alapértelmezett. Például középre állíthatja a szöveget a weboldal láblécében úgy, hogy belefoglalja a Szövegigazítást Középre állítva egy stílus definíciójába, amelyet alkalmaz

  címkét az oldal alján.

• Szövegdekoráció: Adja meg, hogy a szöveg aláhúzott, áthúzott, áthúzott vagy villogó effektussal jelenjen-e meg . Választhatja a Nincs lehetőséget is, amelyet gyakran használnak az aláhúzások eltávolítására a hivatkozott szövegből.

• Szöveg behúzás: Adja meg a szöveg behúzásának mértékét az oldal bal oldalán úgy, hogy beír egy számot a méretbeállítások egyikébe, például pixel, ems vagy százalék.

Miért olyan sok betűtípus?

Talán hallott már arról, hogy a Cascading Style Sheets legújabb verziójának, a CSS3-nak köszönhetően mostantól bármilyen betűtípust használhat weboldalain. Ez az állítás igaz, de bizonyos korlátozásokkal: Önnek rendelkeznie kell a betűtípus közzétételének törvényes jogával, és a betűtípust webszerveren kell tárolni.

Annak érdekében, hogy a szöveg a kívánt módon jelenjen meg, a Dreamweaver tartalmazza a Windows és Macintosh számítógépeken leggyakoribb betűtípusok gyűjteményét. Ezek a betűtípusok családokba vannak csoportosítva, mint pl

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

• Cambria, Hoefler szöveg, Liberation Serif, Times, Times New Roman, Times és serif

Saját betűkészlet-gyűjteményeket hozhat létre a Betűtípusok kezelése párbeszédpanelen, amely a CSS Designer panel Szöveg paneljének Betűtípus-család legördülő lista alján található Betűtípusok kezelése lehetőség kiválasztásával érhető el.

A Szöveg panel Szöveg-árnyék része

A Szöveg panel Szöveg-árnyék szakasza eszközöket biztosít a szövegárnyékok hozzáadásához, amely a CSS3 definíciójában szereplő egyik legújabb CSS-tulajdonság. A legnépszerűbb lehetőségek a következők:

• H-árnyék: Adjon hozzá egy árnyékot a szöveghez a vízszintes tengelyen. Először válasszon egy méretet, majd írjon be egy számot a mezőbe. Például írja be a 2px értéket egy 2 képpont széles vízszintes árnyék hozzáadásához.

• V-shadow: Adjon hozzá egy árnyékot a szöveghez a függőleges tengelyen. Először válasszon egy méretet, majd írjon be egy számot a mezőbe.

• Elmosás: szabályozza az elmosódás mértékét az árnyékban. Minél nagyobb a szám, annál jobban szétterül vagy elmosódik az árnyék.

• Szín: Írjon be egy hexadecimális színkódot az árnyék színének megadásához, vagy használja a pipettát a képernyő bármely színének mintájára.

  

A Szöveg panel alján található szolgáltatások, amelyek nem olyan gyakoriak, mint a többi Szöveg panel opció, a következők:

• Szövegátalakítás: A szöveg kis- és nagybetűjének módosítása. A lehetőségek a nagybetűk, a nagybetűk és a kisbetűk. Kattintson a megfelelő ikonra a tulajdonság beállításához.

• Letter-Spacing: Meghatározza a betűk közé beszúrt szóköz mértékét. A méretbeállítások a következők: pixel (px), pont (pt), pica (pc), százalék (%), em, rem, ex és ch.

• Szóköz : Meghatározza a szavak közé beszúrt szóköz mennyiségét. A méretbeállítások a következők: pixel (px), pont (pt), pica (pc), százalék (%), em, rem, ex és ch. (Lásd az előző oldalsávot „A CSS-méretbeállítások összehasonlítása”.)

• Szóköz: Mondja el a böngészőnek, hogyan kezelje a sortöréseket és a szóközöket egy szövegblokkban. A lehetőségek a következők: Inherit, Normal, Nowrap, Pre, Pre-line vagy Pre-wrap. A Nowrap különösen hasznos, mert megakadályozza az elemek szétválasztását, ha tördelniük kell, hogy elférjenek egy böngészőablakban vagy egy másik tárolóban.

• Függőleges igazítás: A soron belüli elemek, például szöveg és képek igazítása az őket körülvevő elemekhez. Beállíthat egy számértéket, vagy választhat a Baseline, Sub, Super, Top, Text-Top, Middle, Bottom és Text-Bottom lehetőségek közül.