Создание Web-страниц в редакторе MS Word

Web-страница является базовой единицей информации сети Интернет. Код Web-страницы представляет собой текстовый документ, который создается либо в обычном текстовом редакторе с использованием языка разметки гипертекста (HTML), либо с использованием специализированных WYSIWYG-редакторов (FrontPage, Dreamweaver и др).

MS Word предоставляет пользователю возможность создать простые статические Web-страницы, не требуя знания языка HTML.

2.1 Подготовка исходных документов

§ в папке своей группы создайте папку с именем: Wrd_Web,

§ создайте в редакторе MS Word файл (без рамки):

Создание Web-страниц в редакторе MS Word - student2.ru

Оглавление

1. Табличный процессор MS Excel

2. Текстовый редактор MS Word

3. Система Управления Базами Данных MS Access

4. Редактор презентаций PowerPoint

§ Создание Web-страниц в редакторе MS Word - student2.ru сохраните файл:Файл Сохранить как веб-страницу,
задав параметры сохранения (рис. 3)

Имя файла: Содержание

Тип файла: Веб-страница (*.htm; *.html)

Файл получит имя: Содержание.htm.

§ откройте файл Табличный процессор.doc, созданный в предыдущем разделе работы,

§ не изменяя его, сохраните файл в папке Wrd_Web, используя меню Файл и задав параметры сохранения (аналогично рис. 3):

Имя файла: Табличный процессор

Тип файла: Веб-страница (*.htm; *.html)

Файл получит имя: Табличный процессор.htm.

Задание 5. Аналогичным способом создайте в папке Wrd_Web файлы

Текстовый редактор.htm, СУБД.htm

2.2 Создание заготовки Web-страницы

Для создания заготовки используем готовый шаблон, имеющийся в составе MS Word.

§ откройте документ: Файл Создать (Шаблоны на моем ПК вкл. Общие) Веб-страница

Создание Web-страниц в редакторе MS Word - student2.ru Используя панель Рамки, создадим отдельные (независимые) области страницы (рис. 4).

§ щелкните кн. Новая рамка сверху и установите мышью высоту верхней рамки примерно 10% высоты экрана[1]

§ щелкните правой кнопкой в рамке и выберите элемент Свойства рамки,

§ задайте Имя рамки (из списка): Top,

§ щелкните кн. Новая рамка слева и установите мышью ширину левой рамки примерно 25% ширины экрана, Имя: Left,

§ для правой рамки выберите из списка Имя рамки: Main,

§ введите в верхнюю рамку (имя Тор) заголовок страницы: Пакет MS Office

§ отформатируйте текст заголовка по своему усмотрению (шрифт, цвет, фон и т.д.),

§ вызовите контекстное меню этой рамки, элемент Сохранить текущую рамку как… и сохраните ее под именем Заголовок.htm (см. рис. 3).

В левой рамке (имя Left) должно отображаться содержание документа из файла Содержание.htm.

§ вызовите контекстное меню этой рамки, элемент Свойства рамки и в поле Начальная страница введите имя загружаемого файла (Содержание.htm) или, используя кн. Обзор, найдите этот файл в папке Wrd_Web.

§ сохраните в папке Wrd_Web файл: Файл Сохранить как Веб-страницу…

Тип файла: Веб-страница (*.htm; *.html)

Имя файла: любое, например: Моя_Веб-страница (В папке - файл: Моя_Веб-страница.htm )

§ откройте папку, двойным щелчком загрузите Моя_Веб-страница.htm в обозреватель и проверьте содержание веб-страницы.

2.3. Создание гиперссылок на разделы содержания

При просмотре страницы Моя_Веб-страница.htm в обозревателе отображается заголовок страницы и оглавление документа в левой рамке. Дополним страницу возможностью по щелчку в оглавлении показывать текст соответствующего раздела в правой рамке Main.

§ откройте документ Моя_Веб-страница.htm в MS Word,

§ выделите название раздела Табличный процессор MS Excel,

§ кн. Вставить гиперссылку:

- папка: Wrd_Web

- файл: Табличный процессор.htm

- кн. Выбор рамки

- имя рамки: Main,Ок .

Задание 6. Аналогичным способом создайте ссылки из оглавления на файлы:

Текстовый редактор.htm, СУБД.htm

§ закройте документ (сохранив изменения),

§ двойным щелчком откройте его в Internet Explorer проверьте работу ссылок.

[1] Точные размеры можно установить, используя элемент Свойства рамки в контекстном меню

Наши рекомендации