Практическая работа №19

Практическое занятие №19

Тема: «Методы и средства сопровождения сайта образовательной организации.»

Цель занятия. Освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word; оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Оборудование: компьютер с установленной операционной системой Windows, подключенный к Интернету.

Время работы 2 часа

Ход работы

Замечание. Чтобы проверить, работает ли Web-мастер, выполните команду Файл→Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.

Задание 1. Создать главную страницу семейного сайта.

1. Открыть текстовый процессор Word.

2. Выполнить команду Файл→Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.

3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.

Вставить рисунок можно либо из файла со сканированной фотографией, либо выбрав рисунок из Microsoft Clip Gallery.

Задание 2. Вставить внутренние гиперссылки.

1. Установить курсор перед абзацем, начинающегося словами: «Моего папу зовут …»;

2. Выполнить команду Вставка→Закладка;

3. В открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкните по кнопке Добавить;

4. В списке, расположенном выше, введите слово «Папа»;

5. Выполнить команду Вставка→Гиперссылка;

6. В появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;

7. Выбрать имя созданной закладки (М1); щелкнуть на кнопке ОК, затем еще раз ОК.

Задание 3. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.

Задание 4. Сохранить полученную страницу в файле с именем family.htm в папке Мои документы (окно с данной страницей не закрывать).

Задание 5. Создать «Папину страницу»; гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле family.htm в папке Мои документы.

Задание 6. Создать в главной странице внешнюю гиперссылку, для этого:

1. Выделить в тексте первое слово «Биография».

2. Выполнить команду Вставка→Гиперссылка.

3. В появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL.

4. Найти и выбрать ранее созданный файл family.htm ; щелкнуть на кнопке ОК, затем еще раз ОК.

Задание 7. На папиной странице создать внешнюю гиперссылку на сайт Московского университета.

1. Выделить текст «Московский государственный университет им. М.В. Ломоносова»;

2. Выполнить команду Вставка→Гиперссылка.

3. В появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: http//www.msu.ru; щелкнуть на кнопке ОК, затем еще раз на ОК.

Задание 8. Создать остальные страницы семейного сайта. Организовать связи между страницами и внешние связи. Установите автономный режим работы браузера.

Контрольные вопросы

1. Какие теги (контейнеры) должны присутствовать в HTML-документе обязательно?

2. Какова логическая структура Web-страницы?