Главная   Ссылки    Код баннера   

Редакторы:    Текстовые    Визуальные    Графические    Векторные    3D-графика
Самоучители:     GoLive    Homesite     Amaya   

Учебник Homesite

1 ... 3 4



Работа с проектами


Вторая слева вкладка панели Resource Tab называется Projects (Проекты)-Она похожа по внешнему виду на предыдущую, но позволяет собрать файлы, размещенные в разных местах, в одну или несколько "виртуальных папок". Так можно обеспечить себе более удобный доступ к файлам, чтобы не искать каждый раз нужную папку на диске. В верхней части вкладки можно быстро выбрать свой проект из раскрывающегося списка, точно так же, как на предыдущей вкладке мы выбирали диск. Рядом расположены три командные кнопки:
  • Open Project (Открыть проект),
  • New Project (Создать проект)
  • Deployment Wizard (Мастер доставки).
    с помощью кнопки Мастер доставки-можно отправить веб-страницу на один или несколько серверов через локальную сеть или Интернет. Имеется даже возможность генерации сценария, который будет через определенные промежутки времени автоматически производить доставку обновленных версий вашей странички на удаленный сервер.

    Схема сайта

    Средства третьей вкладки — Site View (Схема сайта) — предназначены для просмотра схемы разрабатываемого веб-сайта. Связи между HTML- документами, рисунками и прочими объектами на схеме показаны пунктирными наглядно увидеть связи между элементами.
    Щелчок мыши на каком-либо элементе схемы приводит к выделению соответствующего элемента в окне редактирования. Выделив какой либо элемент, являющийся HTML- документом, можно перейти к его редактированию на правой панели окна программы.
    Для того щелкните на данном элементе правой кнопкой мыши и выберите в контекстном меню команду Edit (Правка). Схему сайта можно просмотреть как в виде диаграммы, так и в виде обычного дерева каталогов.

    Для переключения с одного вида на другой, нужно щелкнуть правой кнопкой мыши и любом месте вкладки Site View (Схема сайта), выбрать в контекстном меню пункт View Style (Метод просмотра) и установить флажок либо Tree (Дерево), либо Chart (Диаграмма).

    Прочие вкладки

  • Snippets (Отрывки)- предназначена для создания коротких шаблонных текстов для веб-страниц, их каталогизации и быстрой вставки в документы.
  • Help (Справка)- это великолепный справочник по использованию программы Homesite, а также языку HTML и различным дополнительным программам, которые можно бесплатно получить в Интернете.
  • Tag Inspector (Средство просмотра тегов)-Она позволяет просмотреть теги, имеющиеся в HTML-документе, в виде иерархической структуры. Выделив какой-либо тег в этом "дереве", можно получить в нижней части вкладки полный список доступных атрибутов и событий этого тега. Список организован в виде таблицы, в которую можно добавить какие-либо значения. Все сделанные изменения тут же отображаются на панели редактирования документа (но не сразу в момент ввода, а после перехода на другое поле таблицы).
    Такие возможности, вкратце, предоставляет панель Resource Tab. Кстати, с помощью клавиши F9 ее можно быстро убрать с экрана, если захочется развернуть панель редактирования во всю ширину окна программы.
    Вернуть панель Resource Tab на экран можно повторным нажатием клавиши F9.

    Панель редактирования

    Теперь рассмотрим основную часть окна программы — панель редактирования. Вкладки:
  • Edit (Правка),
  • Browse (Просмотр)
  • Design (Оформление).

    На первой HTML-документ представлен в виде исходного текста. При этом происходит автоматическая подсветка тегов.
  • Ссылки и якоря -выделяются темно-зеленым цветом,
  • графические теги — бордовым,
  • остальные теги — темно-синим.
  • Теги встроенных сценариев -выделяются коричневым цветом,
  • встроенные функции и другие зарезервированные слова и элементы языка сценариев — полужирным начертанием.

    Различными цветами подсвечиваются также и стилевые блоки, что намного облегчает восприятие и позволяет " на лету" устранять случайные ошибки. Все цвета можно изменить по желанию, выбрав в меню:
    Options (Параметры) команду Settings (Настройки) , нажав кнопку Edit Scheme (Правка цветовой схемы) в окне EditorColor 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, здесь также работает. При этом выделенный фрагмент обрамляется соответствующими тегами.



    Вперёд


  • Используются технологии uCoz