|
Редактирование кода HTML в Dreamweaver > Редактирование HTML-тегов в визуальном режиме |
Редактирование HTML-тегов в визуальном режиме
Используйте средство Quick Tag Editor (Быстрый редактор тегов) для быстрого просмотра и редактирования отдельного тега в визуальном режиме без переключения в режим кода (рис. 11.14). Проще всего открыть Quick Tag Editor (Быстрый редактор тегов), нажав комбинацию клавиш <Ctrl>+<T> (Windows) или клавиши <Command>+<T> (Macintosh).
Средство Quick Tag Editor (Быстрый редактор тегов) имеет три режима:
| Insert HTML (Вставка HTML) применяется для вставки нового кода HTML; | |
| Edit Tag (Редактирование тега) предназначен для редактирования существующего тега; | |
| Wrap Tag (Обрамляющий тег) позволяет "обернуть" новым тегом текущий выделенный фрагмент |
Текущее выделение в визуальном режиме определяет режим, в котором открывается Quick Tag Editor (Быстрый редактор тегов). Во всех трех режимах Quick Tag Editor (Быстрый редактор тегов) вы выполняете примерно одни и те же действия: открываете редактор, вводите или редактируете теги и атрибуты, а затем закрываете редактор.
Если вы используете неверный код HTML в Quick Tag Editor (Быстрый редактор тегов), Dreamweaver попытается исправить ошибку, вставляя заключительные кавычки и заключительные угловые скобки там, где необходимо.
Чтобы выполнить более обширное редактирование HTML, используйте режим кода (или инспектор Code Inspector (Инспектор кода)).
Чтобы открыть Quick Tag Editor (Быстрый редактор тегов) в режиме Insert HTML (Вставка HTML):
| 1 | Переключитесь в визуальный режим, чтобы разместить точку ввода там, куда вы хотите вставить код |
| 2 | Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh) или щелкните на кнопке Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства) |
| При этом открывается Quick Tag Editor (Быстрый редактор тегов). | |
| 3 | Введите тег HTML, затем нажмите клавишу <Enter>. Тег будет вставлен в код. |
Нажмите клавишу <Esc>, чтобы отказаться от введенного
кода. |
|
Чтобы открыть Quick Tag Editor (Быстрый редактор тегов) в режиме Edit Tag (Редактирование тега):
| 1 | Выделите текст или объект, который вы редактируете, в визуальном режиме. |
| Вы можете также выбрать тег, который хотите изменить, в селекторе тегов внизу окна окна Document (Документ). | |
| 2 | Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh), или щелкните на кнопке Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства) |
| При этом открывается Quick Tag Editor (Быстрый редактор тегов). | |
| 3 | Введите новые атрибуты, редактируйте существующие атрибуты, или редактируйте имя тега (рис. 11.16), а затем нажмите клавишу <Enter>. |
Отредактированный тег будет вставлен в ваш код. Нажмите клавишу
<Esc>, чтобы оказаться от выполненных изменений кода.
|
|
Чтобы открыть Quick Tag Editor (быстрый редактор тегов) в режиме Wrap Tag (Обрамляющий тег):
| 1 | Выберите неформатированный текст или объект. |
| Если вы выберите текст или объект, который включает открывающий или закрывающий тег HTML, то Quick Tag Editor (Быстрый редактор тегов) откроется в режиме Edit Tag (Редактирование тега). | |
| 2 | Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh); иначе нажмите кнопку Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства). |
| При этом открывается Quick Tag Editor (Быстрый редактор тегов). | |
| 3 | Введите отдельный открывающий тег, например <font="verdana">, и нажмите клавишу <Enter>. Тег будет вставлен в начале текущего выделения, а соответствующий закрывающий тег добавлен в конце. |
Нажмите клавишу <Esc> чтобы выйти из Quick Tag Editor
(Быстрый редактор тегов) без сохранения сделанных изменений.
|
|
Чтобы применить изменения сразу:
Отредактировав тег, нажмите Tab или Shift+Tab. Сделанное изменение будет применено еще до того как Вы закроете Quick Tag Editor (Быстрый редактор тегов).
Чтобы запретить такую возможность, отмените настройку Apply Changes Immediately While Editing (Применять Изменения Сразу) в параметрах Quick Tag Editor (Быстрый редактор тегов). (См. Параметры Quick Tag Editor (Быстрый редактор тегов).)
Замечание: когда настройка Apply Changes Immediately While Editing (Применять изменения немедленно при редактировании) отменена, то многократные изменения, которые вы применяете к тегу, сразу появляются как отдельный шаг в панели History (История) и отменяются единственным действием Undo (Отменить).
Чтобы перейти к другому режиму в Quick Tag Editor (Быстрый редактор тегов):
При активном Quick Tag Editor (Быстрый редактор тегов) нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh). Quick Tag Editor (Быстрый редактор тегов) изменяет режимы при каждом нажатии, последовательно переключаясь между режимами Insert HTML (Вставка HTML), Edit Tag (Редактирование тега) и Wrap Tag (Обрамляющий тег).
Чтобы переместить Quick Tag Editor (быстрый редактор тегов) по экрану, перетащите указателем мыши маркер редактора (область, в которой появляется название режима).