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


Назад    Содержание    Вперед





Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий