V Dreamweaverju CS6 lahko izboljšate svoje zasnove in dajete svojim stranem večjo globino, tako da dodate sence besedila s pravili CSS3, najnovejšo spletno tehnologijo. Dodajanje senc besedila olajša branje vaših besed, še posebej, če ima vaš dizajn zapleteno ozadje ali če barve ozadja in besedila nimajo kontrasta.

Zasluge: Paul Gual, istockphoto.com
Dreamweaver CS6 vključuje podporo za sence besedila CSS3, ko uporabljate podokno Lastnosti na plošči Slogi CSS. S sencami besedila lahko ustvarite sloge razreda ali ID-jev, obstoječim elementom HTML pa lahko dodate sence besedila z definiranjem sloga oznake, kot je slog naslova 1, uporabljen na sliki.
Koda CSS3, ki ustvari to senco besedila, je
h1 {besedilna senca: 2px 2px 3px #000;}
Številke v kodi določajo, da mora senca besedila razširiti 2 slikovni piki v desno in 2 slikovni piki pod besedilom z zamegljenostjo 3 slikovnih pik. Poleg tega se senca ustvari s črno barvo, določeno s skrajšano šestnajstiško barvno kodo #000.
Pri ustvarjanju pravil za sence besedila lahko podate do štiri vrednosti:
-
Vodoravno in navpično: prvi dve številski vrednosti sta obvezni in določata vodoravni in navpični odmik — razdaljo, na katero se senca razteza pod besedilom (vodoravno) in desno od besedila (navpično).
-
Polmer zamegljenosti: tretja vrednost določa količino zamegljenosti v senci. Če ne vključite polmera zamegljenosti, je privzeta vrednost 0, zaradi česar je senca videti enobarvna.
-
Barva: četrta vrednost določa barvo sence in jo je mogoče definirati s šestnajstiško barvno kodo ali barvno kodo RGBa.
Besedilno senco lahko dodate z uporabo podokna Lastnosti na dnu plošče Slogi CSS, kot je prikazano na sliki. Če želite to narediti, sledite tem korakom:
Kliknite povezavo Dodaj lastnost na levi strani podokna Lastnosti slogov CSS.
Vnesite ime slogovnega pravila CSS3, senco besedila ali izberite slogovno pravilo s spustnega seznama.
Ko se ime prikaže na levi strani, se na desni prikaže majhna puščica.
Kliknite, da izberete puščico na desni strani sence besedila.
Pojavi se polje.
Vnesite odmike X in Y, polmer zamegljenosti in barvo.