| Редакторы: Самоучители: GoLive Homesite Amaya | 1 ... 3 4 Вторая слева вкладка панели Resource Tab называется Projects (Проекты)-Она похожа по внешнему виду на предыдущую, но позволяет собрать файлы, размещенные в разных местах, в одну или несколько "виртуальных папок". Так можно обеспечить себе более удобный доступ к файлам, чтобы не искать каждый раз нужную папку на диске. В верхней части вкладки можно быстро выбрать свой проект из раскрывающегося списка, точно так же, как на предыдущей вкладке мы выбирали диск. Рядом расположены три командные кнопки: с помощью кнопки Мастер доставки-можно отправить веб-страницу на один или несколько серверов через локальную сеть или Интернет. Имеется даже возможность генерации сценария, который будет через определенные промежутки времени автоматически производить доставку обновленных версий вашей странички на удаленный сервер. Схема сайта Средства третьей вкладки — Site View (Схема сайта) — предназначены для просмотра схемы разрабатываемого веб-сайта. Связи между HTML- документами, рисунками и прочими объектами на схеме показаны пунктирными наглядно увидеть связи между элементами. Щелчок мыши на каком-либо элементе схемы приводит к выделению соответствующего элемента в окне редактирования. Выделив какой либо элемент, являющийся HTML- документом, можно перейти к его редактированию на правой панели окна программы. Для того щелкните на данном элементе правой кнопкой мыши и выберите в контекстном меню команду Edit (Правка). Схему сайта можно просмотреть как в виде диаграммы, так и в виде обычного дерева каталогов. Для переключения с одного вида на другой, нужно щелкнуть правой кнопкой мыши и любом месте вкладки Site View (Схема сайта), выбрать в контекстном меню пункт View Style (Метод просмотра) и установить флажок либо Tree (Дерево), либо Chart (Диаграмма). Прочие вкладки Такие возможности, вкратце, предоставляет панель Resource Tab. Кстати, с помощью клавиши F9 ее можно быстро убрать с экрана, если захочется развернуть панель редактирования во всю ширину окна программы. Вернуть панель Resource Tab на экран можно повторным нажатием клавиши F9. Теперь рассмотрим основную часть окна программы — панель редактирования. Вкладки: На первой 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 автоматически заменяется на: Аналогично, набрав scriptj и нажав комбинацию CTRL+J, можно получить следующий блок: Согласитесь, что автоподстановка экономит немало времени, особенно когда мы можем сами задать нужные "сокращения" для часто используемых фрагментов кода. Задание сокращений выполняют командой Options > Settings > Editor > Code Templates > Add (Параметры > Настройки > Редактор > Шаблоны кода > Добавить). Большинство клавиатурных сокращений, знакомых пользователям по другим программам, например текстовым процессорам, в веб-редакторе Homesite дают ожидаемый результат. Например, традиционное применение к выделенному фрагменту |
Используются технологии uCoz