Document Bara de instrumente în Adobe CS5 Dreamweaver - dummies

Bara de instrumente Document din Adobe Creative Suite 5 (Adobe CS5) Dreamweaver conține instrumente care vă ajută să vizualizați documentul în diferite moduri, cum ar fi Code și Design, ca titlu de document și compatibilitate cu browserul.

• Vizualizare cod: Afișați codul și numai codul utilizând această vizualizare. Dreamweaver vă ajută să descifrați codul prin etichetele de culoare, atributele, CSS și alte elemente.

• Vizualizare separată: Selectarea acestei opțiuni împarte fereastra Document între vizualizările Cod și Design. Această vizualizare poate fi extrem de utilă pentru că vedeți atât designul, cât și codul simultan.

  

  Controlați vizualizarea paginii din bara de instrumente Document.

• Vizualizare proiect: Această opțiune afișează pagina în ecranul Design în fereastra Document.

• Când vizualizarea Live View este activată, puteți vizualiza codul sursă al documentului pe care îl va vedea un utilizator într-un browser, dar nu puteți edita codul paginii în această vizualizare. Verificați compatibilitatea browser-ului:

• Acest meniu prezintă opțiunile care vă permit să verificați integritatea paginii, cum ar fi accesibilitatea sau dacă regulile dvs. CSS sunt compatibile în diferite browsere. Live View:

• Live View redă pagina dvs. ca și cum ar fi într-un browser, fără frontiere, ghiduri și alte ajutoare vizuale. În Live View, nu puteți edita conținutul previzualizat, dar puteți să treceți la vizualizarea Cod, Split sau Design și să modificați conținutul paginii.

  Inspectați:

• Noul buton Inspect funcționează cu Live View pentru a dezvălui regulile CSS care formatează elementele de pe pagina dvs. Când selectați un element din pagină cu activat Inspect, panoul Șabloane CSS dezvăluie proprietățile care formatează acel element și vă permite să dezactivați sau să modificați anumite proprietăți și să vedeți rezultatele. Previzualizare / depanare în browser:

• Faceți clic pe acest buton pentru a previzualiza sau debuga documentul într-unul din browserele dvs. Web instalate, BrowserLab-ul Adobe sau Device Central. Ajutoare vizuale:

• Faceți clic pe acest buton pentru a selecta diferite ajutoare vizuale (cum ar fi marginile și ghidurile) pentru a vă ajuta să vedeți diverse elemente și pentru a vă ușura proiectarea paginilor. Refresh Design View:

• Faceți clic pe acest buton pentru a reîmprospăta vizualizarea Design după ce efectuați modificări în vizualizarea Code. Modificările pe care le faceți în ecranul Coduri nu apar automat în vizualizarea Design până când efectuați anumite acțiuni, cum ar fi salvați fișierul sau faceți clic pe acest buton. Titlul documentului:

• Introduceți numele documentului în acest câmp. Gestionarea fișierelor:

• Faceți clic pe acest buton pentru a afișa meniul pop-up File Management.Utilizați acest meniu pentru a verifica dacă documentul este activat sau dezactivat atunci când este activat pentru site-ul dvs. Pagina anterioară / Pagina următoare / Reîmprospătare / bara de adrese:

• În Live View, aceste instrumente funcționează la fel ca într-un browser Web și vă permit să navigați între pagini, să actualizați pagina și să vedeți adresa pagina curenta. Bara de adrese funcționează, de asemenea, când vizualizarea Live View nu este activată, dezvăluind calea către documentul pe care lucrați în prezent. Documente înrudite:

• Documentele utilizate și atașate paginii dvs., cum ar fi fișiere externe CSS și JavaScript, sunt afișate mai jos (Mac) sau mai sus (Windows) butoanele de selectare a vederilor (Cod / Split / Design). Puteți face clic pe orice document listat pentru a edita fișierul atașat în vizualizarea Split fără a fi nevoie să schimbați documentele. XML, JavaScript, CSS și alte tipuri de fișiere bazate pe coduri pot fi vizualizate și editate numai în vizualizarea Cod; butoanele Design (Design) și Split (Întindere) sunt neclare.

  • Actualizarea actualizează, de asemenea, caracteristicile de cod care sunt dependente de Document Object Model (DOM), cum ar fi posibilitatea de a selecta etichetele de deschidere sau de închidere ale unui bloc de cod.

  • Opțiuni Live View:

• Faceți clic și selectați opțiunile din acest meniu pentru a controla modul în care documentul dvs. apare și funcționează când este activată funcția Live View.