Муниципальное общеобразовательное учреждение
«Средняя общеобразовательная школа №8 г. Горно-Алтайска
ЭЛЕКТИВЫНЙ КУРС
ПО ИНФОРМАТИКЕ
«ТЕХНОЛОГИЯ СОЗДАНИЯ
WEB-СТРАНИЦ»
СОСТАВИТЕЛЬ:
,
учитель информатики
г. Горно-Алтайск
2009 г.
Содержание
1.Актуальность…………………….………3
2. Педагогическая идея……………………4
3.Тематическое планирование……………6
4. Содержание курса………………………7
5. Ключевые слова………………………...9
6. приложение 1
7. приложение 2
Актуальность
XXI век – век информационных технологий, Интернет-технологий. И одной из составляющих данной области является технология Web-дизайна.
«А как создать свой сайт? Как? Ведь создают же люди самостоятельно себе сайты. Чем я хуже?"» - этот вопрос задали дети, когда мы начали изучать Интернет-технологии. И я сама задалась вопросом: «А как можно это сделать?». Оказалось не очень сложно! Поэтому мной был составлен элективный курс для обучающихся 9- классов «Технология создания Web-страниц».
Прежде, чем приступить к разработке данного элективного курса, надо было четко представлять, что в итоге должны получить дети, какой личностный продукт своей деятельности.
То есть решить следующие вопросы:
- Зачем создавать сайт
- О чем будет сайт (тематика)
- Что это будет (домашняя страница, портал, или что-то еще)
- Отличие от сайтов с такой же тематикой (если это не домашняя страница)
- Какова будет аудитория вашего сайта (пол, возраст, интересы и т. д.)
- Планы на ближайшее будущее
- Планы дальнейшего развития (перспективы)
Данный элективный курс в настоящее время является актуальным, т. к. девятый класс — это тот своеобразный рубеж, после которого значительная часть обучающихся покидает стены общеобразовательной школы и идет по пути получения профессионально-прикладного. образования. Каждый обучающийся приобретет начальную профессиональную подготовку по данному направлению, что повысит их социальную адаптацию после окончания школы.
Педагогическая идея
Основа курса – практическая и продуктивная направленность каждого занятия. Каждому ребёнку предоставляется возможность личностного самоопределения и самореализации по отношению к развивающимся информационным технологиям. Для достижения данной цели необходимо, чтобы каждый ребёнок мог создавать личностно-значимую для него образовательную продукцию. И такой продукцией в данном элективном курсе является Web-сайт. Сначала обучающиеся создают простейшие Web-страницы, а затем и целостный Web-сайт. Темы для создания сайта обучающиеся определяют для себя самостоятельно.
Отличительной чертой данного элективного курса является то, что он предусматривает интеграцию с другими учебными предметами: история, география, физика, химия и др.
Общепедагогическая направленность занятий – сопряжение социализации и индивидуализации обучения по отношению к сетевым информационным технологиям. Знания, умения и способы конструирования Web-сайта являются элементами информационной компетенции – одной из ключевых компетенций старшей профильной школы. Обучающиеся научатся находить, структурировать, преобразовывать и сохранять информацию в html-формате.
Таким образом, освоенный инструментарий – способы Web-конструирования – выступает отдельным образовательным продуктом обучающихся наряду с разработанными ими сайтами.
Целью данного элективного курса является формирование у обучающихся умения с помощью языка гипертекстовой разметки HTML создавать Web-страницы, а затем и Web-сайт.
Основные задачи элективного курса: сформировать у обучающихся умение целенаправленно работать с полученной информацией; сформировать навыки элементарного проектирования, конструирования Web-сайта; помочь реализовать замыслы обучающихся в процессе создания Web-сайта; способствовать развитию логического мышления и познавательного потенциала
В результате изучения курса обучающиеся должны:
знать
· понятие браузера;
· основные теги;
· основные этапы создания Web-сайта;
· основные конструкции языка гипертекстовой разметки документов – HTML;
· каким образом осуществляется навигация внутри Web-сайта
уметь
· находить и сохранять необходимую информацию;
· спроектировать и создавать новую Web-страницу;
· применять при создании Web-страницы основные принципы Web-дизайна;
· создавать и редактировать гиперссылки;
· использовать в качестве гиперссылок не только фрагменты текста, но и графические изображения.
Ожидаемые результаты
В процессе создания собственного Web-сайта обучающиеся должны продемонстрировать знания и умения, которые они получают при изучении тем курса. При выборе тематики Web-сайта учитывается практическая значимость проекта. Обучающиеся выбирают такие темы, чтобы с ними можно было выступить на уроке, школьных и городских мероприятиях (НОУ, конференции и т. д.). Изучение курса завершается защитой своего Web-сайта.
Элективный курс «Технология создания Web-страниц рассчитан на 17 часов.
Тематическое планирование
№ темы | Тема | Кол-во часов | |
Введение в html | Презентация | 1 | |
Основные тэги html | Презентация | 1 | |
Создание заголовков. Создание абзаца. Свойства шрифта. Свойство фона. | Презентация | 1 | |
Форматирование текста html-документа | Презентация | 2 | |
Создание списков html страницы | Презентация | 1 | |
Работа с графикой | Презентация | 1 | |
Работа с графикой html-страницы | Презентация | 1 | |
Работа с графикой html-документа | Презентация | 1 | |
Таблицы документа html | Презентация | 1 | |
Гиперссылки html-страницы | Презентация | 1 | |
Маленькие секреты Web-дизайна | Презентация | 1 | |
Разработка собственного сайта | 4 | ||
Защита Web-сайта | 1 | ||
Итого: | 17 часов |
Содержание курса
Тема 1. Введение в HTML
· Что такое HTML
· С помощью чего создаются Web-страницы
Тема 2. Основные тэги HTML
Тема 3. Создание заголовков. Создание абзаца. Свойства шрифта. Свойство фона.
· Создание заголовков
· Добавление комментариев в HTML-код
· Создание абзаца, символов пробела
· font-family, font-size, font-style, font-weight, font-variant
· Свойство фона - background html-страницы
Тема 4. Форматирование текста HTML –документа
· Предварительное форматирование текста
· Выделение фрагментов текста
· Выбор шрифта
· Изменение размера шрифта
· Выбор цвета шрифта
· Изменение цвета фона
Тема 5. Создание списков htm - страницы
· Нумерованный список
· Маркированный список
· Многоуровневый список
· Списки определений
Тема 6. Работа с графикой
· Вставка изображения
· Добавление фона
· Обтекание графики текстом
Тема 7. Работа с графикой html-страницы
· Выравнивание текста
· Пустая область вокруг изображения
· Горизонтальная линейка
· Списки с графическими маркерами
Тема 8. Работа с графикой html-документа
· Преобразование формата изображения
· Задание размеров изображения
· Увеличение размеров изображения
· Уменьшение изображения
· Обрезка изображения
Тема 9. Таблицы документа html
· Создание таблицы
· Обрамление таблицы
· Заголовок таблицы
· Группирование столбцов
· Группирование строк
Тема 10. Гиперссылки html-страницы
· Гиперссылка на другую страницу
· Гиперссылка в пределах страницы
· Почтовая гиперссылка
· Открытие страниц в новом окне
· Цвет текста гиперссылок
· Порядок перехода по гиперссылкам
Тема 11. Маленькие секреты Web-дизайна
· Создание бегущей строки
· Размещение текста поверх изображения
· Создание всплывающих подсказок
· Создание водяного знака
Тема 12. Разработка собственного Web-сайта
Обучающиеся продолжают работать над собственным сайтом.
Тема 13. Защита Web-сайта
Защита проходит в устной форме с презентацией своего Web-сайта.
Ключевые слова
Атрибуты
Браузер
Вeб-страница
Вeб-дизайн
Гиперссылка
Интернет
Информация
Сеть
Сайт
Теги
Фон
Формы
Фреймы
Язык HTML
Приложение 2
Работы обучающихся
 |
 |
часы 1
Адрес сайта, на котором размещена работа http://www. *****/catalog/1971/
 |
 |
