Избор, преглед и конфигуриране на невидими елементи в Dreamweaver

На тази страница

За да изберете елемент в Изглед на дизайн в прозореца на документа, щракнете върху елемента. Ако елементът е невидим, за да го изберете, трябва да го направите видим.

Някои части от HTML кода не могат да бъдат визуализирани в браузъра. Например маркерите за коментари не се показват в браузърите. При създаването на страница обаче възможността за избор, редактиране, преместване и изтриване на невидими елементи може да бъде полезна.

Dreamweaver ви позволява да посочите дали да се показват невидими икони за оформление в изгледа за проектиране на прозореца на документа. За да посочите кои манипулатори на елементите да се показват, можете да направите предпочитания в раздела Невидими елементи. Например можете да посочите да се показват именни котви, но не и прекъсвания на редове.

Избиране на елементи

За да изберете видим елемент в областта на прозореца на документа, щракнете или плъзнете курсора на мишката върху него.

За да изберете невидим елемент, в Изглед на дизайн изберете Изглед> Опции за изглед на проекти> Инструменти за изобразяване> Невидими елементи (ако все още не е избран), след това щракнете върху манипулатора на елемента в документа на прозореца на прозореца.

Някои обекти се показват на страницата на място, различно от мястото, където е бил вмъкнат кодът им. Например, в изгледа за проектиране, абсолютно позициониран елемент (елемент на AP) може да бъде навсякъде на страницата, но в изгледа на кода местоположението на неговия код е фиксирано. Когато се показват невидими елементи, маркерите се показват в областта на прозореца на документа на Dreamweaver, за да покажат местоположението на кода за тези елементи. Когато е избран маркер, се избира целият елемент; например избирането на маркер на елемент на AP избира целия елемент на AP.

За да изберете цял маркер (включително съдържание, ако има такова), щракнете върху него в селектора на маркери в долния ляв ъгъл на прозореца на документа. (Селекторът на маркери се появява както в изгледи за проектиране, така и в код.) Селекторът на маркери винаги показва маркери, които съдържат текущата селекция или позицията на курсора. Най-левият маркер е най-външният маркер, който съдържа текущата селекция или позицията на курсора. Следващият таг се съдържа в споменатия най-външен таг и т.н. най-десният маркер е най-вътрешният маркер, съдържащ текущата селекция или позиция на курсора.

Преглед на HTML кода

В лентата с инструменти Документ щракнете върху бутона Код.

Изберете Изглед> Код.

Изберете View> Split> Code-Live, Code-Design или Code-Code.

Изберете Window> Code Inspector.

Покажете или скрийте дръжките на невидими елементи

Изберете Изглед> Опции за изглед на дизайн> Изобразители> Невидими елементи.

Показването на невидими елементи може леко да промени оформлението на страницата, като премести други елементи с няколко пиксела, така че скрийте невидимите елементи за точно позициониране.

Задаване на настройките на невидими елементи

В предпочитанията за невидими елементи можете да посочите кои типове елементи се виждат, когато изберете Изглед> Екстри> Невидими елементи.

Отметка до името на елемент в диалогов прозорец означава, че когато изберете Изглед> Екстри> Невидими елементи, елементът ще бъде видим.

Показва икона, показваща местоположението на всеки от посочените котви (име = ") в документа.

Показва икона, която показва местоположението на всяко прекъсване на редове (BR). Тази опция не е избрана по подразбиране.

Карти на връзки от страна на клиента

Показва икона, която показва местоположението на всяка от картите на връзката на клиента в документа.

Показва икона, показваща местоположението на CSS стиловете, вградени в тялото на документа (в раздела за тяло). Ако CSS стиловете се намират в главата на документа (в секцията head), те не се показват в "Прозорец на документ".

Скрити полета на формуляра

Показва икона, показваща местоположението на полетата на формуляра с атрибут тип, зададен на „скрит“ .

Показва рамка около формуляра, която показва къде са вмъкнати елементи на формуляра. Рамката затваря границите на маркера на формуляра, така че всички елементи на формуляра в този кадър са правилно обвити в маркерите на формуляра .

Точки за закрепване за елементи на AP

Точки за закрепване на подравнени елементи

Показва икона, показваща местоположението на HTML на елементи, които приемат атрибута за подравняване. Те включват изображения, таблици, ActiveX обекти, приставки и аплети. В някои случаи кодът на елемента може да бъде отделен от видимия обект.

Показване на маркери за маркиране на сървъра

Показва местоположението на маркери за маркиране от страна на сървъра (като ASP или ColdFusion), чието съдържание не може да се показва в областта на прозореца на документа. Тези маркери обикновено създават HTML тагове, когато се обработват от сървъра. Например маркерът създава HTML таблица, когато се обработва от сървър ColdFusion. Dreamweaver изобразява този маркер с помощта на невидим елемент ColdFusion, тъй като Dreamweaver не може да определи крайния динамичен изход на страницата.

Нерендерирани маркери за маркиране от страна на сървъра

Показва местоположението на маркери за маркиране от страна на сървъра (като ASP или ColdFusion), чието съдържание не може да се показва в областта на прозореца на документа. Тези маркери обикновено са персонализиране, обработка или булеви тагове (като и), които не генерират HTML тагове.

CSS картографиране: Не

Показва икона, показваща местоположението на съдържанието, скрито от дисплея: няма в свързана или вградена таблица със стилове.

Показване на динамичен текст като

Показва всеки динамичен текст на страницата във формат по подразбиране. Ако тези стойности са достатъчно дълги, за да изкривят форматирането на страницата, можете да промените формата на дисплея на <>.

Показва текущото съдържание на всеки SSI файл.