Урок по теме «Создание Web-сайта с помощью Microsoft Word»
методическая разработка по информатике и икт (11 класс) по теме

Урок по теме «Создание Web-сайта с помощью Microsoft Word»

Учитель: Тимофеева Светлана Алексеевна, ГБОУ СОШ № 233

Цели урока:

• Образовательные:

• приобрести навыки создания простейших Web-документов;
• научиться выполнять форматирование созданных Web-страниц.

• Воспитательные:

• воспитание информационной культуры учащихся, внимательности, аккуратности;
• расширение общекультурного кругозора учащихся.

• Развивающие:

• развивать наглядно-образное мышление, память и умение сравнивать и анализировать.

Тип урока: комбинированный.

Технические средства: компьютеры, проектор, экран для проектора.

Программное обеспечение: операционная система Windows ХР, текстовый процессор Microsoft Word, браузер Internet Explorer.

План урока:

I. Организационный момент.

II. Актуализация знаний.

Как известно, для создания Web-страниц используется специальный язык разметки гипертекста, который называется HTML. Страница на языке HTML представляет собой обычный текстовый файл, в который добавлены специальные инструкции, называемые тэгами. Тэги - это команды, определяющие внешний вид Web-документа и формирующие связи с другими Web-ресурсами.

На предыдущем уроке были рассмотрены различные способы создания Web-страниц. Одним из названных способов является использование WYSIWYG-редакторов (сокращение фразы «What You See Is What You Get» - «Что видишь, то и получаешь»). Редакторы этого типа позволяют создавать Web-страницы, даже не имея никакого понятия о языке HTML, путем визуального редактирования на экране дисплея. При этом страница в окне редактора выглядит почти так же, как должна отображаться в браузере, а при сохранении результатов работы в файле программа автоматически генерирует требуемый HTML-код.

Простейшим примером такого редактора является текстовый процессор Word. Используя возможности этой программы, создадим сайт, посвященный творчеству современных американских художников (рассматривается пример структуры и оформления готового сайта).

III. Выполнение практической работы. 

Учащиеся получают файлы с текстами и изображениями, а также памятку для выполнения работы. Подробные комментарии к созданию главной страницы даются учителем. Остальные страницы ученики создают самостоятельно, используя памятку.

Памятка для выполнения работы:

В данной работе реализуется проект сайта, состоящего из четырех Web-страниц:

index.htm, Kinkade.htm, Lewan.htm и  Boehme.htm. Страницы необходимо сохранить в

личной папке, вложенной в папку Сайт.

• Для создания каждой страницы необходимо:

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

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

3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя  обычные средства Word. Добавление элементов страницы организовать с использованием инструмента Надпись меню Вставка.

4. Текст и изображения скопировать из папки Сайт.

5. Сохранить страницу в файле с расширением .htm (тип Веб-страница).

• На главной странице index.htm нужно создать гиперссылки на другие страницы сайта. Для этого:

1. Выделить фамилию художника.

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

3. В появившемся окне выбрать элемент Связать с файлом, веб-страницей.

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

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

• На странице каждого художника создать ссылку на его официальный сайт или галерею. Для этого:

1.  Добавить надпись официальный сайт или галерея работ; выделить ее.

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

3. В появившемся окне выбрать элемент Связать с файлом, веб-страницей.

4. В строке Адрес ввести адрес веб-сайта; щелкнуть на кнопке ОК.

Адреса сайтов:            официальный сайт Томаса Кинкейда - www.thomaskinkade.com;

                            официальный сайт Дэнниса Льюэна - www.dennislewan.com;

                            галерея работ Ники Боэм - www.artlicensing.com/artists/nicky-boehme.

• Открыть с помощью браузера главную страницу сайта. Проверить работу всех ссылок.

IV. Итог урока.

Проверка выполненных работ, выставление оценок.

V. Домашнее задание.

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