Dreamweaver CS6 For LuckyTemplates apkrāptu lapa

Ja esat iesācējs tīmekļa dizainā vai jau gadiem ilgi veidojat HTML lapas, Adobe Dreamweaver CS6 ir ideāls rīks jūsu vietnes izveidei. Versijā CS6 ir jauns sveiciena ekrāns un atbalsts jaunākajām kaskādes stila lapām (CSS3) un HTML5. Dreamweaver ir populāra programma profesionālu tīmekļa dizaineru vidū, kā arī to cilvēku vidū, kuri vēlas izveidot vietnes saviem vaļaspriekiem, klubiem, ģimenēm un maziem uzņēmumiem.

Adobe Dreamweaver CS6 sveiciena ekrāns

Dreamweaver ērti lietojamais grafiskais interfeiss un jaudīgais funkciju saraksts padara to par populāru izvēli profesionālu tīmekļa dizaineru, kā arī hobiju vidū. Ar katru jauno versiju Dreamweaver CS6 piedāvā jaunas funkcijas, taču jūs joprojām atradīsit pazīstamo sveiciena ekrānu, kas palīdzēs sākt darbu.

Dreamweaver CS6: teksta ēnu pievienošana, izmantojot CSS3

Programmā Dreamweaver CS6 varat uzlabot savus dizainus un piešķirt lapām lielāku dziļumu, pievienojot teksta ēnas ar CSS3 kārtulām, kas ir jaunākās tīmekļa tehnoloģijas. Teksta ēnu pievienošana padara vārdus vieglāk lasāmus, īpaši, ja jūsu noformējumam ir sarežģīts fons vai ja fona un teksta krāsām trūkst kontrasta.

Autors: Pols Guals, istockphoto.com

Dreamweaver CS6 ietver atbalstu CSS3 teksta ēnām, ja izmantojat rūti Rekvizīti panelī CSS stili. Varat izveidot klases vai ID stilus ar teksta ēnām, kā arī esošajiem HTML elementiem pievienot teksta ēnas, definējot tagu stilu, piemēram, attēlā izmantoto virsraksta 1 stilu.

CSS3 kods, kas rada šo teksta ēnu, ir

h1 {text-shadow: 2px 2px 3px #000;}

Cipari kodā norāda, ka teksta ēnai ir jāpaplašina 2 pikseļi pa labi un 2 pikseļi zem teksta ar 3 pikseļu izplūšanu. Turklāt ēna tiek izveidota ar melnu krāsu, kas norādīta ar saīsināto heksadecimālo krāsu kodu #000.

Veidojot kārtulas teksta ēnām, varat norādīt līdz četrām vērtībām:

• Horizontāli un vertikāli: ir nepieciešamas pirmās divas skaitļu vērtības, un tās norāda horizontālās un vertikālās nobīdes — attālumu, kādā krītošā ēna sniedzas zem teksta (horizontāli) un pa labi no teksta (vertikāli).

• Izplūduma rādiuss: trešā vērtība norāda izplūšanas apjomu ēnā. Ja neietverat izplūšanas rādiusu, noklusējuma vērtība ir 0, tādējādi ēna tiek rādīta kā vienkrāsaina.

• Krāsa: ceturtā vērtība norāda ēnas krāsu, un to var definēt, izmantojot heksadecimālo krāsu kodu vai RGBa krāsu kodu.

Varat pievienot teksta ēnu, izmantojot rūti Rekvizīti paneļa CSS stili apakšā, kā parādīts attēlā. Lai to izdarītu, veiciet tālāk norādītās darbības.

Noklikšķiniet uz saites Pievienot īpašumu, kas atrodas CSS stilu rekvizītu rūts kreisajā pusē.

Ievadiet CSS3 stila kārtulas nosaukumu, teksta ēnu vai atlasiet stila kārtulu nolaižamajā sarakstā.

Pēc nosaukuma parādīšanās kreisajā pusē parādās maza bultiņa labajā pusē.

Noklikšķiniet, lai atlasītu bultiņu pa labi no teksta ēnas.

Parādās lodziņš.

Ievadiet X un Y nobīdes, izplūduma rādiusu un krāsu.

Vietnes un resursi tīmekļa dizaineriem

Pieredzējuši tīmekļa dizaineri — neatkarīgi no tā, vai viņi izmanto Adobe Dreamweaver vai citu tīmekļa dizaina programmatūru — bieži atsaucas uz tiešsaistes resursiem, lai neatpaliktu no savām prasmēm un pievienotu savām vietnēm īpašas funkcijas. Šis saraksts atvieglo dažu vietņu un tiešsaistes resursu atrašanu, kas var palīdzēt jūsu tīmekļa dizaina projektos.

• Audio un video hostinga pakalpojumi:

  • YouTube

  • Vimeo

  • SoundCloud

• Emuāri un CMS programmas

  • Blogger

  • Joomla

  • MovableType

  • TypePad

  • Tumblr

  • WordPress

• Sociālo mediju koplietošanas pakalpojumi

  • Pievienot šo

  • Lockerz Share

• Satiksmes ziņošanas pakalpojumi:

  • Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

• Populāras tīmekļa pārlūkprogrammas:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

• Tīmekļa pārlūkprogrammas testēšanas pakalpojumi:

  • Adobe pārlūkprogrammas laboratorija

  • BrowserShots

  • Pārrobežu pārlūkprogrammu pārbaude

  • Browser Sandbox no Spoon (iepriekš Xenocode)

• Dreamweaver, CSS un tīmekļa dizaina resursi:

  • Dreamweaver izstrādātāju centrs

  • Web dizaina apmācība vietnē DigitalFamily.com

  • W3 pārveido HTML5 un CSS3 resursus

  • A List Apart