Использование приложений MS Office в интер- и интра-сетях: Методические указания к выполнения лабораторных работ, страница 2

Обычно несколько web-страниц объединяются в комплекс, представляющий единый информационный блок, который называется web-узлом (сайтом). Оформление страниц одного узла должно быть выдержано в едином стиле, кроме того, обычно страницы разбиваются на несколько информационных блоков, основные блоки помещаются на всех страницах узла. Как правило, на web-странице присутствуют: область заголовка, главное меню – обычно размещается в строчку под заголовком, либо в столбец в левой части страницы, область основного содержимого, нижнее информационное поле (с дублирующим меню, контактной информацией, датой последнего обновления и пр.).

Разбиение страниц на блоки производится с помощью вставки таблиц или фреймовых структур (фреймов), которые в MS Word 2000 называются Рамками.

Единство оформления разных страниц узла достигается путем использования единого шаблона. Сначала создается страница, включающая основные блоки и содержащая необходимые элементы оформления, но с незаполненным блоком основного содержимого. Затем она используется в качестве шаблона при создании остальных страниц узла (команда Файл|Сохранить как).

 Задание 1.1. Преобразовать документ Word в Web-страницу, изменить внешний вид страницы с помощью схемы оформления.

Порядок работы.

1.  Открыть в приложении MS Word файл Products, находящийся в папке C:\Program Files\Microsoft Office\Office\Samples.

2.  Сохранить этот файл как web-страницу в папке Мои документы. Для этого в окне команды Файл|Сохранить как Web-страницу перейти на папку Мои документы и нажать кнопку Сохранить.

3.  В папке Мои документы должен появиться файл с именем PRODUCTS (PRODUCTS.htm), помеченный значком web-страницы. Просмотреть страницу в браузере MS Internet Explorer, дважды щелкнув на ней мышкой.

4.  Вернуться в окно MS Word и изменить внешний вид страницы. Верхнюю строку «Товары месяца: Напитки» выделить стилем Заголовок 1, следующую строку «При заказе на любой из следующих товаров устанавливается 5% скидка:» – стилем Заголовок 2, названия товаров оформить как маркированный список. Сохранить изменения.

5.  Просмотреть код web-страницы, для чего выполнить команду Вид|Источник HTML. В окне кода коричневым, синим и красным выделены тэги языка HTML, серым цветом – конструкции XML, текст содержимого страницы – черный. Найти строку, содержащую текст «При заказе на любой из следующих товаров устанавливается 5% скидка:». В пустом месте перед этой строкой вставить строку <hr> (тэг языка HTML, обозначающий горизонтальную линию). Сохранить изменения кода страницы. Закрыть окно кода страницы.

6.  Просмотреть изменения, произошедшие во внешнем виде страницы в окне Word (перед второй строкой должна появиться горизонтальная линия).

7.  Просмотреть изменения в окне Internet Explorer, для чего необходимо нажать кнопку Обновить.

8.  Применить одну из стандартных графических схем оформления web-страниц, имеющихся в MS Word. В окне Word выполнить команду Формат|Тема, в окне команды выбрать из списка одну из доступных тем (например, RicePaper), внешний вид которой отображается в правой части окна команды, и нажать ОК.

9.  Сохранить сделанные на странице изменения.

10.  Обратить внимание, что в папке Мои документы автоматически создана папка PRODUCTS.files, содержащая файлы графических элементов, использованных на странице.

11.  После применения темы выровнять графическую линию по левому краю страницы (как весь текст).

12.  После списка товаров вставить бегущую строку с текстом Скидки действительны [последнее число текущего месяца]:

·  Вывести на экран панель инструментов Web-компоненты, воспользовавшись командой Вид|Панели инструментов или контекстным меню;

·  Установить курсор в нужное место на странице;

·  Вставить бегущую строку, щелкнув на элементе . В появившемся окне Бегущая строка настроить параметры отображения бегущей строки, ввести ее текст (например, Скидки действительны до 31 октября 2003 года) и нажать ОК;

·  Настроить цвет, тип, размер и начертание шрифта строки (например, Times New Roman, 14 пт, курсив); расширить область бегущей строки на всю ширину страницы. Изменения доступны в режиме конструктора (нажата кнопка  на панели инструментов Web-компоненты), просмотр движения текста в строке – после выхода из режима конструктора (кнопка не нажата);