Введение в web-дизайн Microsoft FrontPage

Помимо перечисленных Microsoft FrontPage Express позволяет оперировать с другими элементами документов HTML. Например, вы можете включить в html-код произвольный комментарий, воспользовавшись пунктом меню Вставка >Примечание. Можно интегрировать в web-страницу элемент управления ActiveX, апплет Java, анимацию PowerPoint или какой-либо иной plug-in, вызвав одну из опций меню Вставка > Другие составляющие. Для того чтобы добавить в html-документ сценарий VBScript или Java Script, необходимо воспользоваться пунктом меню Вставка > Сценарий, набрав в появившемся на экране окне код создаваемого вами скрипта.

Если вы хотите разнообразить свою страницу не функциональным, а чисто декоративным объектом, можете включить в заголовок html-документа бегущую строку, описание которой FrontPage Express автоматически превратит в код Java Script, обрабатываемый интерпретатором броузера одновременно с кодом HTML, либо применит для ее представления теги HTML 4.O. Для этого вам необходимо использовать пункт меню Вставка > Бегущая строка, при выборе которого на экране появится окно настройки свойств бегущей строки

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

ПРИМЕЧАНИЕ Учтите, что в некоторых случаях бегущая строка корректно отображается только в броузере Microsoft Internet Explorer. Программа Netscape Navigator может вывести ее на экран с ошибками, например, в виде статической текстовой строки, проигнорировав разметку анимации.

Весьма интересны с точки зрения компоновки html-документа так называемые компоненты WebBot, интеграция которых в web-страницу предусмотрена редактором FrontPage Express посредством пункта меню Вставка > КомпонентWebBot

Функция Включить позволяет вставить в web-страницу другой размещенный в Интернете html-документ без использования фреймов, функция Найти поможет вам создать форму для организации локальной поисковой системы по вашему

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

Следует учитывать, что компоненты WebBot не будут работать на локальном компьютере. В случае публикации содержащих их документов в Интернете необходимо убедиться в том, что предоставляющий вам хостинг web-сервер поддерживает расширения FrontPage. В противном случае попытка воспользоваться описанными выше интерактивными элементами приведет к появлению на экране сообщения об ошибке. Подробнее о расширениях FrontPage мы побеседуем чуть позже, в разделах, посвященных другим реализациям данной программы.

Как вы можете видеть, программа Microsoft FrontPage Express является весьма простым и удобным инструментом для создания шаблонов web-страниц, код которых впоследствии можно оптимизировать вручную в любом текстовом редакторе. Эта несложная программа позволит вам избежать утомительной процедуры написания длинных программных кодов разметки гипертекста, особенно часто повторяющихся его фрагментов, появляющихся, например, при подготовке таблиц. Да и визуальное представление интегрируемых вами в html-документ компонентов значительно упрощает компоновку страницы, поскольку, создавая ее шаблон, вы можете видеть на экране монитора внешний вид всех объектов, из которых состоит разрабатываемый вами ресурс.

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

Программный комплекс Microsoft FrontPage 98 предназначен не столько для разработки web-страниц, сколько для управления удаленным web-сервером и отладки составляющих сайт документов на локальном компьютере.

Данное приложение включает в свой состав три динамически связанные между собой программы. Первая из них — web-сервер, эмулирующий на локальном компьютере функции полноценного сервера Интернета, что позволяет обращаться к web-страницам, размещенным на вашем винчестере, по протоколу HTTP, то есть так, как если бы они уже были опубликованы во Всемирной сети. Этодает вам ряд существенных преимуществ при отладке разрабатываемых html-документов, поскольку, загружая их с диска с использованием протокола передачи гипертекста, вы можете без труда устранить ошибки в назначенных гиперсвязях или ликвидировать все проблемы, возникающие при отображении в броузере различных активных элементов.

Вторая программа, входящая в комплект поставки FrontPage 98, называется FrontPage Explorer.

Данное приложение позволяет проверить целостность гиперссылок внутри всего проекта, опубликовать сайт в Интернете при помощи встроенного FTP-клиента или отправить на предоставляющий вам web-хостинг сервер только те документы, которые были изменены вами с момента последней публикации. Доступ к разрабатываемому ресурсу открывается в программе FrontPage Explorer только по паролю, поэтому посторонние пользователи компьютера не смогут каким-либо образом изменить содержимое сайта в ваше отсутствие. Еще одним существенным достоинством FrontPage Explorer является то, что он позволяет открывать, редактировать и сохранять документы не только с использованием локального диска, но и непосредственно на удаленном сервере, где размещается ваш сайт.

И наконец, последняя программа, составляющая пакет FrontPage 98, называется FrontPage Editor. Именно в ней осуществляется редактирование html-документов, причем по своему интерфейсу FrontPage Editor практически идентичен уже знакомому вам редактору FrontPage Express.

Существенным отличием FrontPage Editor от FrontPage Express является то, что рабочее окно данного приложения имеет три вкладки, расположенные в левом нижнем углу. Первая из них представляет разрабатываемую web-страницув виде визуальной структурной разметки элементов документа, таких как заголовки, таблицы и кнопки навигации, вторая позволяет редактировать составляющий документ код HTML, третья демонстрирует страницу в режиме предварительного просмотра, причем так, как она будет выглядеть в броузере Microsoft Internet Explorer.

Пакет Microsoft FrontPage 98 содержит более пятидесяти шаблонов графического оформления web-страниц (так называемые «темы» FrontPage), включающих фоновые рисунки, кнопки, разделительные линии, порядка десяти примеров уже готовых сайтов и домашних страничек, содержащих гостевые книги, формы конференций и локальных поисковых систем, более двадцати шаблонов для отдельных html-документов с уже разработанными таблицами компоновки элементов страниц. Кроме того, редактор FrontPage Editor содержит расширенные средства работы с фреймами, огромный спектр всевозможных интерактивных форм различного назначения, широчайший ассортимент компонентов Web-Bot, внушительную коллекцию уже готовых интерактивных элементов, таких как счетчики посещений, выполненные в виде Java-апплетов кнопки, реагирующие на движения указателя мыши, и др. Здесь же имеются средства для работы с серверными базами данных, инструменты для создания программной анимации, например, бегущих строк, движущихся текстов и картинок, перемещающихся заставок, а также полнофункциональный редактор для подготовки различных сценариев на языке Java.

Иными словами, с применением программного пакета Microsoft FrontPage 98вы сможете создать полноценный web-сайт, самостоятельно разработав практически все необходимые вам интерактивные компоненты — доски объявлений, web-конференции и локальные поисковые системы, либо «собрав» их из форм FrontPage Editor, либо воспользовавшись уже готовыми шаблонами. Единственное, о чем вам следует помнить, так это о том, что используемые в MicrosoftFrontPage скрипты, предназначенные для передачи данных от клиентского компьютера серверу и обратно, входят в специальный пакет утилит, называемый серверными расширениями FrontPage. Если администратор предоставляющего вам web-хостинг интернетовского узла установил этот пакет на серверном компьютере, все интерактивные компоненты будут работать на вашем сайте безпроблем. В противном случае процедура вызова соответствующего сценария, встроенная в созданные с помощью FrontPage формы, будет обращаться при попытке передачи данных «в никуда», что, естественно, приведет к появлению ошибки и полной неработоспособности интерактивных компонентов вашего сайта.

Microsoft FrontPage 2000 (рис. 7.17) является более поздней реализацией программного пакета Microsoft FrontPage 98. С одной стороны, редактор стал значительно удобнее, поскольку все три программы, бывшие ранее независимыми приложениями, объединены здесь в одном интерфейсе. Появилась возможность редактировать страницу и шаблоны непосредственно в главном окне программы, настраивать по собственному вкусу панель инструментов, включать проверку орфографии и использовать другие грамматические модули Microsoft Office.

Стало возможным модифицировать прилагаемые к комплекту поставки «темы» — графические шаблоны web-страниц, а также автоматически проверять документ на корректность отображения в разных типах броузеров. Обеспечена практически полная совместимость программы с другими приложениями Microsoft Office 2000.

С другой стороны, пользователю, привыкшему работать с FrontPage Express или FrontPage 98, где редактирование web-страниц осуществляется «в полный экран», первое время чрезвычайно трудно привыкнуть к созданию документа в оконном режиме. Не очень хорошо продумана система взаимодействия с серверными базами данных. Часть функций предыдущей версии редактора вообще не претерпела изменений. В целом, пакет Microsoft FrontPage 2000 позволяет делать практически то же самое, что и Microsoft FrontPage 98.

Народная мудрость гласит, что умные пользователи учатся на чужих ошибках, а все остальные — на своих собственных. В этом разделе мы рассмотрим ряд типичных ошибок, которые допускают web-дизайнеры, работающие с пакетом Microsoft FrontPage различных версий.

Возможных причин данной проблемы может быть три:

На удаленном узле не установлены серверные расширения Microsoft Front Page. ;
Пользователь открывал и изменял в редакторе FrontPage Editor, FrontPage jExpress или FrontPage 2000 содержимое включающих формы web-страниц,уже помещенных на сервер, в результате чего компонентам формы были автоматически присвоены значения по умолчанию. После этой операции форма, как правило, утрачивает работоспособность.
При использовании собственных сценариев CGI, вызываемых в коде формы извне, скорее всего, указаны либо неправильный адрес вызываемогоскрипта, либо неверный метод передачи данных.

После публикации ресурса в Интернете на web-страницах перестают отображаться графические иллюстрации.

Можно назвать две группы наиболее характерных причин этой ошибки:

В вызывающем изображение коде указан неверный путь к графическому элементу, либо при публикации страницы программа «забыла» изменить локальные пути на адрес URL, либо изображение размещено не в той серверной директории, которая указана в вызывающем адресе, либо указан полный (абсолютный) путь вместо короткого (относительного), что также иногда может привести к ошибке. Попробуйте открыть файл на редактирование непосредственно с сервера и интегрировать изображение в страницу заново, указав его расположение в соответствующей серверной директории.
Б. Некоторые графические редакторы при сохранении файла на диске назначают ему расширение, записанное в заглавном символьном регистре, тогда как в коде, вызывающем изображение, оно записано в строчном. В Windows-совместимых платформах это не имеет значения: программы умеют воспринимать оба варианта записи, но в UNIX-совместимых операционных системах, под управлением которых работает большая часть http-серверов,это приводит к ошибкам. Либо исправьте описывающий картинку отрывок html-кода, либо измените запись расширения файла.

При переносе сайта на другой сервер на web-страницах пропадают изображения, фоновые рисунки и нарушается целостность гиперссылок.

Проблема заключается в том, что для некоторых элементов ваших html-доку-ментов, вызываемых непосредственно из кода разметки гипертекста, указаны не относительные пути (../Images/picture.gif), а абсолютные (http://www.server.ru/images/picture.gif). Естественно, что при смене адреса сервера, предоставляющего web-хостинг, эти элементы перестают отображаться в клиентском броузере.

Откройте окно Свойства страницы (Файл > Свойства страницы) и установите в пунктах Для сохранения и Для отображения раздела Кодировка HTML параметр Кириллица.

Переносите строки нажатием сочетания клавиш Shift+Enter.

Это происходит в том случае, если вы используете выравнивание списка по левому или правому краю, либо по центру экрана. Отмените выравнивание вводимого списка либо удалите вручную в коде HTML теги <Р ALIGN="значение"> </Р>, размещенные внутри тегов <LI> и </LI>.

Курсовая, контрольная работа. Примеры выполнения