Orodna vrstica dokumenta v programu Adobe Creative Suite 5 (Adobe CS5) Dreamweaver vsebuje orodja, ki vam pomagajo pregledovati dokument v različnih načinih, kot sta koda in oblikovanje, ter obravnavati elemente, kot sta naslov dokumenta in združljivost brskalnika.
-
Pogled kode: s tem pogledom pokažite kodo in samo kodo. Dreamweaver vam pomaga dešifrirati kodo z oznakami barvnega kodiranja, atributi, CSS in drugimi elementi.
-
Razdeli pogled: če izberete to možnost, se okno dokumenta razdeli med poglede kode in načrta. Ta pogled je lahko zelo koristen, ker hkrati vidite tako zasnovo kot kodo.
Nadzirajte svoj pogled na stran v orodni vrstici Dokument.
-
Pogled načrta: ta možnost prikaže vašo stran v pogledu načrta v oknu dokumenta.
-
Koda v živo: Ko je pogled v živo omogočen, si lahko ogledate izvorno kodo svojega dokumenta, kot bi jo uporabnik videl v brskalniku, vendar v tem pogledu ne morete urejati kode strani.
-
Preverite združljivost brskalnika: ta meni prikazuje možnosti, ki vam omogočajo preverjanje celovitosti strani, na primer dostopnost ali ali so vaša pravila CSS združljiva v različnih brskalnikih.
-
Live View: Live View upodablja vašo stran, kot da je v brskalniku, brez obrob, vodil in drugih vizualnih pripomočkov. V pogledu v živo ne morete urejati predogledane vsebine, lahko pa skočite na pogled kode, razdeli ali načrt in spremenite vsebino svoje strani.
-
Preglejte: nov gumb Preveri deluje s pogledom v živo, da razkrije pravila CSS, ki oblikujejo elemente na vaši strani. Ko izberete element na strani z omogočenim Pregledom, plošča Slogi CSS razkrije lastnosti, ki oblikujejo ta element, in vam omogoča, da onemogočite ali spremenite določene lastnosti in si ogledate rezultate.
-
Predogled/ odpravljanje napak v brskalniku: kliknite ta gumb za predogled ali odpravljanje napak v vašem dokumentu v enem od nameščenih spletnih brskalnikov, Adobe BrowserLab ali Device Central.
-
Vizualni pripomočki: kliknite ta gumb, če želite izbrati različne vizualne pripomočke (kot so robovi in vodila), ki vam bodo pomagali videti različne elemente in olajšali oblikovanje vaših strani.
-
Osveži pogled načrta: kliknite ta gumb, da osvežite pogled načrta dokumenta, potem ko naredite spremembe v pogledu kode. Spremembe, ki jih naredite v pogledu kode, se ne prikažejo samodejno v pogledu načrta, dokler ne izvedete določenih dejanj, na primer shranite datoteko ali kliknete ta gumb.
-
Naslov dokumenta: v to polje vnesite ime vašega dokumenta.
-
Upravljanje datotek: kliknite ta gumb, da prikažete pojavni meni Upravljanje datotek. S tem menijem preverite svoj dokument ali ga odjavite, ko je omogočen za vaše spletno mesto.
-
Prejšnja stran/Naslednja stran/Osveži/naslovna vrstica: v pogledu v živo ta orodja delujejo tako kot v spletnem brskalniku in vam omogočajo krmarjenje med stranmi, osvežitev strani in ogled naslova trenutne strani. Naslovna vrstica deluje tudi, ko pogled v živo ni omogočen in razkrije pot do dokumenta, s katerim trenutno delate.
-
Sorodni dokumenti: Dokumenti, ki jih uporablja vaša stran in so priloženi nanjo, kot so zunanje datoteke CSS in JavaScript, so navedeni pod (Mac) ali nad (Windows) gumbi za izbiro pogleda (Koda/Razdeli/Zasnova). Kliknete lahko kateri koli dokument na seznamu, da uredite priloženo datoteko v pogledu Split, ne da bi morali preklapljati med dokumenti.
-
XML, JavaScript, CSS in druge vrste datotek, ki temeljijo na kodi, si lahko ogledate in urejate samo v pogledu kode; gumba Design in Split sta zatemnjena.
-
Osveževanje posodablja tudi funkcije kode, ki so odvisne od objektnega modela dokumenta (DOM), kot je možnost izbire začetnih ali zaključnih oznak kodnega bloka.
-
Možnosti pogleda v živo: kliknite in izberite možnosti v tem meniju, da nadzirate, kako je vaš dokument videti in deluje, ko je omogočen pogled v živo.