Панель редактирования
Теперь давайте кратко рассмотрим основную часть окна программы — панель редактирования. Вкладки:
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, здесь также работает. При этом выделенный фрагмент обрамляется соответствующими тегами.
