Dreamweaver CS6 LuckyTemplatesi petulehe jaoks

Kui olete veebidisaini alal uustulnuk või olete juba aastaid loonud HTML-lehti, on Adobe Dreamweaver CS6 ideaalne tööriist oma veebisaidi koostamiseks. Versioonis CS6 leiate uue tervituskuva ja toe uusimatele Cascading Style Sheets (CSS3) ja HTML5 versioonidele. Dreamweaver on populaarne programm nii professionaalsete veebidisainerite kui ka inimeste seas, kes soovivad luua saite oma hobide, klubide, perede ja väikeettevõtete jaoks.

Adobe Dreamweaver CS6 tervituskuva

Dreamweaveri hõlpsasti kasutatav graafiline liides ja võimas funktsioonide loend muudavad selle populaarseks valikuks nii professionaalsete veebidisainerite kui ka harrastajate seas. Dreamweaver CS6 pakub iga uue versiooniga uusi funktsioone, kuid alustamiseks leiate endiselt tuttava tervituskuva.

Dreamweaver CS6: tekstivarjude lisamine CSS3 abil

Dreamweaver CS6-s saate täiustada oma kujundust ja anda lehtedele sügavust, lisades tekstivarjud CSS3 reeglitega, mis on uusim veebitehnoloogia. Tekstivarjude lisamine muudab teie sõnade lugemise lihtsamaks, eriti kui teie kujundusel on keeruline taust või kui taustal ja tekstivärvidel puudub kontrastsus.

Krediit: Paul Gual, istockphoto.com

Dreamweaver CS6 toetab CSS3 tekstivarju, kui kasutate paneeli CSS Styles paani Atribuudid. Tekstivarjudega saate luua klassi- või ID-stiile ning olemasolevatele HTML-elementidele saate lisada tekstivarju, määrates sildistiili, näiteks pildil kasutatava päise 1 stiili.

CSS3 kood, mis selle tekstivarju loob, on

h1 {tekst-vari: 2px 2px 3px #000;}

Koodis olevad numbrid täpsustavad, et tekstivari peaks ulatuma 2 pikslit paremale ja 2 pikslit teksti alla 3-pikslise hägususega. Lisaks luuakse vari musta värviga, mida täpsustab lühendatud kuueteistkümnendsüsteemis värvikood #000.

Tekstivarjude reeglite loomisel saate määrata kuni neli väärtust.

• Horisontaalne ja vertikaalne: esimesed kaks numbriväärtust on nõutavad ja määravad horisontaalse ja vertikaalse nihke – kauguse, mille võrra langeb vari teksti alla (horisontaalne) ja tekstist paremale (vertikaalne).

• Hägususe raadius: kolmas väärtus määrab varju hägususe hulga. Kui te hägususe raadiust ei lisa, on vaikeväärtus 0, mis muudab varju ühevärviliseks.

• Värv: neljas väärtus määrab varju värvi ja seda saab määrata kuueteistkümnendsüsteemi või RGBa värvikoodi abil.

Saate lisada tekstivarju, kasutades CSS-stiilide paneeli allservas olevat paani Atribuut, nagu on näidatud pildil. Selleks toimige järgmiselt.

Klõpsake CSS-stiilide atribuutide paani vasakus servas linki Lisa atribuut.

Sisestage CSS3 stiilireegli nimi, tekstivari või valige ripploendist stiilireegel.

Pärast nime ilmumist vasakule ilmub paremale väike nool.

Klõpsake tekstivarjust paremal asuva noole valimiseks.

Ilmub kast.

Sisestage X- ja Y-nihked, hägususe raadius ja värv.

Veebisaidid ja ressursid veebidisaineritele

Kogenud veebidisainerid – olenemata sellest, kas nad kasutavad Adobe Dreamweaverit või muud veebidisaini tarkvara – viitavad sageli veebiressurssidele, et olla kursis oma oskustega ja lisada oma veebisaitidele erifunktsioone. Sellest loendist on lihtne leida veebisaite ja veebiressursse, mis võivad teid veebidisaini projektide puhul aidata.

• Heli- ja videomajutusteenused:

  • Youtube

  • Vimeo

  • SoundCloud

• Blogimine ja CMS-programmid

  • Blogija

  • Joomla

  • MovableType

  • TypePad

  • Tumblr

  • WordPress

• Sotsiaalmeedia jagamisteenused

  • Lisa see

  • Lockerzi jagamine

• Liiklusaruannete teenused:

  • Google Analytics

  • Yahoo! Veebianalüüs

  • HubSpot

• Populaarsed veebibrauserid:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Ooper

• Veebibrauseri testimisteenused:

  • Adobe'i brauseri labor

  • BrowserShots

  • Brauseriülene testimine

  • Spooni brauseri liivakast (endine Xenocode)

• Dreamweaveri, CSS-i ja veebidisaini ressursid:

  • Dreamweaveri arenduskeskus

  • Veebidisaini koolitus saidil DigitalFamily.com

  • W3 teisendab HTML5 ja CSS3 ressursse

  • A List Apart