| Панель
редактирования
Теперь давайте кратко рассмотрим основную часть окна
программы — панель редактирования.
Вкладки: Edit (Правка),
Browse (Просмотр) и
Design (Оформление).
На первой HTML-документ представлен в виде исходного
текста. При этом происходит автоматическая подсветка тегов. Ссылки и якоря
выделяются темно-зеленым цветом, графические
теги — бордовым, остальные теги — темно-синим.
Теги встроенных сценариев выделяются коричневым
цветом, а встроенные функции и другие зарезервированные слова и элементы
языка сценариев — полужирным начертанием. Различными
цветами подсвечиваются также и стилевые блоки, что намного облегчает восприятие
и позволяет " на лету" устранять случайные ошибки. Все цвета
можно изменить по желанию, выбрав в меню Options
(Параметры) команду Settings (Настройки)
и, далее, нажав кнопку Edit Scheme (Правка
цветовой схемы) в окне Editor > Color Coding
(Изменить > Цветовая маркировка).
При ручном вводе HTML-текста, происходит автоматическая
проверка правильности введенных тегов (если этого не
происходит, ее можно включить, установив флажок Options > Settings > Validation
> Tag validation (Параметры > Настройки > Проверка > Проверка тегов).
де заключительного ограничителя тега (>) программа
проверяет правильность тега. Если тег правильный, в строке состояния отображается
запись Tag validated (Тег
проверен). В противном случае строка состояния подсвечивается красным
цветом и в сопровождении одного из системных звуков Windows
в строке состояния появляется надпись, поясняющая, что такой тег не существует
или его использование не рекомендовано в текущей версии
HTML. Если эстетичность кода вас не очень заботит, то можно смело
игнорировать сообщения о нерекомендованных тегах.
Однако совершенно не обязательно вводить теги вручную. Для облегчения
работы можно использовать функцию Tag Insight
(Построитель тегов). Если она выключена, включите
ее установкой флажка Options > Settings > Editor >
Tag Insight > Enable Tag Insight (Параметры >
Настройки > Редактор > Построитель тегов > Задействовать построитель).
В этом случае через две секунды после ввода символа начала тега (время
можно изменить в том же разделе настроек Options > Settings > Editor >
Tag Insight) откроется раскрывающийся список доступных тегов. Остается
только выбрать нужный. Этот же механизм можно использовать при вводе функций
сценариев JavaScript. Кроме того, в программе
предусмотрена возможность автоматически добавлять закрывающие теги при
вводе первого из “парных” тегов.
Обычно функция по умолчанию выключена, но ее можно включить с помощью
флажка Options > Settings > Editor > Tag Completion
(Параметры > Настройки > Редактор > Завершение тегов). В этом случае
при вводе, например, тега< BODY>, сразу
вместе с ним автоматически вводится тег</BODY>
. Можно также включить функцию Options > Settings >
Editor > Auto Completion (Параметры > Настройки
> Редактор > Автозавершение) для автоматического закрытия кавычек,
комментариев HTML и пр.
Кроме этого в программе предусмотрена возможность автоподстановки для
быстрого ввода часто повторяющихся элементов кода. Каждому такому элементу
соответствует краткая комбинация символов, при наборе которой и нажатии
комбинации клавиш CTRL+J автоматически вводится
полный текст элемента. Например, при наборе dt4
и нажатии комбинации CTRL+J запись dt4
автоматически заменяется на: <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"> Аналогично,
набрав scriptj и нажав комбинацию
CTRL+J, можно получить следующий блок:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
</SCRIPT>
Согласитесь, что автоподстановка экономит немало времени,
особенно когда мы можем сами задать нужные "сокращения" для
часто используемых фрагментов кода. Задание сокращений выполняют командой
Options > Settings > Editor > Code Templates > Add (Параметры
> Настройки > Редактор > Шаблоны кода > Добавить).
Большинство клавиатурных сокращений, знакомых пользователям по другим
программам, например текстовым процессорам, в веб-редакторе Homesite
дают ожидаемый результат. Например, традиционное применение к выделенному
фрагменту полужирного начертания шрифта с помощью комбинации клавиш CTRL+B,
или курсивного начертания комбинацией CTRL+I,
а также подчеркивание текста комбинацией CTRL+U,
здесь также работает. При этом выделенный фрагмент обрамляется соответствующими
тегами.
Назад Вперед
На
главную страницу |
|
