Динамические Web-документы
Редактор FrontPage позволяет работать с отдельными Web-страницами.
Проводник FrontPage позволяет создавать структуру Web-сайта, т.е. определяет, как связаны между собой Web-страницы. Структура может быть создана для разных типов сайтов и включать как пассивные, так и активные страницы.
Для создания структуры сайта используются специальные средства - шаблоны и мастера, которые позволяют не задумываться о том, какие именно виды страниц должны присутствовать в сайте данного вида. Создающему сайт человеку предлагается типовой набор страниц, характерный, например, для сайта поддержки заказчиков, а создатель сайта определяет, достаточен ли для него такой набор страниц, и может исключить часть из них или добавить новые.
Главная страница каждого Web-сайта называется Homepage и находится в файле index.htm (или index.html - все зависит от того, для какого браузера создается сайт. Фирма Microsoft использует трехсимвольные расширения в именах файлов, тогда, как в Unix-системах расширение может иметь и более трех символов.
Практически все браузеры в настоящее время понимают обе системы). Остальные страницы сайта имеют произвольные названия, так как в гиперссылках указываются их полные адреса.
Сервер Frontpage позволяет имитировать работу Web-сайта на локальном компьютере, в локальной сети. По существу, он позволяет реализовать Intranet-систему на компьютере с телекоммуникационным доступом.
Его можно использовать и на host-компьютере Сети, но для работы с не очень большим набором Web-сайтов.
3.5. Проводник FrontPage (FrontPage Explorer).
FrontPage Explorer (Проводник) способен отображать Web-сайт на трех различных панелях: структурной панели (Outline View), панели связей (Link View) и общей панели (Summary View), позволяющих видеть, как сконструирован документ Web. В составе Проводника имеются мастера и шаблоны, позволяющие автоматизировать создание различных по назначению Web узлов.
Шаблоны (templates) - это образцы сайтов или страниц, которые можно использовать в качестве основы при создании нового документа. При использовании шаблонов в новом сайте создаются точные их копии, в которых подлежат замене имеющийся там текст и графика.
В структуру созданного с помощью шаблона сайта могут быть внесены изменения и дополнения.
Обратиться к шаблонам сайтов можно в проводнике FrontPage, выбрав в его меню: FILE - NEW - FrontPage Web . В открывающемся окне предлагаются для выбора следующие типы сайтов:
- Customer Support Web (Сайт поддержки заказчиков). С помощью этого шаблона создается сайт, на котором покупатели и заказчики могут получить консультацию по решению встречавшихся ранее проблем, предложить свои усовершенствования для реализуемых на сайте товаров и услуг;
- Empty Web (пустой Web) - создает пустой сайт, без страниц;
- Progect Web (Web проекта). Этот шаблон позволяет создать центральный информационный форум ("место кучкования") для находящегося в разработке проекта.
Сайт будет содержать домашнюю страницу (index.htm); страницу, на которой будут перечислены участники проекта; страницу, на которой будет приведен состав задач, решаемых при создании данного проекта; страницу с отображением текущего состояния дел по проекту; поисковую страницу; различные формы и дискуссионные страницы; страницу со ссылками на все другие адреса, где происходит публичное обсуждение данного проекта.
Мастера (wizards) - это программные модули, которые в диалоговом режиме выясняют требуемые характеристики создаваемого объекта, а затем создают объект, удовлетворяющий этим характеристикам.
FrontPage предлагает два мастера, позволяющие создать полную структуру Web-сайта; мастер для импорта сайтов, созданных вне FrontPage; мастер для создания "страниц с формой" (Form Page Wizard) -например, для сбора информации от посетителей сайта.
Полную структуру Web-сайта помогают создать:
- Мастер создания представительства компании (Corporate Presence Wizard);
- Мастер сайта дискуссионных групп (Discussion Web Wizard).
Мастер создания представительства компании создает следующие
связанные между собой страницы:
- Титульный лист с приветственной статьей (Introduction), представлением компании (Company Profile) и контактной информацией (Contact Information);
- Страницу новостей (What News), содержащую ссылки на пресс-релизы, заметки, обозрения и информацию о сайте;
- Различные страницы с описанием важнейших товаров и услуг (Product/Services), на каждой из которых отводится место под описание товара (услуги), дается информация о ценах, изображение товара, и т.д. (всего 3-5 страниц);
- Страницу оглавления (Table Contents), обновляемую автоматически при каждом обновлении структуры сайта;
- Форму для обратной связи (Feedbask Form), позволяющую собрать полезную информацию от посетителей (имя, адрес, номер телефона, факс, адрес электронной почты);
- Форму поиска (Search Form) - для поиска любого слова, содержащегося на страницах сайта.
Для вызова этого мастера необходимо в меню Проводника и открывающихся окнах набрать: File - New - FrontPage Web - Corporate Presence Wizard .
В поле Title набирается имя создаваемого сайта (под этим именем он будет зарегистрирован на Web-сервере пакета (Personal Web Server).
Когда начинает работать Мастер создания представительства компании, он создает структуру каталогов по указанному в окне New адресу. Затем открывается экран Мастера, в котором располагается краткое описание Мастера и текст, извещающий, что Вам предстоит ответить на некоторые вопросы, касающиеся облика создаваемого сайта. Внизу экрана расположено несколько кнопок:
- Help - помощь;
- Back - назад, кнопка, позволяющая (когда она доступна) вернуться к предыдущему экрану Мастера для изменения введенной ранее информации;
- Next - следующий, для перехода к следующему экрану Мастера;
- Finish - закончить. Кнопка позволяет закончить процесс создания на достигнутой к моменту нажатия стадии.
Останавливать процесс можно раньше, чем появится финальный экран. Если кнопка нажата после появления финального экрана, Мастер приступит к генерации указанного сайта.
На последнем экране Мастера есть флажок: Show Tasks view after web is uploaded (Показывать перечень заданий после загрузки сайта). В этом флажке встречается термин Tasks View (перечень задач).
Под этим термином понимается список задач, которые необходимо выполнить для завершения создания сайта. В процессе создания сайта FrontPage может добавлять в этот список новые задачи (например, о настройке тех страниц, в которых нужно ввести текст или разместить графические файлы).
После создания и сохранения сайта Мастер свою работу заканчивает, а FrontPage загружает сайт в Проводник и выводит на экран список заданий.
3.6. Редактор FrontPage (FrontPage Editor).
Информационное наполнение страниц может быть выполнено с помощью FrontPage Editor или других средств (например, Word 97). Однако, FrontPage Editor имеет больше возможностей.
Возможности FrontPage Editor видны из его меню:
- File - кроме обычных для Windows функций (New, Open, Close, Save, Save As) FrontPage Editor предлагает нетиривиальные: Save All -сохранить все открытые в FrontPage Editor страницы. Preview in Browser - просмотр страницы через браузер.
Page Setup - установка параметров (заголовок, подстрочный текст, поля) активной страницы.
- Edit: Undo - отмена последнего исправления;
Redo - отказ от отмены последнего исправления (глубина -до 30 исправлений);
Обычные функции: Cut, Copy, Paste, Clear, Select All, Find,
Replace;
Нетривиальные: Paste Special - специальная вставка текста, который находится в кармане в формате, отличном от принятого в FrontPage Editor;
Add Task - добавить запись в список
заданий;
Bookmark - сделать закладку;
Hyperlink - создать гиперссылку;
Unlink - разорвать гиперссылку.
- View - показать: содержит стандартный набор кнопок, кнопки форматирования, кнопки работы с образами и формами, специальные конструкции (Advanced Toolbar) - работа с тэгами HTML, управлением ActiveX, вставкой Java - аплетов, ... Format Marks показывает служебные элементы (закладки, метки параграфов, и др.).
- Go - переход к: Back (предыдущей странице);
Forward (к последующей странице);
Follow Hyperlinks (к указанной в выделенной гиперссылке странице);
Mail (к почте);
News (к работе с новостями);
Adress Book (к работе с адресной книгой);
Internet Call (к вызову Internet).
- Insert - вставка: строки (Line Break), горизонтальной линии (Horisontal Line), символа, отметки времени, оглавления, кнопки навигации, файла, образа, рисунка из ClipArt, активного элемента (баннера, поисковой формы, видео, бегущей строки,...), компонента FrontPage (комментария, HTML, ... - из заданного списка), базы данных, поля формы, гиперсвязи, и др.
- Format - форматирование: шрифта (размер, цвет, начертание символа), параграфа, анимирование (полет сверху, снизу, ..., по спирали; увеличение, уменьшение), преобразование страницы (наплыв, ослабление черного, ...), подосновы (background) - цвета фона, символов, внешнего вида гиперссылок. Remove Formatting - установка параметров по умолчанию (из стиля параграфа).
- Tools - инструменты: Spelling - проверка орфографии; Thesaurus -формирование словаря; Auto Trumbnail - генерация миниатюр; переход к графическому редактору, к Проводнику FrontPage.
- Table - работа с таблицами;
- Frame - рамки в окнах: новая рамка, разделение рамки, удаление рамки, получить начальную страницу, открыть страницу в новом окне, сохранить страницу, сохранить страницу как... , свойства страницы с рамками, свойства рамок.
- Windows - окна: каскадное или черепичное расположение, упорядочивание значков.
Более полно об управлении редактором FrontPage Editor см. [1].
3.7. Динамические Web-документы.
Динамическая страница - это страница, содержание которой создается автоматически, "на лету". При поступлении запроса на нее сервер с помощью специально предусмотренного механизма (CGI) обращается к корпоративной базе данных или документной базе за необходимой информацией.
Получив и преобразовав ее в формат HTML-документа, сервер отсылает страницу клиенту.
При этом способе формирования страниц достигается моментальное обновление содержания Web-сайтапри наличии каких-либо изменений в базе данных компании.
Динамические документы целесообразно применять при публикации в WWW интерактивных каталогов продукции и услуг фирмы, при предоставлении пользователям WWW доступа к быстро меняющейся информации.
Для реализации системы динамического формирования документов Web-сайта, сервер должен быть связан с корпоративной базой данных, которая постоянно находится в работе и постоянно обновляется.
Связь эта описывается с помощью CGI-скриптов, Java-скриптов, инструментов, содержащихся в последних версиях HTML. Пакет FrontPage содержит специальные конструкции (мастера и шаблоны), позволяющие реализовать такие конструкции без знания этих языков.
3.8. Средства гипертекстовой разметки.
Гипертекстовая разметка применяется для указания, в какой части экрана и каким образом должен быть отображен текст и как связаны между собой тексты, составляющие гипертекстовую базу данных. С этими целями в текст вводятся специальные управляющие символы.
Текст с управляющими символами хранится в обычном текстовом файле в кодах ASCII и может быть обработан практически любым текстовым редактором.
Язык гипертекстовой разметки HTML был предложен Тимом Бернерсом-Ли в 1989г. К моменту создания создания HTML существовал стандарт языка разметки печатных документов - SGML (Standart Generalised Markup Language), который и был взят в качестве основы HTML.
Предполагалось, что такое решение поможет использовать существующее программное обеспечение для интерпретации нового языка.
В качестве элемента гипертекстовой базы данных для HTML был выбран обычный текстовый файл, который хранится средствами файловой системы операционной Среды ЭВМ.
Таким образом, гипертекстовая база данных в концепции WWW -это набор текстовых файлов, написанных на языке HTML, который определяет:
- форму представления информации (разметка);
- структуру связей файлов между собой (гипертекстовые ссылки).
Такой подход предполагает наличие еще одной компоненты
технологии - интерпретатора языка. В WWW функции интерпретатора разделены между сервером гипертекстовой базы данных и интерфейсом пользователя.
Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, осуществляет так же препроцессорную обработку документов, тогда, как интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации.
В 1990г. появилась нулевая версия HTML 0.
Первая версия (HTML 1.0) была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер.
Вторая версия (HTML 2.0) фиксировала практику использования конструкций языка и явилась стандартом для построения WWW.
Версия ++HTML++ представляла новые возможности по представлению научной информации и таблиц, улучшения стиля компоновки текста и изображений.
Третья версия (HTML 3.0) упорядочила все нововведения и формализовала интерфейс пользователя гипертекстовой распределенной системы.
В 1996г. выпущена новая версия языка: HTML 3.2 ,включающая средства для создания таблиц, конструкции языка Java, карты-изображения (располагающиеся на машине-клиенте) и новые типы форматирования текста.
HTML - это текстовый язык, в котором инструкции по форматированию, называемые тэгами (tags), встроены в текст документа.
Процесс создания HTML - документа заключается во включении тэгов внутрь неформатированного текста, несущего информационную нагрузку.
Тэги HTML - это последовательности символов, начинающиеся знаком "меньше" () и заканчивающиеся знаком "больше" ().
Большинство функций форматирования в HTML специфицирует логические, а не физические стили. Например, тэги заголовков, которые обычно обозначают больший размер букв, не указывают, какой именно размер надо использовать. Браузер (который выполняет роль клиентской программы) выбирает размер текста для заголовков, превышающий обычный. Этот подход позволяет избавиться от платформы - документ, созданный на Macintosh может быть использован UNIX или Windows.
Недостатком является то, что на разных платформах документ выглядит по-разному.
Браузеры WWW при анализе предложений HTML работают по следующим правилам:
- пробелы и другие "невидимые" символы игнорируются;
- все тэги могут быть разделены на группы: базовые тэги, тэги форматирования, структурные тэги, указатели, и т. д.;
- тэги форматирования могут быть написаны строчными и/или прописными буквами;
- большинство тэгов форматирования пишутся парами. Открывающий тэг активирует данный эффект, а закрывающий -выключает его.
Пара тэгов иногда называется контейнером, поскольку эффект, который они включают и выключают проявляется на тексте, расположенном внутри них. Например, для того, чтобы указать, что строка должна быть напечатана жирными символами, надо написать: B Эта строка будет напечатана жирным текстом /B
- текст, находящийся внутри закрывающего тэга, всегда предваряется символом "обратная косая черта". Среди базовых тэгов HTML исключением из этого правила являются: BASE (основная информация), BR (конец строки), HR (горизонтальная линейка), и IMG (изображение).
Эти тэги существуют в единичном экземпляре.
Каждый документ HTML имеет граничные тэги: HTML и /HTML. Эта пара тэгов заключает в себе все другие тэги Web-страницы и все информационное содержание документа. Фактически они декларируют, что все содержимое контейнера является кодом HTML.
Тэг HTML должен располагаться в первой строке файла, а тэг /HTML - в последней.
Каждый HTML-документ содержит заголовок документа и его
тело.
Заголовок документа идентифицирует документ. Он должен идти сразу после тэга HTML и начинаться с HEAD.
Заканчивается заголовок тэгом /HEAD.
В заголовке документа обязательно должны присутствовать название документа и его базовый URL-адрес.
Название документа располагается между тэгами TITLE и /TITLE. Оно используется браузером и Web-сервером.
Длина названия не должна превышать 40 символов. Название документа должно быть информативным, отражать содержание документа, чтобы его можно было идентифицировать.
Название встречается в строке заголовка Internet Explorer, в списках журнала (History) и "Избранных стрницах" (Favorites).
Базовый URL должен быть полным (абсолютным) и содержать протокол, адрес компьютера в Internet и имя файла. Он указывается в тэге BASE HREF = "базовый_URL, . Все остальные URL в документе могут указываться относительно базового.
Например, если базовый URL имеет адрес: и необходимо указать URL файла features.html , расположенного в каталоге /products/office/excel на том же сервере, можно указать: ../excel/features.html , а не набирать полный адрес.
Символы ../ указывают, что нужно перейти на один уровень каталогов вверх относительно базового адреса.
Наличие базового адреса облегчает перенос документа на другой сервер, так как если все остальные URL в документе относительные, то при переносе необходимо изменить только имя сервера в базовом URL.
Тело документа содержит весь текст, несущий информацию и все тэги HTML, используемые для форматирования текста. Тело документа начинается сразу же после заголовка и ограничивается тэгами BODY и /BODY.
Пример HTML-документа:
HTML
HEAD
TITLE Название документа /TITLE
BASE HREF = "базовь^и^"
/HEAD
BODY
/BODY
/HTML
Тэги, используемые в теле документа, позволяют указывать следующие элементы разметки текста:
- начало абзаца и конец строки
- стили заголовков
- физические стили -логические стили
- списки
- специальные символы.
Гипертекстовые ссылки состоят из двух частей: указателя и URL. Указатель - это текст, по которому пользователь должен щелкнуть для того, чтобы куда-то переместиться.
URL указывает адрес, с которого браузер будет загружать документ, когда пользователь щелкнет по указателю.
Текстовые указатели в графических браузерах обычно подчеркнуты и выделены цветом. В чисто текстовых браузерах они выделяются жирным шрифтом.
В качестве указателя может использоваться любой текст, независимо от его размеров и особенностей форматирования. Указатель может состоять из нескольких букв, слов или даже строк текста.
Формат указателя:
A HREF = "URL" текст указателя /A ,
где буква А в тэге A HREF означает указатель (anchor), а HREF -гипертекстовую ссылку (Hypertext REFerence). Все, что находится между тэгами A HREF = "URL" и /A является текстом указателя, который выводится на экран подчеркнутым или жирным шрифтом.
Вместе с гипертекстовыми указателями могут быть использованы другие форматирующие коды. Например:
A HREF = "URL" ’ I Переход к более подробному изложению /I
/A
или
I A HREF = "URL" Переход к более подробному изложению /A /I
Более подробные сведения по средствам гипертекстовой разметки приведены в [11].
Глава 4. Технология создания и ведения Интернет -
представительства.
Эффективность Web-представительства фирмы в Интернет практически не зависит от применяемого при его создании аппаратного и программного обеспечения. Основными факторами, влияющими на эффективность, являются содержание, структура Web-сайта, новизна информации на нем, ее достоверность, уникальность стиля Web-сайта.
Содержание Web-сайта определяет, есть ли на нем интересная, заслуживающая внимания информация. Неинтересный сайт никому не нужен, не будет посещаться, обречен на постепенное угасание.
Структура Web-сайта должна быть понятна каждому посетителю. Имея перед глазами документ, пользователь интуитивно должен представлять себе способ получения другой информации Web-сайта.
Однажды запутавшись в джунглях сайта, клиент повторно на него не придет. И напротив - ясная и прозрачная структура сайта, в которой поиск данных не представляет труда, обязательно привлечет дополнительных посетителей.
Новизна информации на Web-сайте оказывает сильное влияние на его эффективность. Если информация не обновляется, то после второго посещения сайт перестанет быть интересным.
Информацию необходимо обновлять, а старую - переносить в архив. Доступной должна быть и старая, и новая информация.
Показать посетителям, что материалы обновлены можно, указывая дату создания и обновления каждого документа.
Достоверность информации определяет авторитетность сайта. Размещать на сайте нужно только проверенные материалы, не содержащие ошибок.
Каждый документ на сайте должен иметь конкретного автора - с именем, рабочим адресом, телефоном и электронной почтой, включенными в документ или вынесенными на отдельную страницу с обязательной гипертекстовой ссылкой на нее. Этим подтверждается, что есть человек, который несет ответственность за публикуемые материалы (при этом фирма, в которой он работает, так же отвечает за его действия, так как он является ее сотрудником.
Стиль Web-сайта должен быть уникальным. Сайт должен быть всегда узнаваемым, независимо от того, виден на экране логотип, или нет.
Стиль создается различными способами, в том числе - манерой изложения информации.
Учесть эти факторы можно лишь при строгом соблюдении технологии проектирования представительства, которая предусматривает выполнение следующего состава работ по проектированию Web-представительства:
1. Осознание цели разработки Web-представительства;
2. Фиксация внешних условий, в которых будет функционировать представительство;
3. Концептуальное проектирование Web-представительства;
4. Выбор средств создания Web-сайта;
5. Разработка структуры сайта. Конструирование Web-страниц;
6. Информационное наполнение Web-страниц;
7. Тестирование сайта;
8. Размещение сайта на Web-сервере;
9. Объявление о существовании сайта;
10. Контроль работоспособности сайта;
11. Исследование эффективности сайта;
12. Обновление и модернизация сайта.
Цель разработки Web-представительства оказывает
существенное влияние на структуру и состав сайта, определяет характер работ при его создании. Все цели могут быть разделены на две группы: некоммерческая деятельность, и получение прибыли.
Примерный состав целей может быть представлен в виде следующего графа рис. 3:
Цель создания Web-представительства
| Некоммерческая деятельность |
Получение прибыли |
| Создание и поддержка имиджа | Информация о товарах и услугах |
| Содержание собственного СМИ | Изучение мнений |
| Общение по интересам | Исследование рынков |
| Распространение знаний, передача опыта | Реализация товаров и услуг |
| Прием заявок | |
| Сервисное и гарантийное обслуживание | |
| Обучение, консультации |
|
| Совместное выполнение работ | |
| Публикация чужих |
Рисунок 3. Примерный состав целей разработки Web-представительства
Кроме основных существуют и сопутствующие цели:
- сайт должен быть актуальным;
- сайт должен быть интересным, иначе он не будет посещаться более одного раза и время каждого посещения будет минимальным;
- сайт должен быть авторитетным: если на нем дается информация, она должна быть достоверной;
- сайт должен быть удобным, дружественным к пользователю. Конечная цель работы по созданию сайта заключается не в его
организации, а в публикациях, в представлении на всеобщее обозрение документов, материалов. возможностей компании.
Начинается разработка Web-сайта с четкого определения целей (основных и сопутствующих), которых не должно быть много. Под них определяется угол зрения, общий тон, на который настраиваются все документы сайта, состав этих документов.
Именно цели будут определять состав и структуру программного обеспечения сайта, задействованные на нем сервисы Internet.
Фиксация внешних условий, в которых будет функционироватьWeb-представительство.
Внешние условия определяют, кто будет основным посетителем сайта; какие источники информации являются "своими" для типичного посетителя, стиль изложения материала в этих источниках, угол зрения, общий тон; психологические особенности типичного посетителя (пол, возраст, сфера интересов, интеллектуальное развитие, мотивы деятельности, и др.).
