Иллюстрированный самоучитель по 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



      Содержание раздела