Alatna traka za dokumente u Adobe CS5 Dreamweaveru

Alatna traka dokumenta u programu Adobe Creative Suite 5 (Adobe CS5) Dreamweaver sadrži alate koji će vam pomoći da pregledate svoj dokument u različitim načinima, kao što su kod i dizajn, kao i za rješavanje takvih stavki kao što su naslov dokumenta i kompatibilnost preglednika.

• Prikaz koda: Prikaži kod i samo kod pomoću ovog prikaza. Dreamweaver vam pomaže dešifrirati kod pomoću oznaka kodiranja boja, atributa, CSS-a i drugih elemenata.

• Podijeli pogled: odabirom ove opcije prozor dokumenta dijeli se između prikaza koda i dizajna. Ovaj pogled može biti od velike pomoći jer istovremeno vidite i dizajn i kod.

  

  Kontrolirajte svoj prikaz stranice s alatne trake dokumenta.

• Prikaz dizajna: Ova opcija prikazuje vašu stranicu u prikazu dizajna u prozoru dokumenta.

• Live Code: Kada je Live View omogućen, možete vidjeti izvorni kod svog dokumenta onako kako bi ga korisnik vidio u pregledniku, ali ne možete uređivati ​​kôd stranice u ovom prikazu.

• Provjerite kompatibilnost preglednika: Ovaj izbornik prikazuje opcije koje vam omogućuju provjeru integriteta stranice, kao što je pristupačnost ili jesu li vaša CSS pravila kompatibilna u različitim preglednicima.

• Live View: Live View prikazuje vašu stranicu kao da je u pregledniku, bez obruba, vodiča i drugih vizualnih pomagala. U Live Viewu ne možete uređivati ​​pretpregledani sadržaj, ali možete skočiti na prikaz koda, podjele ili dizajna i izmijeniti sadržaj stranice.

• Pregled: Novi gumb Inspect radi s Live Viewom kako bi otkrio CSS pravila koja oblikuju elemente na vašoj stranici. Kada odaberete element na stranici s uključenim Inspect, ploča CSS stilova otkriva svojstva koja formatiraju taj element i omogućuje vam da onemogućite ili izmijenite određena svojstva i vidite rezultate.

• Pregled/ otklanjanje pogrešaka u pregledniku: Kliknite ovaj gumb za pregled ili uklanjanje pogrešaka u dokumentu u jednom od instaliranih web-preglednika, Adobe BrowserLab ili Device Central.

• Vizualna pomagala: kliknite ovaj gumb za odabir različitih vizualnih pomagala (kao što su obrubi i vodilice) koji će vam pomoći da vidite različite elemente i olakšate dizajn vaših stranica.

• Osvježi prikaz dizajna: kliknite ovaj gumb da biste osvježili prikaz dizajna dokumenta nakon što izvršite promjene u prikazu koda. Promjene koje napravite u prikazu koda ne pojavljuju se automatski u prikazu dizajna dok ne izvršite određene radnje, kao što je spremanje datoteke ili klik na ovaj gumb.

• Naslov dokumenta: Unesite naziv vašeg dokumenta u ovo polje.

• Upravljanje datotekama: Kliknite ovaj gumb za prikaz skočnog izbornika Upravljanje datotekama. Upotrijebite ovaj izbornik da provjerite svoj dokument ili ga odjavite kada je omogućen za vašu web-lokaciju.

• Prethodna stranica/Sljedeća stranica/Osvježi/Adresna traka: U Live Viewu ovi alati rade baš kao i u web-pregledniku i omogućuju vam navigaciju između stranica, osvježavanje stranice i pregled adrese trenutne stranice. Adresna traka također radi kada Live View nije omogućen, otkrivajući put do dokumenta na kojem trenutno radite.

• Povezani dokumenti: Dokumenti koje koristi i priloženi su vašoj stranici, kao što su vanjske CSS i JavaScript datoteke, navedeni su ispod (Mac) ili iznad (Windows) gumba za odabir prikaza (Kôd/Split/Dizajn). Možete kliknuti bilo koji navedeni dokument da biste uredili priloženu datoteku u Split prikazu bez potrebe za prebacivanjem dokumenata.

  • XML, JavaScript, CSS i druge vrste datoteka koje se temelje na kodu mogu se pregledavati i uređivati ​​samo u prikazu koda; gumbi Design i Split izgledaju zatamnjeni.

  • Osvježavanje također ažurira značajke koda koje ovise o objektnom modelu dokumenta (DOM), kao što je mogućnost odabira oznaka otvaranja ili zatvaranja bloka koda.

• Opcije prikaza uživo: kliknite i odaberite opcije s ovog izbornika da biste kontrolirali kako se vaš dokument pojavljuje i radi kada je omogućen Live View.