Создание веб-страниц при помощи программы Allaire Homesite/Cold Fusion
Прочие вкладки
Следующая вкладка. Snippets (Отрывки), предназначена для создания коротких шаблонных текстов для ваших веб-страниц, их каталогизации и быстрой вставки в документы.
Затем идет вкладка Help (Справка), которая, скорее всего, в комментариях не нуждается – это великолепный справочник по использованию программы Homesite, а также языку HTML и различным дополнительным программам, которые можно бесплатно получить в Интернете.
И, наконец, последняя вкладка – Tag Inspector (Средство просмотра тегов). Она позволяет просмотреть теги, имеющиеся в HTML-документе, в виде иерархической структуры. Выделив какой-либо тег в этом “дереве”, можно получить в нижней части вкладки полный список доступных атрибутов и событий этого тега. Список организован в виде таблицы, в которую можно добавить какие-либо значения. Все сделанные изменения тут же отображаются на панели редактирования документа (но не сразу в момент ввода, а после перехода на другое поле таблицы).
Такие возможности, вкратце, предоставляет панель Resource Tab. Кстати, с помощью клавиши F9 ее можно быстро убрать с экрана, если захочется развернуть панель редактирования во всю ширину окна программы. Вернуть панель Resource Tab на экран можно повторным нажатием клавиши F9.
Панель редактирования
Теперь давайте кратко рассмотрим основную часть окна программы – панель редактирования. Вкладки:
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, здесь также работает. При этом выделенный фрагмент обрамляется соответствующими тегами.