Основы разработки Web-документов. Редакторы html-документов

Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (Notepad). Это очень поучительно, поскольку Вы поневоле изучите синтаксис HTML-тегов и прочувствуете особенности структуры HTML-документа, но при этом все теги придется вводить вручную.

Очень удобен редактор Textpad, позволяющий в одном из своих режимов вставлять в текст HTML-теги или символьные примитивы HTML из предлагаемого набора. Прекрасно реализованы в этом редакторе и многие другие возможности, необходимые при работе с HTML-документами.

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

В настоящее время распространены HTML-редакторы Microsoft FrontPage, Macromedia Dreamweaver, Allaire Homesite. Наконец, HTML-документ может быть получен преобразованием в HTML-формат, например, из формата документов пакета Microsoft Office. Широко используемый текстовый редактор Microsoft Word, а также не менее популярные Microsoft Excel и Microsoft Access версий позволяют сохранить файл в формате HTML. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Надо отметить, что при таком преобразовании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции. Значительно эффективнее пользоваться специальными HTML - редакторами.

Автоматизация разработки Web –документов. Редактор Front Page

Одним из редакторов для визуального проектирования Web-сайтов, обладающим широким спектром возможностей, является программа FrontPage.

Редактор FrontPage содержит большой набор шаблонов и мастеров для создания сайтов по различной тематике. Для форматирования текста можно использовать все возможности, предусмотренные в основном стандарте HTML, а также применять специальные динамические эффекты и анимацию. Редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word, таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и десятки готовых тем для оформления страниц сайта. В программе Front-Page реализована поддержка современных Web-технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java-апгатеты. Если Web-сервер поддерживает технологии FrontPage и SharePoint, то появляются дополнительные возможности при создании страниц – формы поиска, счетчики посещений, оглавление сайта и другие. Программа FrontPage является не только редактором Web-страниц, но и содержит средства управления сайтом, такие, как схема навигации по страницам, анализ сайта с помощью различных отчетов, коллективная разработка, настройка на определенные браузеры, загрузка сайта на Web-сервер по протоколам HTTP и FTP. Все эти возможности позволяют создавать с помощью FrontPage полноценные Web-сайты.

Главное рабочее окно представлено на рисунке. В заголовке окна расположен значок системного меню, название программы с именем редактируемого в данный момент документа и стандартные кнопки для сворачивания и закрытия окна программы. Ниже находится меню, содержащее команды управления программой. Во время работы редко используемые пункты меню могут быть скрыты, и, чтобы их выбрать, нужно дополнительно щелкнуть на стрелке « в нижней части меню второго уровня. Под меню расположены две панели инструментов: Стандартная (Standard) для быстрого вызова наиболее часто используемых команд и Форматирование (Formatting) для форматирования текста. Как и другие программы из пакета MS Office, редактор FrontPage позволяет отображать или скрывать определенные панели инструментов, а также менять набор кнопок на панелях. Основную часть рабочего окна занимают вкладки редактируемых документов. Текущий документ - нов_стр_1 .htm (new_page_l.htm). В правой части рабочего окна расположена область задач, в которой можно найти справку о различных возможностях программы, выполнять различные действия - поиск, работу с буфером обмена и т.п.

Рис.10 Рабочее окно программы FrontPage

Область задач можно скрыть, освободив место для проектирования страниц.

В нижней части рабочего окна программы находится строка состояния, на которой выводится информация о ходе выполнения различных команд.

В Microsoft FrontPage существует несколько способов просмотра содержимого Web-узла, облегчающих разработку, публикацию и управление им. Работать с Web-страницами можно, используя одно из следующих представлений:

Страница (Page).

Папки (Folders).

Удаленный Web-узел (Remote Web Site).

Отчеты (Reports).

Переходы (Navigation).

Гиперссылки (Hyperlinks).

Задачи (Tasks).

В представлении Страница (Page) можно использовать один из четырех режимов представления страницы:

• Конструктор (Design) - режим по умолчанию. В этом режиме можно разрабатывать иредактировать Web-страницы, используя практически все возможности концепции WYSIWIG

• Код (Code). Позволяет самостоятельно просматривать, записывать и редактировать теги HTML. Используя средства оптимизации кода в Microsoft FrontPage, можно создать чистый код HTML; также упрощается процедура удаления ненужного кода.

• С разделением (Split). В этом режиме можно проверять и редактировать содержимое Web-страницы в формате с разделением экрана, предоставляющем одновременный доступ к режимам Код (Code) и Конструктор (Design).

• Просмотр (Preview). Позволяет просматривать внешний вид страницы в Web- обозревателе, не сохраняя ее. Этот режим используется для проверки страницы перед сохранением после внесения небольших вызывающих сомнения изменений.

В представлении Страница (Page) режим ее представления выбирается в левой нижней части рабочего окна программы FrontPage

В представлении Папки (Folders) можно использовать папки для непосредственной работы с файлами и папками, а также для организации содержимого Web-узла. В этом представлении папки можно создавать, удалять, копировать и перемещать, как и в Проводнике (Explorer) Microsoft Windows.

Представление Удаленный Web-узел (Remote Web Site) можно использовать для публикации всего Web-узла или выборочной публикации отдельных файлов. Также можно синхронизировать файлы в двух или нескольких расположениях, чтобы обеспечить своевременное обновление узлов с одинаковым содержимым. В представлении можно выполнить отбор для отображения содержимого папки, файлов для публикации, файлов не для публикации и конфликтующих файлов.

Представление Отчеты (Reports) позволяет анализировать содержимое Web-узла после выполнения запроса отчета. Можно рассчитывать полный объем памяти, занимаемой файлами на узле, отображать файлы, не связанные с другими файлами, обнаруживать медленные и устаревшие страницы, группировать файлы по задаче или по лицу, которому они предназначены, выполнять другие задачи.

С помощью представления Переходы (Navigation) можно отображать иерархическую структуру Web-страниц. Это представление позволяет изменять расположение страниц на узле при помощи простых перемещений мышью.

В представлении Гиперссылки (Hyperlinks) отображается состояние гиперссылокWeb-узла в виде списка. Этот список включает внутренние и внешние гиперссылки и использует значки для обозначения проверенных или неработающих гиперссылок.

Представление Задачи (Tasks) отображает все задачи Web-узла в формате столбца и содержит текущие сведения о каждой задаче под соответствующими заголовками.

Любое из перечисленных представлений можно включить с помощью команд меню Вид (View).

Сайт в программе FrontPage представляет собой совокупность HTML-страниц, рисунков, документов и других файлов, хранящихся на локальном диске или на Web-сервере.

Обычно все файлы сайта находятся в единой папке и вложенных в нее папках. Название папки сайта соответствует названию сайта. Редактор FrontPage позволяет работать с сайтом как с единым целым - открывать, копировать, настраивать параметры, а также редактировать отдельные страницы и другие документы, входящие в структуру сайта.

Чтобы закрыть текущий сайт, нужно выбрать в меню программы команду Файл • Закрыть узел (File • Close Web).

Создание нового сайта

Для создания нового сайта нужно в меню File (Файл) выбрать пункт New (Создать) и затем команду Web (Сайт). Сайт может состоять из нескольких страниц связанных между собой с помощью ссылок в виде текста или навигационных кнопок.

Создание новой страницы

Для создания новой страницы нужно в меню File (Файл) выбрать пункт New (Создать) и затем команду Page (Страница). В появившемся диалоговом окне на вкладке General (Общая) выберите макет создаваемой страницы и нажмите на кнопку Ok. Также, для создания пустой страницы можно щелкнуть по кнопке New Page (Новая страница) на стандартной панели инструментов.

Web-страница – это электронная страница, отформатированная специальным

образом для использования в WWW.

Сохранение страницы

Для сохранения страницы нужно в меню File (Файл) выбрать пункт Save (Сохранить). Если страница сохраняется в первый раз, то появится диалоговое окно Save As.