бесплатно рефераты
 

Internet Explorer создание Webстраниц

Навигационная панель присутствует на экране постоянно, упрощая перемещение

по сайту. При щелчке по любой кнопке-ссылке новая страница открывается во

втором, большом окне.

Схема сайта. Разделы

Перед созданием всего сайта создается его структура, т.е. создается главная

страница, а с ней связанные с помощью ссылок дополнительные страницы,

которые отвечают за свои разделы. В редакторе FrontPage структуру можно

задать по готовым шаблонам, но и можно создать самому.

Новости – именно этого типа страницы создаются главными. И на этого типа

страницах отражаются основные изменения произошедшие на сайте.

Ссылки. Ссылки на основные страницы должны иметь свой определенный порядок

расположения и распределены по определенным темам.

Гостевая книга. Структура гостевой книги крайне проста - цепочка отзывов –

и не предполагает активного общения. Именно поэтому гостевую книгу

используют, в основном, маленькие сайты с небольшим числом посетителей.

Помимо гостевой книги может быть и “форум”, позволяющий создавать

древовидную структуру сообщений, сгруппированных по веткам-темам. В форуме

на каждое сообщение можно поместить множество отзывов и комментариев,

каждый из которых может стать отправной точкой для новой дискуссии.

Чтобы создать форум или гостевую книгу, необходимо написать специальную

программу-скрипт.

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

Первым делом создается папка, в которой будет находиться до размещения в

Интернет, будущий сайт. В этой папке должны находиться еще и “подпапки”

предназначенные для картинок, музыкальных файлов прочего. Полезно также

выделить отдельную папку для каждого раздела сайта. В корневом каталоге

должна находиться главная страничка сайта. Существует еще одно правило:

размер странички должен укладываться в размер одного экрана. Т.е. если сайт

рассчитан на пользователей 15 дюймового экрана то разрешение должно быть

600х800, а для 17 дюймового – 1024х786. Сначала создается структура

документа. При создании структуры указываются имена страниц (не файлов).

Затем страница заполняется нужными картинками и текстом. В конце, когда

страница создана, ее нужно сохранить в нужной папке. Имя файла для главной

страницы должно быть index.html . Далее созданные страницы объединяют с

помощью ссылок. При связке в общий документ ссылки можно спрятать под любой

видимый объект (картинки, меню, кнопки и т.д.) .

Публикация готовых WWW-страниц в Интернет

Местом прописки для страницы может стать сервер провайдера – эта услуга как

правило бесплатная. Страничка может быть размещена в личном каталоге,

причем правами на редактирование, удаление и добавление информации в нем

будет обладать сам автор. Это обеспечит безопасность страницы и защиту ее

от посторонних. Точный адрес каталога можно узнать у провайдера.

Для публикации страницы на ftp-сервере нужно указать точный адрес сервера,

где она будет размещена, а также логин и пароль для доступа к нему. Если

страница размещается на сервере провайдера, то логин и пароль совпадут с

теми, что используются для выхода в Интернет. А вместо точного адреса можно

указать просто название сервера. При подключении к ftp-серверу, он сам

вычислит из пароля и логина, в какую папку “переадресовать” копируемые

файлы. Для закачки используется какой либо ftp-клиент. К тому же, как

правило, вместе с пространством под сайт можно получить и бесплатный

электронный почтовый ящик.

Microsoft FrontPage

Microsoft FrontPage относится к семейству визуальных редакторов WWW-

страниц. Эта программа с легкостью позволяет создавать не только отдельные

страницы, но и целые системы страничек – сайты. Здесь можно вставлять и

позиционировать любые картинки, использовать таблицы, звук, анимацию и

небольшие апплеты. FrontPage также располагает большой коллекцией готовых

шаблонов форм и схем. Есть возможность работы с фреймами (страницы

состоящие из нескольких окон).

FrontPage позволяет работать в трех режимах: стандартном режиме

верстки документа, режиме просмотра в окне броузера и режиме редактора HTML-

тегов.

Работа в редакторе FrontPage

Начиная работу в редакторе FrontPage, следует отдавать себе отчет, что в

результате его применения получается документ HTML, построенный по тем же

правилам, что и создаваемый вручную. Этот факт сразу же определяет

возможности и ограничения в работе этого редактора.

• Все функции редактора FrontPage однозначно реализуются тегами HTML

• Редактор FrontPage не имеет средств, которые нельзя было бы представить

в виде тегов HTML

• Пользователь обычно не знает, какие именно средства HTML используются

для достижения заданного эффекта и насколько корректно они применяются.

Редактор FrontPage «ориентирован» на применение обозревателя Internet

Explorer, так что создаваемый им код HTML наиболее адекватно отображается

именно в этом броузере. В частности, FrontPage позволяет использовать

«бегущую строку», средство, которое не входит в стандарт HTML, но

поддерживается Internet Explorer. Из числа стандартных средств HTML

редактор FrontPage не поддерживает фреймы (точнее говоря, создание

документов описания фреймов).

Создание и редактирование документа

Окно программы FrontPage представляет собой комбинацию окна редактора и

окна броузера. Документ HTML отображается редактором, как специфическим

броузером, отображающим даже обычно невидимые элементы (такие как якоря). В

то же время, этот текст можно редактировать средствами, аналогичными

имеющимся в текстовом процессоре.

В качестве основного средства форматирования используется Панель

инструментов форматирования. Она содержит:

• раскрывающийся список Изменение стиля, позволяющий выбрать стиль

оформления абзаца (соответствующий стандартным функциональным элементам

HTML);

• раскрывающийся список Изменение шрифта, позволяющий выбрать гарнитуру

шрифта (наличие такого же шрифта в ходе просмотра документа через Интернет

не гарантируется);

в кнопки увеличения и уменьшения размера текста (в относительных единицах

HTML);

• кнопки выбора начертания;

• кнопки выбора выравнивания текста;

• кнопки создания маркированных (неупорядоченных) и нумерованных

(упорядоченных) списков;

• кнопки задания отступа текста (на основе некорректного использования

элементов HTML).

[pic]

Окно проводника FrontPage

Дополнительные элементы форматирования, не вынесенные на панель

инструментов, задаются в отдельных диалоговых окнах. Их можно открыть,

например, с помощью команд Формат > Шрифт и Формат > Список.

Для создания гиперссылки надо выделить фрагмент текста, который будет

использоваться как ссылка, и дать команду Вставка > Гиперссылка. В

открывшемся диалоговом окне "Создать гиперссылку" выбирают вкладку WWW для

создания внешней ссылки, вкладку Открыть страницы для создания ссылки на

другую страницу своего узла (используется относительный адрес) и вкладку

Новая страница для одновременного создания ссылки и соответствующего

документа, который немедленно открывается для редактирования.

Поле Кадр назначения служит для указания имени фрейма, в котором будет

открываться страница, а поле Закладка — для указания якоря, который при

этом используется.

Созданная гиперссылка отображается в окне программы FrontPage так же,

как и в окне броузера: синим цветом и с подчеркиванием. Чтобы проверить

работоспособность ссылки, следует щелкнуть на ней правой кнопкой мыши и

выбрать в контекстном меню команду Перейти по ссылке.

Таблицы и формы невозможно создать только форматированием. Чтобы

создать таблицу, используют команду Таблица > Вставить таблицу. В

открывшемся диалоговом окне указывают размер таблицы (в ячейках), а также

дополнительные параметры, реализуемые как атрибуты соответствующих тегов.

Чтобы занести информацию в таблицу, следует установить курсор в нужную

ячейку и начать ввод. При работе с ячейками таблицы можно применять любые

команды форматирования. [pic] Окно Web-редактора FrontPage

Специальной команды создания формы редактор FrontPage не имеет. Однако

при добавлении поля формы (через меню Вставка > Поле формы) создается и

форма, включающая это поле. При добавлении последующих полей следует

следить за тем, чтобы они включались в ту же самую форму.

В языке HTML свойства элемента задаются атрибутами тега. Редактор

FrontPage обеспечивает их задание с помощью специальных диалоговых окон.

Чтобы открыть такое диалоговое окно, следует щелкнуть на редактируемом

элементе правой кнопкой мыши. В нижней части контекстного меню

располагаются команды, относящиеся к элементам документа, рассматриваемым

редактором как открытые. Порядок следования команд соответствует порядку

вложения элементов. Выбор одной из этих команд приводит к открытию

диалогового окна свойств соответствующего элемента. Элементы управления в

этом диалоговом окне соответствуют атрибутам открывающего тега для

выбранного элемента.

Дополнительные объекты вставляются в редактируемый документ при помощи

меню Вставка. Например, для вставки изображения используется команда

Вставка > Изображение. Если в диалоговом окне Изображение щелкнуть на

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

различные графические форматы автоматически преобразуются в форматы GIF и

JPEG. Сохранение преобразованного файла осуществляется при сохранении

документа.

Другие элементы, которые можно разместить на странице, — это:

• горизонтальная линейка (Вставка > Горизонтальная линия);

• видеозапись (Вставка > Видеозапись);

• фоновое звуковое сопровождение (Вставка > Фоновый звук);

• «бегущая строка» (Вставка > Бегущая строка, этот элемент

воспроизводится только обозревателем Internet Explorer).

Ограниченность возможностей редактирования при помощи FrontPage иногда

приводит к необходимости вмешательства непосредственно в создаваемый код

HTML. Это можно осуществить двумя способами. Во-первых, можно дать команду

Вставка > Разметка HTML. В этом случае открывается диалоговое окно Разметка

HTML, в котором можно вводить произвольный текст с разметкой. Редактор

FrontPage маркирует его особым способом и отображает в виде небольшого

значка. Чтобы

увидеть результат применения этой разметки, надо открыть документ с

помощью броузера.

Второй способ заключается в открытии окна просмотра генерируемого кода

при помощи команды Вид > HTML При этом открывается диалоговое окно Просмотр

или правка HTML, в котором отображается код HTML, сгенерированный

программой FrontPage. Цветная маркировка позволяет немедленно увидеть

ключевые слова тегов (изображены фиолетовым цветом), атрибуты (красным) и

значения атрибутов (синим). Этот код можно редактировать вручную, однако

после щелчка на кнопке ОК редактор проанализирует внесенные изменения и

откорректирует полученный документ в соответствии с собственным внутренним

стандартом.

Применение мастеров и шаблонов

Для упрощения и автоматизации создания Web-страниц редактор FrontPage

позволяет использовать мастера и шаблоны. Для этого надо создать новый

документ командой Файл > Создать — на экране появится диалоговое окно Новая

страница. Выбор в списке Шаблон или мастер любого варианта, кроме пункта

Нормальная страница, приводит к использованию мастера или шаблона.

При использовании мастера (Мастер персональных основных страниц или

Мастер форм) программа задает ряд вопросов и на основании ответов формирует

заготовку

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

законченный продукт, и от пользователя требуется наполнение созданных

разделов конкретным содержимым.

Шаблоны (Форма обозрения или Форма подтверждения) представляют собой

готовый документ «общего характера». В тех местах, где должен располагаться

текст, соответствующий нуждам конкретного пользователя, вместо этого

помещен текст, описывающий принципы заполнения соответствующего раздела.

Этот текст заменяется в ходе редактирования документа. В начале документа-

шаблона имеется комментарий (не отображаемый в обычном броузере),

описывающий общие правила заполнения данного шаблона. Сохранение документа,

сформированного на основе шаблона, не изменяет сам шаблон, который может

использоваться многократно.

Публикация Web-документов

Публикация Web-узла (Web-страниц) состоит в размещении документов HTML

и всех сопроводительных файлов (изображений, мультимедиа и прочего) на Web-

сервере. Если оставить в стороне организационные вопросы (получение места

на Web-сервере, оплата и другие), то остаются две основных проблемы.

• Как подготовить документы Web-узла таким образом, чтобы перенос их

на Web-сервер не привел к нарушению целостности структуры узла?

• Как произвести копирование файлов на Web-сервер?

Первый вопрос возникает в том случае, если файлы на Web-сервере

предполагается разместить в группе тематических каталогов. Он решается так:

при работе над Web-документом необходимо воссоздать на своем компьютере

структуру папок Web-узла и сразу же размещать документы в соответствующих

папках. Во внутренних ссылках следует использовать только относительные

адреса документов. Перенос файлов и папок на Web-сервер с сохранением

структуры сохраняет работоспособность ссылок и корректность подключения

вставных объектов (иллюстраций и мультимедиа). При таком подходе

облегчается также обновление Web-узла в целом или его отдельных файлов.

Для копирования нужных документов на Web-сервер можно применять как

передачу данных на съемном носителе, так и прямое копирование данных через

Интернет. Последний способ полностью автоматизирован и поэтому более

надежен. Чтобы воспользоваться им, следует узнать адреса, используемые при

отправке файлов (обычно для публикации Web-страниц применяют протокол FTP).

В этом случае для проведения публикации можно использовать Мастер

издания Web, входящий в состав Windows 98 (такое название этот мастер

получает после установки обозревателя Internet Explorer 5.0). После запуска

мастера и щелчка на кнопке Далее требуется указать имя папки или файла,

который должен быть отправлен на Web-сервер. При публикации узла в целом

следует выбрать папку, используемую в качестве корневой папки узла, и

убедиться в том, что флажок Включая вложенные папки установлен.

После щелчка на кнопке Далее следует задать имя Web-сервера. Это имя

может быть произвольным — оно используется для упрощения последующих

отправок данных на тот же сервер. На следующем этапе работы мастера

задается метод отправки. При отсутствии информации следует выбрать вариант

Автоматический выбор поставщика услуг. Затем задается адрес, используемый

при публикации, и локальная папка. Мастер устанавливает соединение с

Интернетом и проверяет правильность указанного адреса. После щелчка на

кнопке Готово осуществляется передача данных. По ее завершении обновленный

Web-узел доступен любым посетителям в Интернете.

Регистрация на поисковых серверах

Для регистрации странички можно использовать поисковые сервера данного

региона. Для этого нужно зайти на сервер, затем “кликнуть” на ссылке

(кнопке) “добавить ресурс” (“добавить адрес”, “Add URL” и т.п.). Далее в

появившемся окне (чаще всего какой ни будь вид анкеты) заполняется форма-

бланк, в которой указываются ключевые слова, тема, точный адрес и т.д.

Здесь также вводится краткое описание страницы и ее содержание (одно, два

предложения). В самом конце жмется кнопка “OK” или какая ни будь другая

ссылка в этом роде.

Заключение

Наиболее развитая и наиболее популярная служба Интернета называется

World Wide Web (WWW) или просто Web. Эта служба для передачи данных

использует протокол HTTP. Документы, циркулирующие в этой службе имеют

особую структуру. Их называют Web-страницами.

Для работы с Web-документами используется специальный класс

программного обеспечения. Программы для просмотра Web-страниц получили

названия броузеров. Одним из наиболее развитых средств просмотра Web

является программа Internet Explorer 5.0. За данным программным продуктом

закрепилось название обозреватель.

Обозреватель Internet Explorer предназначен прежде всего для просмотра

Web-документов и навигации в World Wide Web по системе гиперссылок,

связывающих Web-страницы Сети.

Большие возможности обозревателя предполагают необходимость широких

возможностей настройки программы, которые легко настраиваемы.

К простейшим средствам разработки Web-документов относятся специальные

Web-редакторы. Наиболее мощным программным средством этого класса является

пакет от Microsoft FrontPage 97.

Приемы работы с редактором FrontPage сходны с приемами работы в

текстовом процессоре. Для упрощения разработки первого Web-документа

редактор предоставляет возможность использования мастеров и шаблонов.

Публикации готовой Web-страницы выполняется ее размещением на сервере

поставщика услуг Интернета в соответствии с его указаниями.

Используемая литература

http://lanserv1.kemsu.ru/obuch3.html

http://www.helloworld.ru/texts/comp/web/html/html3/lab1.htm

http://www.sao.ru/racs/reques/diplom.html

http://mail1.kemsu.ru/obuch3.html

С.В.Симонович Информатика. Базовый курс. Издательство «Питер» 1999

Страницы: 1, 2


ИНТЕРЕСНОЕ



© 2009 Все права защищены.