Создание web-страниц с помощью Word. Заглавная web-страница. Web-компоненты, страница 2

[Выход из режима конструктора] .

12.  Установите   желтый       фон    странички, выполнив    команду Формат►Фон…Желтый.

13.  Сохраните отредактированный файл под тем же именем my.html, выполнив команду Файл ►Сохранить как Web-страницу, и закройте его.

14.  Для просмотра результата работы в браузере Internet Explorer выполните команду Вид ►Обновить, или  щелкните по кнопке [Обновить].

15.  На экране появится отформатированная Web-страница.

ЗАДАНИЕ 3. Создать 3 файла, поместив в них информацию о городе, где вы родились, вашем вузе и о себе. Выполнить оформление созданных файлов и сохранить их в своей папке под именами: part1.html, part2.html, part3.html. Результат работы просмотреть в браузере Internet Explorer.

Рекомендации по выполнению

МОЙ ГОРОД 

Борисоглебская цер ков ь

Построена в 1519 г. на месте храма XII века. Памятник архитектуры с элементами готики и ренесанса.

В XIX-начале XX

в. здесь хранилась чудотворная икона Божьей Матери Новогрудской.

Новогрудский район находится в Гродненской области.  В 1997г. Новогрудок и Новогрудский район объединены в единую административнотерриториальную единицу.   

С Новогрудчиной связаны имена многих выдающихся людей: канцлера ВКЛ Иохима Литавора Хрептовича, поэтаов: Адама Мицкевича, Яна Чечета,  Винцента Коротынского, –  первого белорусского мемуариста Федора Евлашовского, первого белорусского фольклориста Соломона Рысинского, художника Язепа Дроздовича, фотографа Яна Булгака, нашего современника, всемирно известного ученого в области астронавтики Бориса Кита и многих других государственных, научных и культурных деятелей.   

Рис.  9.4.  Оформленная Web-страница о городе

1.  Загрузите         текстовый   процессорWord,          выполнив      команду Пуск►Программы►Microsoft Word.

2.  Создайте новый документ и введите в него информацию о своем городе, например,  как  на рисунке  9.4. 

3.  Выполните оформление документа, используя команду Формат►Тема… и из списка тем выберите тему, например Капсулы.

4.  Сохраните файл в своей папке под именем part1.html, выполнив команду Файл ►Сохранить как Web-страницу.

5.  Аналогично создайте новые документы с информацией: «О моем вузе»  и «Обо мне и  моей семье», – отформатируйте эти документы, вставьте в них графические образы и сохраните в своей папке  под именами:  part2.html, part3.html.

ЗАДАНИЕ 4. Открыть заглавную  Web-страницу (my.html) и добавить в нее ссылки на созданные файлы:  part1.html, part2.html, part3.html. 

В файлах: part1.html, part2.html, part3.html – создать ссылки, позволяющие вернуться на заглавную страницу. Результат работы сохранить и просмотреть в браузере Internet Explorer.

Рекомендации по выполнению

1.  Загрузите текстовый процессорWord, выполнив команду Пуск►Программы►Microsoft Word.

2.  Откройте заглавную страницу my.html.

3.  Для вставки ссылки на документ  part1.html выделите текст «Мой город» (рис. 9.4)и выполните команду Вставка►Гиперссылка, или щелкните по пиктограмме [Добавление гиперссылки].

4.  В пункте Связать с файлом/URL укажите полное имя файла, то есть ДискПапкаИмя файла, воспользовавшись кнопкой [Обзор] и нажмите [ОК]. 

5.  Аналогично вставьте ссылки на другие файлы, связав их с соответствующим текстом. 

6.  Сохраните отредактированную           Web-страницу, выполнив команду Сохранить.

7.  Просмотрите измененную Web-страницу в Internet Explorer и проверьте работоспособность ссылок.

8.  Вернитесь к заглавной странице с помощью кнопки [Назад], расположенной на панели инструментов.

9.  Завершите работу с начальной страницей, выполнив команду Файл►Закрыть

10.  Для создания ссылок на заглавную страницу в файле part1.html необходимо загрузить этот файл и ввести текст, например Назад на заглавную страницу.

11.Выделите          введенный          текст          и          выполните                                  команду

Вставка►Гиперссылка, или щелкните по пиктограмме [Добавление гиперссылки] .

12. В пункте Связать с файлом/URL укажите полное имя файла заглавной страницы, то есть  ДискПапкаИмя файла, воспользовавшись кнопкой [Обзор] и нажмите [ОК]. 

13.Сохраните файл после создания гиперссылки, выполнив команду Файл ►Сохранить как Web-страницу.

14.  Аналогично создайте ссылки на заглавную страницу для файлов part2. html,  и  part3.html и сохраните файлы в вашей папке.

15.  Загрузите браузер Internet Explorer и убедитесь в работе гиперссылок.