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

Наименование занятия: Средства создания и сопровождения сайта.

Цель занятия:

1. Освоение приемов создания Web-страниц и Web-сайтов

2. Научиться оформлять дизайн страницы, внутренние и внешние гиперссылки.

Подготовка к занятию: Повторить теоретический материал по теме «Web-сайт - гиперструктура данных»

Основное оборудование:

1. Персональный ibm pc

Литература:

1. Угринович н.Д. Информатика и информационные технологии. Учебник 10 кл. – м., 2002.

2. Угринович н.Д. Информатика и информационные технологии. Учебник 11кл. – м., 2002.

Задание на занятие:

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

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

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

Главная страница семейного сайта Семья Смирновых

Э то наша дружная семья: моя мама, мой папа, я – Сережа, моя сестра – Мария.

• Папа

• Мама

• Сережа

• Мария

Моего папу зовут Виктор Семенович. Он профессор, доктор физико-математических наук. Папа преподает в университете высшую математику.

Биография

Мою маму зовут Ирина Николаевна. Она музыкант – играет на скрипке в оркестре Большого театра.

Биография

Меня зовут Сергей Викторович. Я учусь в 10-м классе лицея № 115.

Биография

Мою сестру зовут …

Биография

4. Вставить внутренние гиперссылки. Для этого:

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

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

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

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

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

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

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

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

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

7. Создать «Папину страницу»; гиперссылок в ней пока создавать не нужно.

П апина страница

Виктор Семенович Смирнов родился 12 февраля 1960 года в г. Москве. В 1977 году он закончил школу. В этом же году поступил на механико-математический факультет Государственного Университета. После окончания университета …

Сохранить страницу в файле father.htm.

8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:

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

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

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

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

9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт университета. Для этого:

1. выделить текст «Государственного университета»;

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

3. в появившемся окне в строке «Связь с файлом/URL набрать адрес университета: http://www. …; щелкнуть по кнопке ОК, затем еще раз ОК. Гиперссылка готова.

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

11. Открыть главную страницу семейного сайта. Проверить работу всех внутренних, внешних ссылок.

Порядок проведения занятия:

1. Получить допуск к работе

2. Выполнить задания

3. Ответить на контрольные вопросы.

Содержание отчета:

1. Наименование, цель занятия, задание;

2. Выполненное задание;

3. Ответы на контрольные вопросы.

Контрольные вопросы для зачета:

1. Что такое сайт?

2. Что называется «движком» сайта?

3. Что такое веб-приложения, веб-серверы, хостинг?

4. Что означает понятие оффлайновая версия сайта?

5. Перечислите признаки классификации сайтов.

6. Опишите основные этапы создания сайта.

7. Запишите десять самых популярных сайтов в мире и в России.

Работу составил преподаватель Тряскина С.С.