V Dreamweaverju lahko izboljšate svoje zasnove in svojim stranem daste večjo globino z dodajanjem padajočih senc slikam,
oznake in drugi elementi. Dodajanje senc besedila olajša branje vaših besed, še posebej, če ima vaš dizajn zapleteno ozadje ali če barve ospredja in ozadja nimajo kontrasta.
Zasluge: fotografija iStockphoto.com
Dreamweaver CC zagotavlja boljšo podporo in integracijo padajočih senc CSS3 in senc besedila iz nove plošče CSS Designer.
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 tukaj prikazan slog naslova 1. Koda CSS3, ki ustvari to senco besedila, je
h1 {text-shadow: 2px 2px 2px #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 2 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:
-
horizontalno 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 ( navpično ) in desno od besedila (vodoravno).
-
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.
Izbira barve RGBa za možnost Color vam omogoča večji nadzor nad videzom sence, saj lahko dodate prosojnost.
Besedilno senco lahko dodate z uporabo plošče Lastnosti na dnu plošče CSS Designer. Če želite to narediti, sledite tem korakom:
Pomaknite se navzdol do razdelka Text-Shadow na plošči Lastnosti oblikovalca CSS.
Vnesite velikost sence, ki jo želite prikazati, s polji H-senca (vodoravno) in V-senca (navpično).
Dodajte količino zamegljenosti, ki jo želite za senco besedila, tako da vnesete velikost v polje Blur.
Kliknite vdolbino za barvo in izberite barvo, ki jo želite uporabiti v senci besedila.
