ПРОГРАММА
кружка “ Основы WEB-дизайна”
Для 9-11 классов
Пояснительная записка
Настоящая программа рассчитана на учащихся 9 – 11 классов по теме “ Основы WEB-дизайна”, при этом она включает в себя элементы общей информатики и связи с другими предметами курса среднего образования. Общая сумма часов (за два года) –68 часов.
Программа разработана на основе “Обязательного минимума содержания среднего (полного) общего образования РФ” и с учетом Рекомендаций по составлению учебных программ по информатике, разработанных рабочей группой Международной федерации по обработке информации (IFIP) под эгидой ЮНЕСКО.
Программа обучения рассчитана на определенный уровень подготовки учащихся:
базовые знания по информатике;
владение основными приемами работы в операционной среде Microsoft Windows.
владение пакетом "Microsoft Office".
Целью программы является формирование у учащихся целостного представления о глобальном информационном пространстве и принципах получения информации, а также создание собственных информационных ресурсов.
Основные задачи программы:
систематизировать подходы к изучению предмета;
сформировать у учащихся единую систему понятий, связанных с созданием, получением, обработкой, интерпретацией и хранением информации;
показать основные приемы эффективного использования информационных ресурсов Интернет;
сформировать логические связи с другими предметами, входящими в курс среднего образования.
Работа с информацией стала отдельной специальностью, остро востребованной на рынке труда. Данный курс включает в себя элементы общей информатики, элементы WEB-дизайна и элементы электронного делопроизводства.
Учащиеся приобретают знания и умения работы на современных профессиональных ПК и программных средствах, включая оптические диски, сканеры, модемы, текстовый редактор “Блокнот”, редактор HTML, графические редакторы Photoshop.
Необходимость создания подобной программы для начального профессионального образования вызвана тем, что наряду с отдельной специальность, навыки целевого поиска информации в глобальной сети становятся необходимы на каждом этапе профессионального образования будущего специалиста.
Для изучения курса предусмотрено использование мультимедийных технологий, таких как презентации, OnLine-тестирование и т.п. Часть материала предлагается в виде теоретических занятий. Занятия по использованию ресурсов Интернет должны происходить в режиме OnLine. При отсутствии стабильного доступа к Интернет, рекомендуется использовать режим OffLine с заранее подготовленным информационным материалом.
Текущий контроль усвоения материала должен осуществляться путем устного/письменного опроса или практических заданий. Периодически знания и умения по пройденным темам проверяются письменными контрольными работами.
По окончании обучения по данной образовательной программе, учащиеся должны уметь создавать, размещать в сети Интернет и поддерживать WEB-сайт, спроектированный и созданный ими на занятиях.
На учебных и практических занятиях обращается внимание учащихся на соблюдение требований безопасности труда, пожарной безопасности, производственной санитарии и личной гигиены.
Программа
1. Дизайн WEB-страниц и виды сайтов – 6 часов.
Технологические особенности WEB-дизайна. Профессиональные приемы создания страниц. Графические эффекты. Профессиональные ресурсы Интернет. Профессия WEB-дизайнера. Интернет – новая сфера бизеса.
2. Введение в стандарт Hyper Text Markup Language (HTML) – 28 часов.
История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Структура HTML-документов. Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовое и шрифтовой оформление. Создание списков в HTML-документе. Содание гиперссылок. Графическое оформление (фоновые изображения, линии, кнопки). Тег IMG и его параметры. Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц. Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами. Контрольная работа.
3. Использование программных средств для создания Web-сайтов -10 часов.
Обзор программных средств для создания WEB-сайтов. Основы работы в DreamWeaver. Рабочее пространство редактора. Создание WEB – узлов и документов. Подготовка документов. Редактирование HTML – кода. Режимы работы объектов.
4. Понятие интерактивных документов (активные формы CGI и JavaScript) – 6 часов.
Обзор основных видов интерактивных документов (формы, гостевые книги, анкеты, голосования, счетчики и пр.), и графических эффектов, использующихся при создании WEB-сайтов. Размещение готовых активных форм CGI и JavaScript в HTML-документе. Поиск в Интернет готовых активных формы CGI и JavaScript и размещение их в HTML-документе.
5. Размещение HTML-документа на сервере – 6 часов.
Регистрация адреса. Выгрузка сайта (соглашения и правила). Тестирование страниц. Регистрация WEB-сайта на поисковых машинах. Баннерный обмен, реклама, ссылки.
6. Создание персонального WEB-сайта – 12 часов.
Выработка контента (содержимого) WEB-сайта и разработка его структуры. Создание WEB-сайта с использованием редактора DreamWeaver. Размещение WEB-сайтов Интернет. Контрольная работа.Основные знания и умения
Учащиеся должны знать: Основные правила и инструкции по технике безопасности при работе с ПК;
Набор необходимых инструментов для создания Web-страницы/сайта;
Основные принципы использования языка HTML;
Принципы работы с Web-редакторами;
Основные средства редактирования Web-страниц;
Типичную структуры WEB-страницы и принципы проектирования сайта;
Основные принципы WEB-дизайна;
Как подготовить свой сайт к публикации в Интернет;
Учащиеся должны уметь: Осуществлять поиск информации в Интернет. Уметь сохранить в необходимом формате;
Готовить текст и иллюстрационный материал для сайта;
Пользоваться средствами Web-редактора для написания страницы: создавать страницу, использовать гиперссылки, форматировать текст, пользоваться таблицами;
Осуществлять разметку страницы;
Подготовить и опубликовать свой сайт в Интернет;
Пользоваться фреймовыми технологиями;
Полностью создавать WEB-сайт.
Учебный план
№ п.п. | Разделы | Кол-во часов |
1. | Дизайн WEB-страниц и виды сайтов. | 6 |
2. | Введение в стандарт Hyper Text Markup Language (HTML). | 28 |
3. | Использование программных средств для Создания Web-сайтов. | 10 |
4. | Понятие интерактивных документов (активные формы CGI и JavaScript). | 6 |
5. | Размещение HTML-документа на сервере. | 6 |
6. | Создание персонального WEB-сайта. | 12 |
ИТОГО 68 часов |
Учебно-тематический план
1. | Дизайн WEB-страниц и виды сайтов. | 6 | |
1.1 | Технологические особенности WEB-дизайна. Профессиональные приемы создания страниц. | | 2 |
1.2 | Графические эффекты. Профессиональные ресурсы Интернет. | | 2 |
1.3 | Профессия WEB-дизайнера. Интернет – новая сфера бизеса. | | 2 |
2. | Введение в стандарт Hyper Text Markup Language (HTML). | 28 | |
2.1 | История возникновения и стандарты языка HTML. Синтаксис HTML-документов. | | 2 |
2.2 | Структура HTML-документов. | | 2 |
2.3. | Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовой и шрифтовой оформление. | | 4 |
2.4 | Создание списков в HTML-документе. | | 2 |
2.5 | Содание гиперссылок. | | 4 |
2.6 | Графическое оформление (фоновые изображения, линии, кнопки). | | 3 |
2.7 | Тег IMG и его параметры. | | 2 |
2.8 | Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц. | | 4 |
2.9 | Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами. | | 3 |
2.10 | Контрольная работа. | | 2 |
3. | Использование программных средств для создания Web-сайтов. | 10 | |
3.1 | Обзор программных средств для создания WEB-сайтов. | | 2 |
3.2 | Основы работы в DreamWeaver. Рабочее пространство редактора. Создание WEB – узлов и документов. | | 2 |
3.3 | Подготовка документов. | | 2 |
3.4 | Редактирование HTML – кода. | | 2 |
3.5 | Режимы работы объектов. | | 2 |
4. | Понятие интерактивных документов (активные формы CGI и JavaScript). | 6 | |
4.1 | Обзор основных видов интерактивных документов (формы, гостевые книги, анкеты, голосования, счетчики и пр.), и графических эффектов, использующихся при создании WEB-сайтов. | | 2 |
4.2 | Размещение готовых активных форм CGI и JavaScript в HTML-документе. | | 2 |
4.3 | Поиск в Интернет готовых активных формы CGI и JavaScript и размещение их в HTML-документе. | | 2 |
5. | Размещение HTML-документа на сервере. | 6 | |
5.1 | Регистрация адреса. Выгрузка сайта (соглашения и правила). | | 2 |
5.2 | Тестирование страниц. Регистрация WEB-сайта на поисковых машинах. | | 2 |
5.3 | Баннерный обмен, реклама, ссылки. | | 2 |
6. | Создание персонального WEB-сайта. | 12 | |
6.1 | Выработка контента (содержимого) WEB-сайта и разработка его структуры. | | 2 |
6.2 | Создание WEB-сайта с использованием редактора DreamWeaver. | | 6 |
6.3 | Размещение WEB-сайта в Интернет. | | 2 |
6.4 | Контрольная работа. | | 2 |
ВСЕГО | 68 |