Основы разработки 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).