Kako uporabljati Adobe Dreamweaver

Adobe Dreamweaver je tako močno orodje za spletno oblikovalce, ker ima toliko stvari, ki jih lahko naredite z njo. Seveda, vse te stvari, ki jih lahko naredite, je izziv za učenje. Izvedite nekaj stvari, ki jih Dreamweaver lahko naredi, vključno s spremembami v najnovejši različici, CS5. In ne pozabite preveriti stvari, ki manjkajo v Dreamweaver CS5.

Definiranje mesta

Začnite novo spletno stran
Ustvarite spletno mesto
Nastavite samo dele spletnega mesta, ki jih potrebujete, ko jih potrebujete * Novo v CS5
Nastavite oddaljene, QA in testne strežnike za bolj popolne delovne tokove * Novo v CS5
Ustvarite in objavite nove imenike
Spremenite doktip
V svoje strani vključite meta podatke

Prenos vaše strani v živo

Določite oddaljeno spletno mesto
FTP datoteke na spletni strežnik
Uporabite sistem za nadzor različic, s katerim preverite datoteke v in zunaj
Povežite se s programom Subversion za bolj napreden nadzor nad različicami * Novo v CS5
Pustite opombe za svoje sorodnike

Ustvarjanje spletnih strani

Napišite stran v WYSIWYG načinu
Napišite stran v HTML
Ustvarite novo stran iz predloge
Ustvarite novo stran iz nič
Ustvarite predlogo
Shranite datoteke v imenik spletnega mesta
Določite lastnosti strani

CSS

Uporabite slogovne liste CSS
Dodajanje slogovnih slogov
Ustvarite zunanji slogovni list
Pripni zunanji slogovni list
Ustvarite razrede, ID, oznako in sestavljene izbirnike CSS
Uredite obstoječa pravila CSS
Ustvarite CSS za natisljive strani
Omogočite in onemogočite lastnosti sloga * Novo v CS5
Vizualno pregledajte model CSS box * Novo v CS5

Besedilo

Spremeni besedilo
Uporabite različne pisave
Vstavi prelom vrstice
Uporabite posebne znake
Vključite današnji datum
Napišite komentarje
Uporabite oznake HTML v besedilo
Dodajte oznake HTML oznakam

Povezave

Povezavo besedila in slik
Preverite povezave na spletnem mestu
Spremenite privzete barve povezav (povezava, obiskana, lebdenje, aktivna)
Ustvarite nasvete o povezavah
Ustvari poštne povezave
Ustvarite spletno sidro

Slike

Dodajte grafike na stran
Uredite slike
Spreminjanje velikosti slik
Dodajte alt besedilo na slike
Dodajte dodatne možnosti za dostop do slik
Poravnajte slike in besedilo
Ustvarite sliko rollov
Uporabite zemljevide slik
Uporabite sledilne slike
Uporabite podobe za slike
Vstavi HTML za ognjemete
Vstavite datoteke Photoshop

Postavitev

Uporabite priložene brezplačne predloge * Novi CSS zaganjalnik postavitev v CS5
Vstavite divs za postavitev
Uredite divs na plošči s slogi CSS
Vstavite popolnoma postavljene elemente
V inšpektorju za premoženje oblikujte absolutno postavljene elemente
Uporabite vodila, rešetke in vodila

Seznami

Dodajte označene in oštevilčene sezname
Prilagodite sezname in številke seznama

Tabele

Ustvarite tabelo
Dodajte vrstice in stolpce glave
Uporabite pregledne slike, če želite, da so celice celic odprto
Ustvarite fiksne širine in prilagodljive širinske stolpce
Spremenite sloge obrob v tabelah
V tabelo vstavite tabelo
Uvozi tabularne podatke

Obrazci

Uporabite obrazec mailto
Določite oblike ukrepov
Dodajanje besedila, radia, potrditvenega polja, datoteke, slike, izbirnih polj in skritih obrazcev
Vaše obrazce naj bodo dostopne s polji in oznakami
Ustvarite gumbe za pošiljanje po meri
Potrdite obrazce z JavaScriptom (Spry)

Baze podatkov in PHP skriptiranje

Priložite spletno mesto v bazo podatkov
Nastavite spletno mesto PHP / mySQL
Uporabite Spry elemente za povezavo z bazo podatkov
Vstavite podatkovne predmete v svoje strani
Preizkusite in posodobite vir podatkov ali prikaz Spry
Uredite kompleksne dinamične strani v pogledu oblikovanja
Odkrijte vse dinamično povezane datoteke za sestavljanje spletnih strani PHP CMS (WordPress, Joomla in Drupal) * Novo v CS5
Namig razreda po meri za kodo PHP, vključno z okviri tretjih oseb, kot je okvir Zend * Novo v CS5

Okvirji

Ustvarite okvirčeno spletno mesto
Uredite vsebino noframs
Oblikujte in oblikujte okvirje
Nastavite privzete cilje povezav med okvirji

Dodaj interaktivnost

Ustvarite foto album (ni več v CS5)
Dodajte zvok na spletne strani
Ustvarite spustni meni
Uporabite Dreamweaver obnašanja, da odprete pojavna okna, ustvarite menije za preskok, predvajajte zvok, zamenjate slike in drugo
Dodajanje virov RSS na spletno mesto
Vstavite besedilo Flash kot prevračanje
Vstavite besedilo CSS kot prevračanje
Vstavite druge vtičnice
Dodajte menijsko vrstico Spry, tabele, harmoniko, konico orodja in zložljivo ploščo
Uporabite Widget Browser, če želite najti nove pripomočke za vaše spletno mesto, ne da bi morali poznati JavaScript

Preizkusite svoje strani

Preizkusite svoje strani v Live Viewu, da si ogledate spremembe zaradi JavaScripta in interaktivnosti * Novo v CS5
Potrdite svoj HTML
Predogledi vaše strani v več brskalnikih
Uporabite BrowserLab za predogled vaših strani v drugih operacijskih sistemih * Novo v CS5
Uporabite Device Central, da preverite, kako strani iščejo mobilne naprave
Preverite združljivost brskalnika
Spremenite nastavitve, da se bodo ujemale z vašim spletnim mestom
Preverite povezave znotraj spletnega mesta
Preverite dostopnost svojega spletnega mesta (ni več v CS5)
Pretvorite dokument Word v HTML