Kā lietot teksta paneli Dreamweaver CSS rekvizītu panelī

Dreamweaver teksta panelī ir opciju kolekcija, kas kontrolē teksta rādīšanu jūsu lapās. Teksta paneļa opcijām varat piekļūt, ritinot uz leju paneli Rekvizīts, līdz tiekat zem sadaļas Izkārtojuma opcijas, vai arī noklikšķinot uz ikonas T paneļa augšdaļā.

Teksta panelī ir iekļautas šādas formatēšanas opcijas:

• Krāsa: iestatiet teksta krāsu. Varat labi noklikšķināt uz krāsas un izvēlēties krāsu, izmantot pilinātāju, lai parādītu jebkuru krāsu ekrānā, vai krāsu laukā ievadīt heksadecimālo krāsas kodu. Ja ievadāt heksadecimālo krāsu kodu, iekļaujiet sākuma mārciņas zīmi (#).

• Font-Family: definējiet fontu saimi vai saimes sēriju. Varat pievienot fontus no vietējā cietā diska vai no Adobe TypeKit, nolaižamā saraksta apakšdaļā izvēloties Pārvaldīt fontus un atverot dialoglodziņu Pārvaldīt fontus.

  

• Fonta stils: ievadiet parasto, slīprakstu vai slīpi. Tomēr slīpraksts un slīpraksts tīmekļa pārlūkprogrammā reti atšķiras, tāpēc izmantojiet slīprakstu, ja vien jums nav īpaša iemesla to nedarīt.

• Fonta variants: mainiet tekstu uz mazajiem burtiem. Rūpīgi pārbaudiet savus dizainus, jo šis atribūts netiek atbalstīts visās pārlūkprogrammās.

• Font-Weight: lai teksts būtu treknrakstā, nolaižamajā sarakstā atlasot Bold vai Bolder. Varat arī ievadīt skaitli no 100 līdz 900, lai precīzāk kontrolētu, cik treknrakstā tiek parādīts teksts. Lai noņemtu treknrakstu formatējumu, izvēlieties Normal vai Lighter.

• Fonta lielums: definējiet teksta lielumu. Varat izvēlēties noteiktu skaitlisko izmēru vai relatīvo izmēru. Izmēra opcijas ir pikseļi (pikseļi), punkts (pt), pica (pc), procenti (%), em, rem, ex un ch. Pikseļi, ems un procenti ir visbiežāk izmantotās teksta izmēru opcijas.

• Line-Height: norādiet tās rindiņas augstumu, uz kuras ir novietots teksts. Līdzīgi kā teksta lielums, jūs varat norādīt rindas augstumu dažādos veidos, tostarp pikseļos, ems un procentos. Tīmeklī ir laba prakse pievienot rindas augstumu, jo, palielinot vietu tekstam, to ir vieglāk lasīt datora ekrānā.

• Teksta līdzināšana: līdzināšana pa kreisi, līdzināšana pa labi, centrēšana vai taisnošana, noklikšķinot uz atbilstošās ikonas. Pirmā ikona Inherit ir noklusējuma ikona. Piemēram, varat centrēt tekstu savas tīmekļa lapas kājenē, iekļaujot teksta līdzināšanai iestatītu uz Centru stila definīcijā, ko lietojat

  tagu lapas apakšā.

• Teksta noformējums: norādiet, vai teksts ir pasvītrots, pārsvītrots, parādīts ar pārsvītrojumu vai ar mirgošanas efektu. Varat arī izvēlēties Nav, ko bieži izmanto, lai noņemtu pasvītrojumu no saistītā teksta.

• Teksta atkāpe : norādiet teksta atkāpes apjomu no lapas kreisās puses, ievadot skaitli vienā no izmēra opcijām, piemēram, pikseļi, ems vai procenti.

Kāpēc tik daudz fontu?

Iespējams, esat dzirdējuši, ka tagad savās tīmekļa lapās varat izmantot jebkuru fontu, ko vēlaties, pateicoties jaunākajai Cascading Style Sheets CSS3 versijai. Šis apgalvojums ir patiess, taču ar dažiem ierobežojumiem: jums ir jābūt likumīgām tiesībām publicēt fontu, un fontam ir jābūt mitinātam tīmekļa serverī.

Lai palīdzētu nodrošināt, ka teksts tiek parādīts tā, kā vēlaties, Dreamweaver ietver Windows un Macintosh datoros visbiežāk izmantoto fontu kolekcijas. Šie fonti ir sagrupēti saimēs, piemēram

• Gotham, Helvetica Nue, Helvetica, Arial, bez serifa

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

Varat izveidot savas fontu kolekcijas, izmantojot dialoglodziņu Pārvaldīt fontus, kas ir pieejams, atlasot opciju Pārvaldīt fontus nolaižamā saraksta Font-Family apakšā panelī Teksts CSS Designer panelī.

Teksta paneļa sadaļa Text-Shadow

Teksta paneļa sadaļa Text-Shadow nodrošina rīkus teksta ēnu pievienošanai, kas ir viens no jaunākajiem CSS rekvizītiem, kas iekļauti CSS3 definīcijā. Populārākās iespējas ir šādas:

• H ēna: pievienojiet tekstam ēnu uz horizontālās ass. Vispirms izvēlieties izmēra opciju un pēc tam laukā ievadiet skaitli. Piemēram, ievadiet 2px, lai pievienotu horizontālu ēnu, kura platums ir 2 pikseļi.

• V veida ēna: pievienojiet tekstam ēnu uz vertikālās ass. Vispirms izvēlieties izmēra opciju un pēc tam laukā ievadiet skaitli.

• Izplūšana: kontrolējiet izplūšanas apjomu ēnā. Jo lielāks skaitlis, jo vairāk ēna ir izkliedēta vai izplūdusi.

• Krāsa: ievadiet heksadecimālo krāsu kodu, lai norādītu ēnas krāsu, vai izmantojiet pilinātāju, lai ekrānā paraugtu jebkuru krāsu.

  

Teksta paneļa apakšā esošās funkcijas, kas nav tik izplatītas kā citas teksta paneļa opcijas, ir šādas:

• Teksta pārveidošana: mainiet teksta reģistru. Iespējas ir lielie burti, lielie un mazie burti. Noklikšķiniet uz atbilstošās ikonas, lai iestatītu šo rekvizītu.

• Burtu atstarpes: definē starp burtiem ievietotās atstarpes daudzumu. Izmēra opcijas ir pikseļi (pikseļi), punkts (pt), pica (pc), procenti (%), em, rem, ex un ch.

• Word-Spacing: definē starp vārdiem ievietotās atstarpes daudzumu. Izmēra opcijas ir pikseļi (pikseļi), punkts (pt), pica (pc), procenti (%), em, rem, ex un ch. (Skatiet iepriekšējo sānjoslu “CSS izmēra opciju salīdzināšana”.)

• Atstarpes: pastāstiet pārlūkprogrammai, kā teksta blokā rīkoties ar rindiņu pārtraukumiem un atstarpēm. Jūsu opcijas ir Mantojums, Normāls, Neiesaiņots, Iepriekš, Pirms rindas vai Pre-wrap. Nowrap ir īpaši noderīgs, jo tas novērš elementu atdalīšanu, ja tiem ir jāiekļaujas pārlūkprogrammas logā vai citā konteinerā.

• Vertical-Align: līdziniet iekļautos elementus, piemēram, tekstu un attēlus, attiecībā pret elementiem, kas tos ieskauj. Varat iestatīt skaitlisku vērtību vai izvēlēties Bāzes līnija, Apakšējā, Super, Augšā, Teksta augšdaļa, Vidējā, Apakšējā un Teksta apakšā.