Web дизайн с Macromedia HOMESITE



 

Функциональные возможности редактора кода

Вес действия по вводу и редактированию кода Web-документа выполняются на вкладке Edit окна документа.

Для ввода и правки кода Web-документа вы можете использовать:

  • непосредственный набор текста на клавиатуре;
  • вставку текста через буфер обмена;
  • включение содержимого файла, выбранного в окне ресурсов;
  • вставку повторно используемых фрагментов (Snippets);
  • сервисные функции:
    • завершения строки - - Auto Completion,
    • вставки имен тегов и атрибутов — Tag Insight;
    • завершения парных тегов — Tag Completion;
    • вставки атрибутов функции — Function Insight;
    • подстановки фрагментов — Code Templates.

Для упрощения работы с отдельными фрагментами и блоками текста редактор кода поддерживает операции прямого манипулирования (перетаскивание фрагмента в другую позицию), а также «многоместный» буфер обмена.

Кроме того, как уже было сказано, в процессе работы с кодом вы всегда можете обратиться к одному из дополнительных инструментов, имеющихся в составе HomeSite.

Эффективность работы с большими документами существенно зависит от читабельности текста. Поэтому в составе редактора кода имеются средства управления визуальным представлением кода:

  • цветовая подсветка синтаксических конструкций используемого языка;
  • автоматическое форматирование текста с учетом синтаксиса;
  • функция свертывания/развертывания текстовых фрагментов;
  • управление параметрами шрифта;
  • управление отображением скрытых символов;
  • управление выводом номеров строк.

Для ускорения выбора требуемой функции или изменения режима работы редактора кода предназначены два основных механизма:

  • собственная панель инструментов;
  • контекстные меню.

Некоторые кнопки, имеющиеся на панели инструментов редактора кода, были описаны в первой главе (раздел «Организация пользовательского интерфейса», рис. 1.5).

Ниже приведены пояснения к остальным кнопкам панели инструментов (рис. 3.1):

  • Close Active Document (Закрыть активный документ) — закрывает текущий (активный) документ;
  • Indent (Отступ) — сдвигает активную строку (в которой находится курсор) или выбранный фрагмент текста на одну позицию табуляции вправо;
  • Unindent (До сдвига) -- отменяет результат однократного сдвига;
  • Tag Insight -- кнопка-переключатель, которая разрешает или запрещает использование функции Tag Insight,
  • Tag Completion -- кнопка-переключатель, которая разрешает или запрещает использование функции Tag Completion;

Рис. 3.1. Панель инструментов редактора кода

  • Tag Validation — кнопка-переключатель, которая разрешает или запрещает использование функции Tag Validation;
  • Open in Macromedia Dreamweaver/Ultradev (Открыть в Dreamweaver/ Ultradev) -- обеспечивает загрузку текущего документа в визуальный редактор Dreamweaver (если вместо него на компьютере установлено приложение Macromedia Ultradev, то документ будет загружен в него).

Команды, имеющиеся в контекстном меню редактора кода, разделены на несколько групп. Некоторые из них являются контекстно-зависимыми, другие — нет. В общем случае в меню присутствуют следующие команды (рис. 3.2):

Рис. З.2. Основной формат контекстного меню редактора кода

  • Edit Current Tag (Редактировать текущий тег) — открытие диалогового окна редактора тегов, соответствующего выбранному в документе тегу;
  • Insert Tag (Вставить тег) -- вызов утилиты Tag Chooser,
  • Insert Expression (Вставить выражение) — вызов редактора выражений;
  • Edit Include File (Редактировать включенный файл) — вызов приложения, ассоциированного с файлом, ссылка на который выбрана в документе;
  • Close (Закрыть) — закрывает текущий документ;
  • File (Файл) - - каскадное меню, содержащее некоторые команды из меню File главного окна HomeSite;
  • Cut (Вырезать), Сору (Копировать), Paste (Вставить) — стандартные команды редактирования, выполняемые с использованием буфера обмена;
  • Insert Dale/Time (Вставить дату/время) — каскадное меню, которое обеспечивает выбор формата и вставку в активную позицию документа текущего значения даты и времени;
  • Select Full Tag (Выбрать тег) - - выбор (выделение) тега, в пределах которого находится курсор, включая открывающую и закрывающую угловые скобки (рис. 3.3, вверху); для парных тегов данная команда обеспечивает выбор фрагмента документа от левой угловой скобки открывающего тега до правой угловой скобки закрывающего тега (рис. 3.3, внизу);
  • Selection (Выбранное) - - каскадное меню, которое содержит команды редактирования выбранного фрагмента; подробнее их применение будет рассмотрено в следующем подразделе;
  • группа команд, предназначенных для свертывания и развертывания фрагментов текста (Collapse Current Selection и др.); работа с ними описана в подразделе «Управление визуальным представлением документа».

Контекстное меню тега <IMG>, описывающего параметры сенсорной карты, дополнительно к перечисленным выше содержит команду Edit Image Map (Редактировать сенсорную карту), которая обеспечивает вызов утилиты Image Map Editor.

Рис. 3.3. Результат применения команды Select Full Tag