Панель інструментів документа в Adobe CS5 Dreamweaver

Панель інструментів «Документ» у програмі Adobe Creative Suite 5 (Adobe CS5) Dreamweaver містить інструменти, які допоможуть вам переглядати ваш документ у різних режимах, наприклад «Код» і «Дизайн», а також вирішувати такі елементи, як назва документа та сумісність браузера.

• Перегляд коду: відображати код і лише код за допомогою цього перегляду. Dreamweaver допоможе вам розшифрувати код за допомогою тегів кольорового кодування, атрибутів, CSS та інших елементів.

• Розділене подання : вибір цього параметра розбиває вікно документа між переглядами «Код» і «Дизайн». Цей вигляд може бути надзвичайно корисним, оскільки ви бачите і дизайн, і код одночасно.

  

  Керуйте переглядом сторінки з панелі інструментів «Документ».

• Перегляд дизайну: цей параметр відображає вашу сторінку в режимі конструктора у вікні документа.

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

• Перевірка сумісності браузера: це меню показує параметри, які дозволяють перевірити цілісність сторінки, наприклад, доступність або сумісність ваших правил CSS у різних браузерах.

• Live View: Live View відображає вашу сторінку так, ніби вона знаходиться у браузері, без рамок, напрямних та інших наочних посібників. У режимі Live View ви не можете редагувати попередньо переглянутий вміст, але ви можете перейти до перегляду коду, розділення або дизайну та змінити вміст сторінки.

• Перевірка: нова кнопка Перевірка працює з Live View, щоб розкрити правила CSS, які форматують елементи на вашій сторінці. Коли ви вибираєте елемент на сторінці з увімкненою інспекцією, панель «Стилі CSS» розкриває властивості, які форматують цей елемент, і дозволяє вимкнути або змінити певні властивості та переглянути результати.

• Попередній перегляд/налагодження у браузері: натисніть цю кнопку, щоб попередньо переглянути або налагодити документ в одному із встановлених веб-браузерів, у BrowserLab Adobe або Device Central.

• Наочні посібники: натисніть цю кнопку, щоб вибрати різні наочні посібники (наприклад, межі та напрямні), які допоможуть вам побачити різні елементи та спростити дизайн ваших сторінок.

• Оновити перегляд дизайну: натисніть цю кнопку, щоб оновити подання дизайну документа після внесення змін у перегляді коду. Зміни, внесені в режимі перегляду коду, не відображаються автоматично в режимі конструктора, доки ви не виконаєте певні дії, наприклад, збережете файл або не натиснете цю кнопку.

• Назва документа: введіть назву вашого документа в це поле.

• Управління файлами: натисніть цю кнопку, щоб відкрити спливаюче меню Керування файлами. Використовуйте це меню, щоб перевірити свій документ, якщо він увімкнено для вашого сайту.

• Попередня сторінка/Наступна сторінка/Оновлення/адресний рядок: у режимі Live View ці інструменти працюють так само, як і у веб-браузері, і дозволяють переміщатися між сторінками, оновлювати сторінку та переглядати адресу поточної сторінки. Адресний рядок також працює, коли Live View не ввімкнено, показуючи шлях до документа, над яким ви зараз працюєте.

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

  • XML, JavaScript, CSS та інші типи файлів на основі коду можна переглядати та редагувати лише в режимі перегляду коду; кнопки «Дизайн» і «Розділити» відображаються затемненими.

  • Оновлення також оновлює функції коду, які залежать від об’єктної моделі документа (DOM), наприклад можливість вибирати відкривають або закривають теги блоку коду.

• Параметри перегляду в реальному часі: клацніть і виберіть параметри з цього меню, щоб керувати тим, як відображатиметься та працює ваш документ, коли ввімкнено Live View.