Образовательная программа «Интернет технологии. Основы WEB-дизайна» (для учащихся 9-11 классов)

МУНИЦИПАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ДОПОЛНИТЕЛЬНОГО ОБРАЗОВАНИЯ ДЕТЕЙ

ДЕТСКО-ЮНОШЕСКИЙ ЦЕНТР Г. ПЕТРОЗАВОДСКА

УТВЕРЖДАЮ

Директор ДЮЦ _____________________

Образовательная программа

«Интернет технологии. Основы WEB-дизайна»

(для учащихся 9-11 классов)

Продолжительность программы: 1 год

Учитель информатики школы № 3

Петрозаводск,

2005 г.

Пояснительная записка

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

Настоящая программа рассчитана на начальное профессиональное обучение учащихся 9 – 11 классов по курсу “Интернет технологии. Основы WEB-дизайна”, при этом она включает в себя элементы общей информатики, элементы WEB-дизайна и элементы электронного делопроизводства. Общая сумма часов – 72 ч. (2 ч. в неделю 1 группа).

Программа обучения рассчитана на определенный уровень подготовки учащихся:

·  базовые знания по информатике;

·  владение основными приемами работы в операционной среде Microsoft Windows не ниже версии -95;

·  владение пакетом "Microsoft Office" не ниже версии - 97.

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

Основные задачи программы:

1. Учебные:

·  сформировать у учащихся единую систему понятий, связанных с созданием, получением, обработкой, интерпретацией и хранением информации;

·  сформировать навыки целевого поиска информации в глобальной сети;

·  показать основные приемы эффективного использования информационных ресурсов Интернет;

·  сформировать логические связи с другими предметами, входящими в курс среднего образования.

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

·  развитие познавательного интереса, логического мышления;

·  овладение учащимся жизненно необходимым запасом знаний;

·  развитие способности продолжить и получить «элитарное» образование;

·  понимание учащимся собственного внутреннего мира, имеющим потребность в самопознании и самореализации;

3. Развивающие:

·  развитие алгоритмического мышления, памяти, внимательности.

Учащиеся приобретают знания и умения работы на современных профессиональных ПК и программных средствах, включая оптические диски, сканеры, модемы, текстовый редактор “Блокнот”, редактор HTML – документов FrontPage, графические редакторы Photoshop и Paint.

Для изучения курса предусмотрено использование мультимедийных технологий, таких как презентации, участие в сетевых конкурсах и проектах, OnLine-тестирование и т. п. Часть материала предлагается в виде теоретических занятий. Занятия по использованию ресурсов Интернет должны происходить в режиме OnLine. При отсутствии стабильного доступа к Интернет, можно использовать режим OffLine с заранее подготовленным информационным материалом.

Текущий контроль усвоения материала осуществляется путем устного/письменного опроса или практических заданий. Периодически знания и умения по пройденным темам проверяются письменными контрольными работами.

По окончании обучения по данной образовательной программе, учащиеся должны уметь создавать, размещать в сети Интернет и поддерживать WEB-сайт, спроектированный и созданный ими на занятиях.

На учебных и практических занятиях обращается внимание учащихся на соблюдение требований безопасности труда, пожарной безопасности, производственной санитарии и личной гигиены.

ВОСПИТАТЕЛЬНАЯ СИСТЕМА

В программе реализуется совокупность двух типов воспитательной системы: рационально – познавательной и индивидуально – личностной ориентации учащихся.

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

Компонентом воспитательной системы является широкое использование современных информационных компьютерных технологий.

Основным результатом воспитательной деятельности является:

·  количество победителей в творческих конкурсах;

·  качество творческих работ обучающихся.

Методы отслеживания прогресса в достижении воспитательных результатов:

·  результаты участия учащихся в творческих конкурсах городского и республиканского уровней;

·  оценка, уровня сформированности коммуникативных навыков (умение взаимодействовать с окружающими).

Основным видом воспитательной системы индивидуально – личностной ориентации является самореализация при создании собственного информационного ресурса.

Ведущими педагогическими технологиями в данной воспитательной системе являются: тренинг личностного роста, самопознание и самореализация, творческое самовыражение учащихся.

Компонентом воспитательной системы является самостоятельная деятельность учащихся, направленная на самореализацию.

Основным результатом воспитательной деятельности является:

·  самостоятельные действия учащихся, результаты их самообразования и творческого самовыражения;

Методы отслеживания прогресса в достижении воспитательных результатов:

·  наличие яркой индивидуальности, самобытности в размышлениях учащихся о жизни и о себе, в их творческих работах;

·  «портфолио» - набор личных достижений учащихся;

Содержание курса включает следующие разделы:

·  назначение, классификация и возможности компьютерных сетей;

·  основы работы с браузером Microsoft Internet Explorer;

·  поиск информации в сети Интернет;

·  компьютерная графика;

·  введение в стандарт Hyper Text Markup Language (HTML);

·  использование программных средств для создания Web-сайтов;

·  размещение HTML-документа на сервере.

ПРОГРАММА

Компьютерные сети. Сеть Интернет - 4 часа.

Локальные и глобальные сети. Аппаратное обеспечение компьютерных сетей. Система адресации в сети Интернет. Ресурсы Интернет. Краткий обзор возможностей e-mail, ftp, usenet, www. Как подключиться к Интернет дома.

2.  Основы работы с браузером - 2 часа.

Эффективная работа с браузером. Закладки. Избранное. Работа с несколькими окнами. Сохранение информации. Настройки просмотра.

3. Поиск информации в Интернет – 3 часа.

Что такое поисковый сервер. Обзор особенностей наиболее эффективных в настоящий момент поисковых серверов (классификационные информационно-поисковые системы Yahoo, словарные ИПС AltaVista, Rambler, Yandex, Google). Создание простых и сложных запросов. Контрольная работа.

4. Работа с электронной почтой и почтовыми программами – 4 часа.

Как работает электронная почта. Получение бесплатного почтового адреса. Создание, отправление и прием писем. Правила хорошего тона при написании писем. Программа Outlook Express. Рабочее окно. Основные команды. Борьба с вирусами в электронной почте. Адресная книга. Настройка почтового сервиса. Создание красочных писем. Прикрепление файлов к письмам.

5. Работа в FTP - 1 час.

Что такое FTP. Поиск в FTP. Обзор программ FTP-клиентов.

6.  Общение в Интернет – 2 час.

Что такое Chat. Правила хорошего тона в Chat. Программы IСQ, Skype и MetMeeting. Как найти друга или подругу в Интернет.

7.  Дизайн WEB-страниц и виды сайтов – 1 час.

Технологические особенности WEB-дизайна. Профессиональные приемы создания страниц. Графические эффекты. Профессиональные ресурсы Интернет. Профессия WEB-дизайнера. Интернет – новая сфера бизнеса.

8.  Средства для работы с графической информацией – 14 часов.

Векторная и растровая графика. Форматы графических файлов, используемых в Интернет. Графические редакторы. Графический редактор PhotoShop. Демонстрация основных возможностей. Оконный интерфейс. Окна и панели инструментов, сохранение, просмотр, редактирование файлов. Масштабирование и управление экраном. Инструменты и методы выделения. Рисующие инструменты. Выбор цвета. Палитры цветов. Способы определения цвета. Инструменты сплошной заливки. Работа со “слоистыми” изображениями. Основные виды фильтров и способы их применения. Сканирование текста и графики. Создание анимации в A. ImageReady. Оптимизация файлов для WEB. Контрольная работа

9.  Введение в стандарт Hyper Text Markup Language (HTML) – 16 часов.

История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Структура HTML-документов. Элементы оформления текста. Абзацы, заголовки, параграфы, выравнивание, цветовое и шрифтовой оформление. Создание списков в HTML-документе. Создание гиперссылок. Графическое оформление (фоновые изображения, линии, кнопки). Тег <IMG> и его параметры. Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц. Фреймы. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами. Контрольная работа.

10.  Использование программных средств для создания Web-сайтов - 12 часов.

Обзор программных средств для создания WEB-сайтов. Основы работы в FrontPage. Рабочее пространство редактора. Создание WEB – узлов и документов. Создание таблиц. Редактирование HTML – кода. Контрольная работа

11.  Размещение HTML-документа на сервере – 1 час.

Регистрация адреса. Выгрузка сайта (соглашения и правила). Тестирование страниц. Регистрация WEB-сайта на поисковых машинах.

13. Создание собственного WEB-сайта – 12 часов.

Разработка его структуры. Создание WEB-сайта.

Основные знания и умения

Учащиеся должны знать:

¨  Основные правила и инструкции по технике безопасности при работе с ПК;

¨  Основные принципы построения глобальной сети Интернет;

¨  Виды компьютерных сетей и ресурсов Интернет;

¨  Основные понятия технологии Интернет;

¨  Единицы измерения информации и скорости передачи информации;

¨  Виды протоколов передачи и обмена информации;

¨  Понятие FTP-доступа и FTP-протокола, основные функции и отличия от HTTP;

¨  Принципы адресации в Интернет;

¨  Функции браузеров и их виды;

¨  Способы подключения к Интернет;

¨  Существующие мировые и русскоязычные ресурсы Интернет;

¨  Основные поисковые машины и их возможности;

¨  Основные средства для работы с графической информацией.

¨  Набор необходимых инструментов для создания Web-страницы/сайта;

¨  Основные принципы использования языка HTML;

¨  Принципы работы с Web-редакторами;

¨  Основные средства редактирования Web-страниц;

¨  Типичную структуры WEB-страницы и принципы проектирования сайта;

¨  Основные принципы WEB-дизайна;

¨  Как подготовить свой сайт к публикации в Интернет;

Учащиеся должны уметь:

¨  Запускать основные клиенты Интернет: браузер, электронная почта;

¨  Перекодировать русские шрифты при просмотре Интернет-сайтов;

¨  Пользоваться электронной почтой: корректно создавать и отправлять письма, получать сообщения, использовать возможности предоставляемого сервиса;

¨  Задать электронный адрес страница/сайта и осуществлять переход вперед-назад по просмотренным страницам;

¨  Пользоваться папкой “Избранное”;

¨  Сохранять страницы полностью или фрагментам;

¨  Работать в автономном режиме;

¨  Пользоваться поисковыми серверами (машинами);

¨  Пользоваться FTP-клиентом и осуществлять поиск файлов через FTP;

¨  Правильно задать запрос поисковой машине и локализовать нужный сайт;

¨  Находить информацию по заданной теме с использованием логических операторов;

¨  Создавать и оптимизировать графические изображения для WEB;

¨  Сканировать графические изображения и текст;

¨  Осуществлять поиск информации в Интернет. Уметь сохранить в необходимом формате;

¨  Готовить текст и иллюстрационный материал для сайта;

¨  Пользоваться средствами Web-редактора для написания страницы: создавать страницу, использовать гиперссылки, форматировать текст, пользоваться таблицами;

¨  Подготовить и опубликовать свой сайт в Интернет;

¨  Пользоваться фреймовыми технологиями;

¨  Полностью создавать WEB-сайт

Учебно-тематический план

№ п/п	Название раздела	Название темы	Количество учебных часов
Теория	Практика	Всего
1	Компьютерные сети. Сеть Интернет	1.1 Локальные и глобальные сети.	0,5	0,5	1
1.2 Аппаратное обеспечение компьютерных сетей.	1		1
1.3 Сеть Интернет. Система адресации в сети Интернет.	1		1
1.4 Ресурсы Интернет. Как подключиться к Интернет дома.	0,5	0,5	1
					4
2	Основы работы с браузером Microsoft Internet Explorer	2.1 Эффективная работа с браузером. Закладки. Избранное. Работа с несколькими окнами		1	1
2.2 Сохранение информации. Настройки просмотра.		1	1
					2
3	Поиск информации в Интернет	3.1 Что такое поисковый сервер. Обзор особенностей наиболее эффективных в настоящий момент поисковых серверов.	0,5	0,5	1
3.2 Создание простых и сложных запросов.	0,5	0,5	1
3.3 Контрольная работа.		1	1
					3
4	Работа с электронной почтой и почтовыми программами	4.1 Как работает электронная почта. Получение бесплатного почтового адреса. Создание, отправление и прием писем. Правила хорошего тона при написании писем.	1	1	2
4.2 Программа Outlook Express. Создание красочных писем. Прикрепление файлов к письмам.	0,5	1,5	2
					4
5	Работа в FTP	5.1 Что такое FTP. Поиск в FTP. Обзор программ FTP-клиентов.	0,5	0,5	1
					1
6	Общение в Интернет	6.1 Что такое Chat. Правила хорошего тона в Chat. Обзор программ общения.	0,5	1,5	2
					2
7	Дизайн WEB-страниц и виды сайтов	7.1Технологические особенности WEB-дизайна.	1		1
					1
8	Средства для работы с графической информацией	8.1 Как рисует компьютер. Векторная и растровая графика. Форматы графических файлов, используемых в Интернет. Графические редакторы.	1		1
		8.2 Графический редактор PhotoShop. Демонстрация основных возможностей. Оконный интерфейс.	0,5	0,5	1
		8.3 Окна и панели инструментов, сохранение, просмотр, редактирование файлов.	0,5	0,5	1
		8.4 Масштабирование и управление экраном. Инструменты и методы выделения.		2	2
		8.5 Рисующие инструменты. Выбор цвета. Палитры цветов. Способы определения цвета.		1	1
		8.6 Инструменты сплошной заливки. Инструменты ретуши.		2	2
		8.7 Изобразительные слои. Работа со “слоистыми” изображениями.		4	4
		8.8 Основные виды фильтров и способы их применения.		1	1
		8.91 Создание анимации в A. ImageReady.		2	2
		8.10 Контрольная работа		1	1
					16
9	Введение в стандарт Hyper Text Markup Language (HTML)	9.1 История возникновения и стандарты языка HTML. Структура HTML-документов.	1		1
		9.2 Элементы оформления текста. Абзацы, заголовки, параграфы, выравнивание, цветовое и шрифтовой оформление.		2	2
		9.3 Создание списков в HTML-документе.		1	1
		9.4 Графическое оформление (фоновые изображения, линии, кнопки).		1	1
		9.5 Тег <IMG> и его параметры.		1	1
		9.6 Создание таблиц в HTML-документе.		2	2
		9.7 Управление размещением содержимого документа на экране при помощи таблиц.		1	1
		9.8 Создание гиперссылок.		1	1
		9.9 Фреймы.		1	1
		9.10 Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид.		1	1
		9.11 Гипертекстовые переходы внутри и между фреймами.		1	1
		9.10 Контрольная работа.		1	1
					14
10	Использование программных средств для создания Web-сайтов	10.1 Обзор программных средств для создания WEB-сайтов.	1		1
10.2 Основы работы в FrontPage.	0,5	0,5	1
10.3 Создание WEB – узлов и документов.		3	3
10.4 Создание таблиц.		2	2
10.5 Фреймы.		2	2
10.6 Редактирование HTML – кода		1	1
10.7 Контрольная работа		2	2
					12
11	Размещение HTML-документа на сервере	11.1 Регистрация адреса. Тестирование страниц.	1		1
					1
12	Создание собственного WEB-сайта	12.1 Разработка его структуры.	1		1
12.2 Создание WEB-сайта.		11	11
					12
ВСЕГО	14	58	72

Учебно-методический комплекс, дидактическое обеспечение,

информационно-техническое и материально-техническое обеспечение

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

Литература

Соловьева технологии. Учебник-практикум. – СПб.: БХВ–Петербург, 2004. Уроки Web-мастера. – М.: Лаборатория базовых знаний, 2001. Смирнова Web-дизайна. – СПб.: БХВ–Петербург, 2003.