4 Лабораторная работа по теме: «Проектирование Web-документов в экономической деятельности»

Цель работы – освоить технологию создания Web-страницы с использованием инструментов среды MS Word.

Задачи работы:

– ознакомиться с инструментами сознания Web-страниц с помощью MS Word;

– разработать структуру сайта экономического объекта;

– создать гиперссылки на страницы сайта;

– протестировать работу Web-страницы в среде MS Word;

– разместить Web-страницу на хостинге сайта narod.ru.

Теоретические положения

Разработка Web-страниц в MS Word может быть выполнена двумя способами. Первый из них ориентирован на создание новой страницы, а второй − на сохранение ранее подготовленного текстового документа в формате Web-страницы.

Создание новой страницы осуществляется с помощью команды Файл / Создать, которая открывает окно Создание документа. На вкладке Web-страницы этого окна выбирается шаблон, соответствующий вашей задаче. Наиболее часто используются шаблоны Личная страница, Типичные вопросы, Простая страница и Оглавление.

Для создания Web-страницы из текста, подготовленного в редакторе MS Word, необходимо выполнить команду Файл / Сохранить как, а затем в стандартном диалоговом окне Сохранение документа задать тип файла (Веб-страница) и имя файла.

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

В соответствии с этим при создании сайта – группы взаимосвязанных Web-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (таблица 4.1).

Порядок выполнения работы

1 Создать рабочую папку с именем Web_сайт.

2 В среде МS Word создать документ персональной страницы с именем index.htm (тип файла – Web-страница) и сохранить его в папке Web_сайт. Сайт должен содержать следующие страницы: «О нас», содержащую информацию

Таблица 4.1 Конвертирование элементов оформления в HTML

Элемент документа Word	Преобразование Word → HTML
Размеры шрифтов	В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта
Текстовые эффекты: приподнятый, с тенью, уплотненный и т.д.	Текстовые эффекты не сохраняются, но сам текст остается
Начертания: полужирный, курсив, подчеркивание	Начертания шрифта остаются, но некоторые виды подчеркивания преобразуются в сплошную линию
Анимация текста	Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель «Web-компоненты»)
Графика	Изображения преобразуются в формат GIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии
Графические объекты: автофигуры, фигурный текст, надписи и тени	Объекты преобразуются в файлы формата GIF. В среде редактирования Web-страницы можно вставить графические средства Вставка / Рисунок
Таблицы	Таблицы преобразуются, однако параметры, не поддерживаемые HTML, не сохраняются (например, цветные границы и границы переменой ширины)
Нумерация страниц и колонтитулы	Так как документ HTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация страниц не сохраняется
Поля страниц и многоколонный текст	Чтобы сохранить разметку страницы, следует использовать таблицы
Стили	Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML

об организации (название, виды деятельности, юридический адрес, телефон и т.д.; «Экономические показатели деятельности», «Кадровый состав», «Организационная структура управления», «Финансовая деятельность», «Направления деятельности» и т.д.

3 Разработать структуру сайта. Создать гиперссылки на страницы: «О нас», «Экономические показатели деятельности» следующим образом:

− выделить левой кнопкой мыши запись «О нас», а правой кнопкой вызвать контекстное меню;

− выбрать режим гиперссылки;

− в окне «Имя файла» написать имя файла гиперссылки, например, «o_nas.htm» и зафиксировать это имя нажатием клавиши Оk;

− аналогично создается гиперссылка на файл объявлений с именем pokazateli.htm;

− сохранить документ index.htm.

4 Создание файлов гиперссылок: o_nas.htm, pokazateli.htm:

− в среде Word в новом документе с именем o_nas.htm (тип файла Web-страница) написать сведения об авторах сайта, его структуре и сохранить файл в папке Web_сайт;

− аналогично создать файл с именем pokazateli.htm, содержащий основные показатели деятельности организации;

− в конце каждого из созданных файлов аналогично пункту 3 создать запись «возврат на главную страницу» и оформить ее как гиперссылку на файл index.htm.

5 Протестировать работу Web-страницы в среде Word.

6 Разместить начальный вариант персональной страницы на хостинге сайта narod.ru:

− в среде Интернет выйти на сайт narod.ru по адресу http://www.narod.ru;

− выбрать режим «Регистрация»;

− выбрать логин (имя страницы) и пароль для разрешения изменений материалов страницы;

− выбрать режим «Создать»;

− установить режим: «Загрузка фалов на сайт»;

− в режиме «Обзор» найти папку Web_сайт, выбрать в ней файл index.htm, выполнить команду «Открыть», при этом на сайт narod.ru загружается документ index.htm;

− аналогично загружаются документы o_nas.htm, pokazateli.htm;

− используя пункт меню «Завершить загрузку», выйти из режима (Выход) загрузки;

− используя кнопку горизонтального меню «Обновить» подготовить режим просмотра содержимого своей страницы.

7 Для открытия персональной Web-страницы в среде Интернет в адресном окне установить свой адрес.

8 Графическое оформление персональной страницы:

− выделить левой кнопкой мыши файл index.htm, с помощью контекстного меню вызвать режим «Изменить» (в некоторых версиях системы Windows используется режим «Открыть в системе Word»);

− вставить необходимые графические образы и сохранить файл index.htm;

− аналогичные изменения при необходимости произвести в файлах o_nas.htm и pokazateli.htm (после выполнения п.8 в папке Web-сайт появятся новые вложенные папки: o_nas.htm, pokazateli.htm и др.);

− для внесения данных изменений на сайте narod.ru адресуемся к нему в среде Интернет;

− выставить свой логин и пароль;

− выбрать режим «Мастерская» и «Управление файлами»;

− в режиме «Создать папки» создать папки index.files, o_nas.files и др;

− в режиме «Выбрать папку» выбрать корневую папку и записать в нее в режиме «Загрузить файлы» файлы index.htm, o_nas.htm и др.;

− аналогично выбрать последовательно все папки index.files, o_nas.files и др. и соответственно загрузить в них содержимое этих папок, хранящихся в папке Web-сайт;

− запустить режим «Обновить»;

− выйти из среды сайта narod.ru;

− проверить корректность введенных изменений выходом на свою страницу.

9 Создание гиперссылок на другие ресурсы Интернет:

− внесем изменения в файл o_nas аналогично п.8;

− оформляем гиперссылки на два-три адреса индивидуальных Web-страниц студентов - одногруппников с учетом п. 4;

− проверить режим переходов на другие страницы.

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

− в режиме мастерская сайта narod.ru найти пункт «Гостевая книга», ознакомиться с режимами изменения оформления гостевой книги (просмотр, администрирование, изменение дизайна) и переписать адрес перехода на режим гостевой книги для организации гиперссылки;

− в файле index.htm организовать гиперссылку по этому адресу с учетом п. 8;

− в режиме работы с персональной страницей сделать две-три записи в гостевой книге;

− удалить одну запись в режиме «Администрирование»;

− изменить дизайн гостевой книги.