Лента с инструменти за документи в Adobe CS5 Dreamweaver

Лентата с инструменти за документи в Adobe Creative Suite 5 (Adobe CS5) Dreamweaver съдържа инструменти, които да ви помогнат да преглеждате документа си в различни режими, като код и дизайн, както и да адресирате такива елементи като заглавието на документа и съвместимостта на браузъра.

• Изглед на кода : Покажете кода и само кода, използвайки този изглед. Dreamweaver ви помага да дешифрирате код чрез етикети за цветно кодиране, атрибути, CSS и други елементи.

• Разделяне на изглед: Избирането на тази опция разделя прозореца на документа между изглед на код и дизайн. Този изглед може да бъде изключително полезен, защото виждате и дизайна, и кода едновременно.

  

  Контролирайте изгледа си на страницата от лентата с инструменти на документа.

• Изглед на дизайн: Тази опция показва вашата страница в изглед за проектиране в прозореца на документа.

• Код на живо: Когато Live View е активиран, можете да видите изходния код на вашия документ, както потребителят би го видял в браузър, но не можете да редактирате кода на страницата в този изглед.

• Проверка на съвместимостта на браузъра: Това меню показва опции, които ви позволяват да проверите целостта на страницата, като достъпност или дали вашите CSS правила са съвместими в различни браузъри.

• Преглед на живо: Изгледът на живо изобразява вашата страница, сякаш е в браузър, без рамки, ръководства и други визуални средства. В Live View не можете да редактирате визуализираното съдържание, но можете да преминете към изглед на код, разделяне или дизайн и да променяте съдържанието на страницата си.

• Проверка: Новият бутон Inspect работи с Live View, за да разкрие правилата на CSS, които форматират елементите на вашата страница. Когато изберете елемент на страницата с активирана проверка, панелът CSS стилове разкрива свойствата, които форматират този елемент, и ви позволява да деактивирате или модифицирате конкретни свойства и да видите резултатите.

• Визуализация/Отстраняване на грешки в браузъра: Щракнете върху този бутон, за да прегледате или отстраните грешки във вашия документ в един от инсталираните ви уеб браузъри, BrowserLab на Adobe или Device Central.

• Визуални средства: Щракнете върху този бутон, за да изберете различни визуални средства (като граници и водачи), които да ви помогнат да видите различни елементи и да улесните проектирането на вашите страници.

• Обнови изглед на дизайна: Щракнете върху този бутон, за да опресните изгледа на дизайна на документа, след като направите промени в изгледа на кода. Промените, които правите в изглед на кода, не се появяват автоматично в изгледа за проектиране, докато не извършите определени действия, като например запишете файла или щракнете върху този бутон.

• Заглавие на документ: Въведете името на вашия документ в това поле.

• Управление на файлове: Щракнете върху този бутон, за да се покаже изскачащото меню Управление на файлове. Използвайте това меню, за да проверите вашия документ във или изход, когато е активиран за вашия сайт.

• Предишна страница/Следваща страница/Опресняване/Адресна лента: В Live View тези инструменти работят точно както в уеб браузър и ви позволяват да навигирате между страниците, да опреснявате страницата и да виждате адреса на текущата страница. Адресната лента също работи, когато Live View не е активиран, разкривайки пътя до документа, върху който работите в момента.

• Свързани документи: Документите, използвани от и прикачени към вашата страница, като външни CSS и JavaScript файлове, са изброени под (Mac) или над (Windows) бутоните за избор на изглед (Код/Разделяне/Дизайн). Можете да щракнете върху всеки изброен документ, за да редактирате прикачения файл в разделен изглед, без да се налага да превключвате документи.

  • XML, JavaScript, CSS и други базирани на код типове файлове могат да се разглеждат и редактират само в изглед на код; бутоните Design и Split изглеждат затъмнени.

  • Обновяването също така актуализира функциите на кода, които зависят от модела на обекта на документа (DOM), като например възможността за избор на отварящи или затварящи тагове на кодов блок.

• Опции за преглед на живо: Щракнете и изберете опции от това меню, за да контролирате как ще изглежда и работи вашият документ, когато е активиран Live View.