Вибір, перегляд та налаштування невидимих елементів у Dreamweaver
На цій сторінці
Щоб виділити елемент у поданні «Дизайн» області «Вікно документа», натисніть на цей елемент. Якщо елемент невидимий, виділення його необхідно зробити видимим.
Деякі частини HTML коду не можуть бути представлені у браузері візуально. Наприклад, теги comment у браузерах не відображаються. Однак при створенні сторінки може бути корисною можливість виділення, редагування, переміщення та видалення невидимих елементів.
Dreamweaver дозволяє вказати, чи відображати значки розташування невидимих елементів у поданні «Дизайн» області «Вікно документа». Щоб вказати, які маркери елементів повинні відображатися, можна встановити установки в розділі «Невидимі елементи». Наприклад, можна вказати відображення іменованих прив'язок, але не розривів рядків.
Виділення елементів
Щоб виділити видимий елемент в області «Вікно документа», натисніть або перетягніть вказівник миші.
Щоб виділити невидимий елемент, у поданні «Дизайн» виберіть «Перегляд» > "Параметри представлення "Дизайн"" > "Засоби візуалізації" > «Невидимі елементи» (якщо цей пункт ще не вибраний), а потім клацніть маркер елемента в області вікна документа.
Деякі об'єкти відображаються на сторінці в місці, відмінному від місця вставки коду. Наприклад, у поданні «Дизайн» елемент з абсолютним позиціонуванням (елемент AP) може бути у будь-якому місці сторінки, але у поданні «Код» розташування його коду зафіксовано. При відображенні невидимих елементів в області «Вікно документа» Dreamweaver відображаються маркери, які вказують розташування коду таких елементів. При виділенні маркеру виділяється весь елемент; наприклад, виділення маркера елемента AP виділяє весь елемент AP.
Щобвиділити весь тег (включаючи вміст, за наявності), клацніть його в селекторі тегів у лівому нижньому куті області «Вікно документа». (Селектор тегів відображається як у поданні «Дизайн», так і у поданні «Код».) У селекторі тегів завжди відображаються теги, що містять поточний виділений фрагмент або позицію курсору. Крайній лівий тег - це зовнішній тег, що містить поточний виділений фрагмент або позицію курсора. Наступний тег міститься у згаданому зовнішньому тезі і так далі; крайній правий тег — це внутрішній тег, що містить поточний виділений фрагмент або позицію курсора.
Перегляд HTML-коду
На панелі інструментів документа натисніть кнопку Код.
Виберіть "Перегляд" > "Код".
Виберіть "Перегляд" > "Розділити" > "Код-Інтерактивний", "Код-Дизайн" або "Код-Код".
Виберіть «Вікно» > "Інспектор коду".
Відображення або приховування маркерів невидимих елементів
Виберіть "Перегляд" > "Параметри представлення "Дизайн"" > "Засоби візуалізації" > "Невидимі елементи".
Відображення невидимих елементів може трохи змінити макет сторінки, перемістивши інші елементи на кілька пікселів, тому для точного позиціонування невидимі елементи слід приховати.
Завдання установок невидимих елементів
В установках невидимих елементів можна вказати, які типи елементів будуть видимими під час вибору пункту меню «Перегляд» > "Допоміжні елементи" > "Невидимі елементи".
Прапорець біля назви елемента в діалоговому вікні означає, що під час вибору пункту меню «Перегляд» > "Допоміжні елементи" > "Невидимі елементи" цей елемент буде видимим.
Відображає значок, що означає розташування кожної з іменованих прив'язок ( a name= "") у документі.
Відображає значок, що позначає розташування кожного з розривів рядків (BR). За замовчуванням цей параметр не вибрано.
Клієнтські картки посилань
Відображає піктограму, яка позначає розташування кожної з клієнтських карт посилань у документі.
Відображає значок, що показує розташування CSS-стилів, впроваджених у тіло документа (секція body). Якщо CSS-стилі розташовані в заголовку документа (в розділі head), в області «Вікно документа» вони не відображаються.
Приховані поля форми
Відображає значок, що означає розташування полів форм з атрибутом type , що має значення "hidden" .
Відображає рамку навколо форми, яка показує, де вставляються елементи форми. Рамка охоплює межі тега form, тому всі елементи форми в цій рамці правильно укладені в теги form.
Опорні точки для елементів AP
Опорні точки для вирівняних елементів
Відображає значок, що показує розташування HTML коду елементів, які приймають атрибут align . До них відносяться зображення, таблиці, об'єкти ActiveX, модулі, що підключаються, і аплети. У деяких випадках код елемента може бути відокремлений від видимого об'єкта.
серверні теги, що відображаються, розмітки
Відображає розташування тегів сервера розмітки (наприклад, ASP або ColdFusion), вміст яких неможливо відобразити в області «Вікно документа». Ці теги зазвичай створюють HTML-теги при обробці сервером. Наприклад, тег створює таблицю HTML для обробки сервером ColdFusion. У Dreamweaver цей тег представляється за допомогою невидимого елемента ColdFusion, оскільки Dreamweaver не може визначити остаточні, динамічні вихідні дані сторінки.
Сервісні теги, що не відображаються, розмітки
Відображає розташування сервернихтегів розмітки (наприклад, ASP або ColdFusion), вміст яких не відображається в області «Вікно документа». Ці теги зазвичай являють собою теги налаштування, обробки або логічні теги (наприклад, , і ), які не створюють HTML-теги.
Відображення CSS: Ні
Відображає значок, що показує розташування вмісту, прихованого властивістю display:none у пов'язаній або впровадженій таблиці стилів.
Показувати динамічний текст у вигляді
Відображає будь-який динамічний текст на сторінці формату за замовчуванням. Якщо довжина цих значень є достатньо великою для спотворення форматування сторінки, можна змінити формат відображення на <>.
Відображає поточний вміст кожного SSI-файлу.