Урок по теме «Создание 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.
По теме: методические разработки, презентации и конспекты
Создание таблицы в текстовом редакторе Microsoft Word 2010 и её редактирование с помощью вкладки "Макет".
Работа включает в себя план урока, презентацию и заготовку к лекции по данной теме....
Создание дизайна сайта с помощью программы Adobe Photoshop CS 8 Создание дизайна сайта с помощью программы Adobe Photoshop CS 8
методические рекомендации...
![](/sites/default/files/pictures/2013/11/17/picture-141493-1384632454.jpg)
Внеурочная деятельность. Урок: «Создание открытки средствами текстового редактора Microsoft Word»
Урок: «Создание открытки средствами текстового редактора Microsoft Word»...
Урок. Создание Web-сайта с помощью Microsoft Word
Цель урока:1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстово...
![](/sites/default/files/pictures/2015/02/27/picture-601072-1425047430.jpg)
Урок по теме "Создание кроссворда средствами Microsoft Word"
Урок информатики 7 класса по теме "Оформление документов в текстовом редакторе", посвящен создание кроссвордов с помощью таблиц....
![](/sites/default/files/pictures/2019/10/21/picture-59756-1571653594.jpg)
Практическая работа по теме: "Создание web-сайта с помощью текстового процессора MS Word"
Практическая работаТема: Средства создания и сопровождения сайта. (Создание web-сайта с помощью MS Word).Цель: освоить приемы создания web-страниц и web-сайтов с помощью текстового процессора MS...
![](/sites/default/files/pictures/2020/06/08/picture-1185979-1591598205.jpg)
Создание Web-сайта с помощью текстового процессора MS Word
Урок-практикум по информатике в 10 классе...