Skip to main content

Kaip naudotis "Adobe Dreamweaver"

Anonim

"Adobe Dreamweaver" yra tokia galinga interneto dizainerių priemonė, nes joje yra tiek daug dalykų, kuriuos galite padaryti. Žinoma, visi šie dalykai, kuriuos galite padaryti, apsunkina mokymąsi. Susipažinkite su daugeliu dalykų, kuriuos "Dreamweaver" gali padaryti, įskaitant pakeitimus naujausioje versijoje "CS5". Ir nepamirškite patikrinti dalykų, kurie trūksta Dreamweaver CS5.

Svetainės nustatymas

  • Pradėkite naują svetainę
  • Sukurkite svetainę
  • Nustatykite tik jums reikalingas svetainės dalis, kai jums jų reikia * Naujas CS5
  • Nustatykite nuotolines, QA ir testavimo serverius, kad gautumėte daugiau išsamių darbo eigos. * Naujas CS5
  • Sukurkite ir išleiskite naujus katalogus
  • Pakeiskite "doctype"
  • Įtraukite metaduomenis į savo puslapius

Svetainės gyvavimas

  • Nustatykite nuotolinę svetainę
  • FTP failus į žiniatinklio serverį
  • Naudokite versijų valdymo sistemą, kad patikrintumėte failus ir iš jų
  • Susisiekite su "Subversion", kad galėtumėte naudoti pažangesnę versijų valdymo funkciją * Naujas CS5
  • Palikite pastabas savo komandos nariams

Interneto svetainių kūrimas

  • Parašykite puslapį WYSIWYG režimu
  • Rašykite puslapį HTML
  • Sukurkite naują puslapį iš šablono
  • Sukurkite naują puslapį nuo nulio
  • Sukurkite šabloną
  • Išsaugokite failus į savo svetainės katalogą
  • Nurodykite puslapio savybes

CSS

  • Naudokite CSS stiliaus lapus
  • Įtraukti įprastus stilius
  • Sukurkite išorinį stiliaus lapą
  • Prisekite išorinį stiliaus lapą
  • Sukurkite klasę, ID, žymą ir sudėtinius CSS selektorius
  • Redaguoti esamas CSS taisykles
  • Sukurkite CSS spausdinamų puslapių
  • Įgalinti ir išjungti stiliaus savybes * Naujas CS5
  • CSS dėžės modelis patikrinamas vizualiai * Naujas CS5

Tekstas

  • Keisti tekstą
  • Naudokite skirtingus šriftus
  • Įterpti eilutės pertrauką
  • Naudokite specialius simbolius
  • Įtraukti šiandieninę datą
  • Rašyti komentarus
  • Taikyti HTML žymeles tekstui
  • Pridėti žymių HTML atributus

Nuorodos

  • Susieti tekstą ir vaizdus
  • Patikrinkite svetainės nuorodas
  • Pakeiskite numatytojo spalvų nuorodų nuorodą (nuoroda, aplankyta, užveskite pelę, aktyvi)
  • Kurti patarimų apie nuorodas įrankių
  • Sukurkite mailto nuorodas
  • Sukurkite tinklalapio inkarus

Vaizdai

  • Pridėti grafiką į puslapį
  • Redaguoti vaizdus
  • Keisti vaizdų dydį
  • Pridėti alt tekstą į paveikslėlius
  • Pridėkite papildomų vaizdų prieinamumo parinkčių
  • Sureguliuokite vaizdus ir tekstą
  • Sukurkite apverstą vaizdą
  • Naudokite vaizdo žemėlapius
  • Naudokite atsekamųjų vaizdų
  • Naudokite vaizdo užpildų
  • Įterpti fejerverkus HTML
  • Įterpti Photoshop failus

Maketas

  • Naudokite pridėtus nemokamus šablonus * Nauji CSS starterių išdėstymai CS5
  • Įdėkite divus išdėstymą
  • Redaguokite divs CSS stilių skydelyje
  • Įdėkite visiškai išdėstytus elementus
  • Formatuokite visiškai statytus elementus turto inspektoriuje
  • Naudokite valdiklius, tinklus ir vadovus

Sąrašai

  • Pridėti pažymėtus ir sunumeruotus sąrašus
  • Tinkinti sąrašo kulkas ir numerius

Lentelės

  • Sukurkite stalą
  • Pridėti antraščių eilutes ir stulpelius
  • Naudokite skaidrius vaizdus, ​​kad galėtumėte atidaryti lentelės langelius
  • Sukurkite fiksuoto pločio ir lanksčios pločio stulpelius
  • Pakeiskite lentelių sienų stilius
  • Įterpti lentelę į lentelę
  • Importuoti lentelių duomenis

Formos

  • Naudokite mailto formą
  • Nustatykite formos veiksmus
  • Pridėti tekstą, radiją, žymimąjį laukelį, failą, atvaizdą, pasirinkti langelius ir paslėptus formos laukus
  • Padarykite savo formas prieinamą su lauko ir etikečių laukais
  • Sukurkite pasirinktinius pateikimo mygtukus
  • Patvirtinkite formas su "JavaScript" ("Spry")

Duomenų bazės ir PHP scenarijus

  • Pridėkite savo svetainę į duomenų bazę
  • Sukurkite PHP / mySQL svetainę
  • Naudokite "Spry" elementus prisijungti prie duomenų bazės
  • Įdėkite duomenų objektus į savo puslapius
  • Išbandykite ir atnaujinkite Spry duomenų šaltinį arba ekraną
  • Redaguoti sudėtingas dinamines svetaines dizaino vaizde
  • Atraskite visus dinamiškai susietus failus, kad surinktumėte PHP CMS svetaines (WordPress, Joomla ir Drupal) * Naujas CS5
  • Individualizuota PHP kodo pamoka, įskaitant trečiųjų šalių sistemas, pvz., "Zend Framework" * Naujas CS5

Rėmai

  • Sukurkite suprojektuotą svetainę
  • Redaguoti noframe turinį
  • Formuoti ir stilizuoti rėmelius
  • Nustatykite numatytąsias nuorodas taikant tarp rėmelių

Pridėti interaktyvumą

  • Sukurkite nuotraukų albumą (nebe "CS5")
  • Pridėti garsą į tinklalapius
  • Sukurkite išskleidžiamąjį meniu
  • Naudokitės "Dreamweaver" elgesiu, kad atidarytumėte iššokančius langus, kurkite naršymo meniu, paleiskite garsą, keiskite vaizdus ir dar daugiau
  • Pridėkite RSS kanalus prie svetainės
  • Įterpti "Flash" tekstą kaip "rollover"
  • Įterpti CSS tekstą kaip "rollover"
  • Įdėkite kitus papildinius
  • Pridėkite "Spry" meniu juostą, skirtukų plokštes, akordeoną, įrankio viršūnę ir sulankstomą skydelį
  • Naudodamiesi naršyklių piktogramomis, raskite naujus savo svetainės valdiklius, nereikia žinoti "JavaScript"

Patikrinkite savo puslapius

  • Patikrinkite savo puslapius "Live View", kad pamatytumėte pakeitimus dėl "JavaScript" ir interaktyvumo. * Naujas CS5
  • Patvirtinkite savo HTML kodą
  • Peržiūrėkite savo puslapius keliose naršyklėse
  • Naudokite "BrowserLab", kad peržiūrėtumėte savo puslapius kitose operacinėse sistemose * Naujas CS5
  • Naudokite "Device Central", kad patikrintumėte, kaip puslapiai rodomi mobiliuosiuose įrenginiuose
  • Patikrinkite naršyklės suderinamumą
  • Pakeiskite nustatymus, kad atitiktumėte tai, su kuo turi dirbti jūsų svetainė
  • Patikrinkite vidines svetainės nuorodas
  • Patikrinkite svetainės prieinamumą (nebėra CS5)
  • Konvertuoti "Word" dokumentą į HTML

Tinkinti Dreamweaver

  • Pridėti plėtinius
  • Išjungti plėtinius
  • "Dreamweaver" pritaikyti sparčiuosius klavišus

Padidinkite savo efektyvumą

  • Naudokite integruotus sparčiuosius klavišus
  • Naudokite kodo fragmentus
  • Sukurkite ir naudokite šablonus
  • Sukurkite naujus puslapius iš tinkintų šablonų
  • Atnaujinti šablonus
  • Įtraukite vieną failą į kitą su "Dreamweaver" biblioteka
  • Atnaujinti bibliotekos elementus
  • Įtraukite vieną failą į kitą naudodami SSI
  • Naudokitės paieška ir pakeiskite