Kaip naudotis Adobe Dreamweaver

„Adobe Dreamweaver“ yra toks galingas žiniatinklio dizainerių įrankis, nes su juo galite atlikti tiek daug dalykų. Žinoma, dėl visų tų dalykų, kuriuos galite padaryti, mokytis tampa sudėtinga. Sužinokite kai kuriuos iš daugelio dalykų, kuriuos gali padaryti „Dreamweaver“, įskaitant naujausios versijos CS5 pakeitimus. Ir nepamirškite patikrinti dalykų, kurie yra trūksta Dreamweaver CS5.

Svetainės apibrėžimas

• Pradėkite naują svetainę
• Sukurti svetainę
• Nustatykite tik tas svetainės dalis, kurių jums reikia, kai jų reikia * Nauja CS5
• Norėdami atlikti išsamesnes darbo eigas, nustatykite nuotolinius, kokybės užtikrinimo ir testavimo serverius * Naujiena CS5
• Kurti ir skelbti naujus katalogus
• Pakeiskite dokumento tipą
• Į savo puslapius įtraukite metaduomenis

Svetainės paskelbimas

• Apibrėžkite nuotolinę svetainę
• FTP failus į žiniatinklio serverį
• Naudokite versijų valdymo sistemą, kad patikrintumėte failus ir juos ištrauktumėte
• Susisiekite su Subversion, kad galėtumėte labiau valdyti versiją * Naujiena CS5
• Palikite pastabas savo komandos draugams

Interneto puslapių kūrimas

• Parašykite puslapį WYSIWYG režimu
• Parašykite puslapį HTML
• Sukurkite naują puslapį iš šablono
• Sukurkite naują puslapį nuo nulio
• Sukurkite šabloną
• Išsaugokite failus savo svetainės kataloge
• Apibrėžkite puslapio ypatybes

CSS

• Naudokite CSS stiliaus lapus
• Įterptųjų stilių pridėjimas
• Sukurkite išorinį stiliaus lapą
• Pridėkite išorinį stiliaus lapą
• Kurkite klasės, ID, žymos ir sudėtinius CSS parinkiklius
• Redaguokite esamas CSS taisykles
• Sukurkite CSS spausdinamiems puslapiams
• Įgalinti ir išjungti stiliaus ypatybes * Naujiena CS5
• Vizualiai apžiūrėkite CSS dėžutės modelį * Nauja CS5

Tekstas

• Keisti tekstą
• Naudokite skirtingus šriftus
• Įterpkite eilutės pertrauką
• Naudokite specialiuosius simbolius
• Įtraukite šios dienos datą
• Rašyti komentarus
• Taikyti HTML žymės parašyti
• Pridėkite HTML atributus prie žymų

Nuorodos

• Susieti tekstą ir vaizdus
• Patikrinkite svetainės nuorodas
• Pakeiskite numatytąsias nuorodos spalvas (nuoroda, aplankyta, užveskite pelės žymeklį, aktyvi)
• Sukurkite įrankių patarimus dėl nuorodų
• Sukurkite mailto nuorodas
• Sukurkite tinklalapio inkarus

Vaizdai

• Pridėkite grafiką prie puslapio
• Redaguoti vaizdus
• Pakeisti vaizdų dydį
• Pridėkite alternatyvų tekstą prie vaizdų
• Pridėkite papildomų pritaikymo neįgaliesiems parinkčių prie vaizdų
• Sulygiuokite vaizdus ir tekstą
• Sukurkite užvedimo vaizdą
• Naudokite vaizdų žemėlapiai
• Naudokite sekimo vaizdus
• Naudokite vaizdų vietos rezervavimo ženklus
• Įdėkite fejerverkų HTML
• Įdėkite Photoshop failus

Išdėstymas

• Naudokite pridedamus nemokamus šablonus *Nauji CSS pradžios išdėstymai CS5
• Įdėkite divs maketavimui
• Redaguokite divs CSS stilių skydelyje
• Įdėkite visiškai išdėstytus elementus
• Suformatuokite absoliučiai išdėstytus elementus nuosavybės inspektoriuose
• Naudokite liniuotes, tinklelius ir kreipiklius

Sąrašai

• Pridėkite sąrašus su ženkleliais ir numeriais
• Tinkinkite sąrašo ženklelius ir skaičius

Lentelės

• Sukurkite lentelę
• Pridėkite antraštės eilutes ir stulpelius
• Naudokite skaidrūs vaizdai kad lentelės langeliai būtų atviri
• Sukurkite fiksuoto pločio ir lankstaus pločio stulpelius
• Pakeiskite lentelių kraštinių stilius
• Įdėkite lentelę į lentelę
• Importuoti lentelės duomenis

Formos

• Naudokite mailto formą
• Apibrėžkite formos veiksmus
• Pridėkite tekstą, radiją, žymimąjį laukelį, failą, vaizdą, pasirinkimo laukelius ir paslėptus formos laukus
• Padarykite savo formas pasiekiamas naudodami laukų rinkinio ir etikečių laukus
• Sukurkite pasirinktinius pateikimo mygtukus
• Patvirtinkite formas naudodami „JavaScript“ („Spry“)

Duomenų bazės ir PHP scenarijus

• Pridėkite savo svetainę prie duomenų bazės
• Sukurkite PHP/mySQL svetainę
• Norėdami prisijungti prie duomenų bazės, naudokite Spry elementus
• Į savo puslapius įterpkite duomenų objektus
• Išbandykite ir atnaujinkite Spry duomenų šaltinį arba ekraną
• Redaguokite sudėtingas dinamines svetaines dizaino rodinyje
• Atraskite visus dinamiškai susijusius failus, kad sukurtumėte PHP TVS svetaines („WordPress“, „Joomla“ ir „Drupal“) * Naujiena CS5
• Individualizuotos klasės užuomina apie PHP kodą, įskaitant trečiųjų šalių sistemas, tokias kaip „Zend“ sistema * Nauja CS5

Rėmeliai

• Sukurkite įrėmintą svetainę
• Redaguoti noframes turinį
• Formatuokite ir stilizuokite savo rėmelius
• Nustatykite numatytuosius nuorodų taikinius tarp kadrų

Pridėti interaktyvumą

• Sukurkite nuotraukų albumą (nebėra CS5)
• Pridėkite garsą prie tinklalapių
• Sukurkite išskleidžiamąjį meniu
• Naudokite „Dreamweaver“ elgseną norėdami atidaryti iššokančiuosius langus, kurti šuolio meniu, leisti garsą, keistis vaizdais ir kt.
• Pridėkite RSS informacijos santraukas prie svetainės
• Įterpkite „Flash“ tekstą kaip užvedimą
• Įterpti CSS tekstą kaip užvedimą
• Įdėkite kitus papildinius
• Pridėkite Spry meniu juostą, skydelius su skirtukais, akordeoną, įrankio antgalį ir sulankstomą skydelį
• Naudokite valdiklių naršyklę, kad surastumėte naujus savo svetainės valdiklius, nežinant JavaScript

Išbandykite savo puslapius

• Išbandykite savo puslapius tiesioginėje peržiūroje, kad pamatytumėte pakeitimus dėl JavaScript ir interaktyvumo *Naujiena CS5
• Patvirtinkite savo HTML
• Peržiūrėkite savo puslapius keliose naršyklėse
• Naudokite „BrowserLab“, kad peržiūrėtumėte savo puslapius kitose operacinėse sistemose * Naujiena CS5
• Norėdami patikrinti, kaip puslapiai atrodo mobiliuosiuose įrenginiuose, naudokite Device Central
• Patikrinkite naršyklės suderinamumą
• Pakeiskite nustatymus, kad jie atitiktų tai, su kuo jūsų svetainė turi veikti
• Patikrinkite vidines svetainės nuorodas
• Išbandykite savo svetainės prieinamumą (nebėra CS5)
• Konvertuoti a Word dokumentas į HTML

Tinkinkite Dreamweaver

• Pridėti plėtinių
• Išjungti plėtinius
• Tinkinkite Dreamweaver naudodami sparčiuosius klavišus

Padidinkite savo efektyvumą

• Naudokite įtaisytuosius sparčiuosius klavišus
• Naudokite kodo fragmentus
• Kurkite ir naudokite šablonus
• Kurkite naujus puslapius iš tinkintų šablonų
• Atnaujinkite šablonus
• Įtraukite vieną failą į kitą naudodami Dreamweaver biblioteką
• Atnaujinkite bibliotekos elementus
• Įtraukite vieną failą į kitą naudodami SSI
• Naudokite paiešką ir pakeiskite