Комплексная образовательная программа дополнительного образования детей «Компьютерный клуб» (стр. 4 )

Первый год обучения

Тема 1. Сеть INTERNET. Основные протоколы. Понятие о браузерах. Основные понятия для работы в INTERNET. Доменные Имена. Протоколы передачи данных. Локальный и удаленный доступ к сайту. Просмотр интернет-страниц.

Тема 2. Типы сайтов, браузеров, html-редакторов. Особенности различных типов сайтов: визитка, витрина, имиджевый, корпоративный, портал, интернет-магазин. Особенности отображения страниц распространенными браузерами. Современные способы создания интернет- сайтов.

Тема 3. HTML. Основные теги. Язык разметки гипертекста и отображение в браузерах. Основные теги. Создание первой страницы. Атрибуты тегов. Оформление страниц. Ссылки между страницами сайта.

Тема 4. Компьютерная графика и web-дизайн. Графические, звуковые элементы на страницах сайта. Правила оформления различных типов сайтов. Сочетания цвета текста и фона. Минимализм и максимализм в оформлении сайта. Эргономика сайта. Правила узнаваемости и золотой середины. Способы адаптации изображений для размещения в сети.

Тема 5. Создание простого html сайта. Разработка своего сайта-визитки. Создание дизайна. Структура сайта. Разметка страниц. Заполнение контента. Оформление текста. Вставка изображений. Просмотр и оценка сайта.

Тема 6. Визуальный редактор. Использование шаблонов. Создание сайта (по учебной тематике) в визуальном редакторе. Интерфейс и возможности редактора. Таблицы и фреймы. Создание шаблона на основе таблиц. Заполнение контента. Просмотр и оценка сайта.

Тема 7. Размещение сайта в сети. Интренет-хостинг. Бесплатные платформы для размещения сайтов в сети. ftp-протокол. Просмотр и редактирование размещенного сайта. Подведение итогов.

Второй год обучения

Тема 1. Обзор современных способов создания интернет-ресурсов. Условное деление CMS на категории по различным признакам (лицензия, область применения, требовании к хостингу).

Тема 2. Сервер-клиент. Базы данных. Системы управления контентом. Общие понятия о серверном и клиентском взаимодействии. Представление о базах данных. Разновидности систем управления контентом (cms).

Тема 3. CMS WordPress – система управления для создания и управления персональными и небольшими корпоративными сайтами. Примеры сайтов, работающих на данной CMS. Требования CMS к хостингу. Процесс установки CMS WordPress. Необходимые первоначальные настройки. Классификация содержимого с точки зрения CMS WordPress. Управление страницами, записями и комментариями. Настройка меню. Система плагинов Wordpress. Система темизации – изменения внешнего оформления сайта. Рекомендации по созданию собственной темы.

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

Тема 5. Меню сайта. Связь меню со страницами. Настройка отображения меню. Расширения CMS Joomla. Понятие расширения, компонента, модуля и дополнения. Работа со стандартными компонентами CMS. Шаблоны оформления. Понятие шаблона. Основные элементы шаблонов оформления Joomla. Создание и настройка простого шаблона оформления.

Тема 6. Создание сложного шаблона оформления для сайта, работающего под управлением CMS Joomla. Особенности разработки графических макетов и html шаблонов для сайтов, работающих под управлением CMS. Управление изображениями на сайте.

Тема 7. Создание информационного сайта: настройка шаблона, организация содержимого, создание статей, создание меню, настройка главной страницы.

Тема 8. Дополнительные модули и настройки, позволяющие повысить посещаемость сайта. Дополнительные сервисы: форумы, фотогалереи. Интеграция CMS и стороннего форума. Раскрутка сайта. Обмен ссылками. Индекс цитирования. Page rang. Защита проекта.

Третий год обучения

Тема 1. Основы разработки web-ресурсов. Модели информационной архитектуры. Принципы «юзабилити». Понятие web-интерфейса. Основные элементы web-страницы и способы их компоновки. Разработка структуры сайта и системы навигации. Обзор форматов web-графики. Возможности программы Adobe Dreamweaver. Управление web-сайтом. Редактирование html-кода (Quick Tag, диалоговое окно Edit Tag). Команды Insert Tag и Tag Chooser. Определение сайта, создание web-страницы, размещение содержания и редактирование средствами Dreamweaver.

Тема 2. Стандарты HTML и CSS . Стандарты разработки HTML-документов. Meta-теги, keywords (элементы поисковой оптимизации). Методы верстки web-страниц. HTML-элементы: виды, параметры. CSS-селекторы. CSS-свойства: определение, способы задания, единицы измерения, использование для оформления html-элементов. Пример табличной верстки (использование элементов, подготовленных в графическом редакторе, для верстки web-страницы).

Тема 3. Использование CSS-свойств. Особенности отображения текста на web-странице. CSS-свойства, используемые для оформления текста. Блочная модель. Управление типами элементов – свойство display. Создание и управление таблицами стилей в программе Dreamweaver (панель CSS Styles, панель Tag Inspector). Создание и редактирование таблицы стилей.

Тема 4. Слои в HTML. Определение, основные свойства. Создание слоев в Dreamweaver. Элементы DIV и SPAN. Особенности разработки элементов макетов для блочной верстки. Использование свойства float: выравнивание изображений, реализация эффекта таблицы. Псевдостили гиперссылок. Реализация эффекта ролловера средствами CSS. Позиционирование элементов макета с использованием свойства float. Использование изображений на web-cтранице. Создание панели навигации (использование Navigation Bar).

Тема 5. Способы верстки элементов web-страницы при помощи CSS. Содержимое и слои. Фон слоя. CSS-свойства списков. Особенности использования блочной модели. Использование фоновых изображений для создания рамок. Использование трафаретного изображения при разметке. Создание горизонтального и вертикального меню навигации на основе списка рубрик с использованием CSS-свойств.

Тема 6. Схемы css-позиционирования. Способы позиционирования элементов. Абсолютное и относительное позиционирование. Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты. Наложение и вложение слоев, свойство z-index. Управление видимостью слоя и видимостью содержания слоя. Использование трафаретного изображения при разметке. Панель AP Elements. Использование css-позиционирования при разработке элементов макета web-страницы.

Тема 7. Разработка макета web-страницы на основе css-позиционирования. Используемые приемы. Особенности оформления. Управление шириной слоя, полями и отступами. Создание и редактирование макета с фиксированными и масштабируемыми колонками. Рекомендации по использованию css-позиционирования. Создание макетов фиксированного и масштабируемого дизайна с использованием различных схем позиционирования.

Тема 8. HTML-формы. Элементы формы. Юзабилити форм. Средства HTML и CSS для определения визуального отображения элементов форм. Примеры использования css-алгоритмов. Центрирование страницы средствами css. Алгоритм «раздвижные двери». CSS-спрайты. Кроссбраузерная верстка, использование условных комментариев. Создание и оформление HTML-форм с использованием css-свойств.

Тема 9. Средства автоматизации Dreamweaver. Использование панели Assets. Использование панели Snippets для хранения и вставки фрагментов кода. Использование трассирующего изображения. Дополнительные сведения. Защита проектов. Подведение итогов.

МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ

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

Техническое оснащение процесса обучения связано с созданием условий для полноценных компьютерных экспериментов и проектов. Занятия группы проходят в компьютерном классе, оснащённом современными компьютерами и периферийной техникой. Желательно наличие домашних компьютеров у учащихся. Необходимо подключение к сети интернет.

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

По окончании каждого года обучения учащиеся готовят небольшой сайт, в первый год обучения – сайт-визитка, второй – информационный сайт, а по окончании трёхгодичного обучения – большой сайт с применением всех изученных технологий. В результате успешной зашиты проектной работы и на основании постановления Совета клуба учащимся присваивается звание Мастера клуба секции «Интернет-технологии», о чём выдаётся соответствующее свидетельство, а так же свидетельство об окончании курса по данной программе. Это даёт выпускникам право курировать работу учащихся данной секции.

СПИСОК ЛИТЕРАТУРЫ

1.  Дунаев себе Web-мастер. – СПб.: БХВ-Петербург, Арлит, 2000.

2.  Microsoft Office 2000. – М.: ДМК Пресс, 2002.

3.  Леонтьев энциклопедия персонального компьютера 2002. – М.: ОЛМА-ПРЕСС, 2002.

4.  Курова по HTML. – М.: БИНОМ, 2001.

5.  Угринович и информационные технологии. – М.: Лаборатория Базовых Знаний, 2002.

6.  Леонтьев энциклопедия персонального компьютера. – М.: ОЛМА-ПРЕСС, 2004

Оглавление

«Программирование»

Возраст обучающихся – 5-9 класс

Срок реализации – 3 года

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Компьютерное программирование – это составление программ на некотором языке программирования для последующего выполнения каких-либо заданий на компьютере.

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

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

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

Цель программы – освоение обучающимися начал компьютерного программирования.

Задачи программы

-  Научить подростков основам алгоритмических языков программирования.

-  Обучить учащихся составлению алгоритмов.

-  Научить воспитанников основам объектно-ориентированного программирования.

-  Познакомить их с принципами организации компьютерной техники, с популярными прикладными программами.

-  Развить логическое мышление учащихся.

-  Содействовать развитию навыков самоорганизации воспитанников, их уверенности в себе.

Программирование дается в ключе прикладной математики.

Данная программа рассчитана на 3 года. Она включает в себя два основных раздела:

Алгоритмические языки программирования (QBASIC, Турбо-Бейсик - 1ый год, Visual-Basic - 2ой -3ий год).

Основы знаний, необходимых пользователю (Total Commander, Стандартные средства Windows, работа с антивирусами, архиваторы и т. д.).

Программа ориентирована на учащихся 7-9 классов общеобразовательной школы, а так же учеников 5-6 классов успешно сдавших вступительные тесты, желающих заниматься программированием в будущем или же познакомиться с компьютерным программированием с целью подготовки к изучению этого предмета в высшем или средне-специальном учебном заведении. Обучение по данной программе не требует наличия у подростка компьютерной техники вне компьютерного класса, в котором проводятся занятия.

Основными принципами, заложенными в программу, являются следующие:

1. Обучение в активной деятельности.

Все темы программы воспитанники изучают на практике, решая большое количество задач по каждой теме, «набивая руку».

2. Преемственность.

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

Так как основной целью начального курса (Турбо-Бейсик) является обучение воспитанников основам алгоритмического программирования, в данную образовательную программу включены элементы Турбо-Бейсика, имеющиеся практически во всех алгоритмических языках программирования. Язык Турбо-Бейсик очень прост для освоения и поэтому подходит для начального обучения, позволяя уделить больше времени составлению алгоритмов. Большое внимание в процессе обучения уделяется оформлению программ, делающему их более понятными. Таким образом, в результате первого года обучения подростки знакомятся со специальностью программиста, приобретают простейшие профессиональные навыки.

Основной целью первого года обучения является не освоение определенного языка программирования, а закладывание основ для дальнейшего изучения компьютерных языков. Знания, полученные учащимися в 1-ый год обучения, помогут им при изучении любого алгоритмического языка.

Результатом обучения по программе 1-го года является умение учащихся составлять алгоритмы, писать небольшие программы на языке Турбо-Бейсик, проверять их работоспособность.

Подростки на 2-м году обучения начинают изучать объектно-ориентированный язык программирования – Visual Basic. Изложение основ объектно-ориентированного программирования входит в программу 2-го и 3-го года обучения.

Набор в группу при работе по данной образовательной программе происходит по результатам собеседования.

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

Прогнозируемые результаты

1 год обучения.

Знания:

-  Общий подход к решению задач по программированию.

-  Виды алгоритмов.

-  Основы Турбо-Бейсика.

-  Начала алгебры и логики.

-  Графические возможности Турбо-Бейсика.

-  Понятие «хороший стиль программирования».

-  Основные элементы компьютеров.

Умения:

-  Писать простейшие программы на языке Турбо-Бейсик.

-  Работать с файлами, используя стандартные средства Windows и файл менеджер Total Commander.

-  Восстановить работоспособность компьютера в случае повреждения системных файлов.

-  Архивировать файлы.

-  Создавать программы, рисующие несложные картинки.

-  Создавать читаемые программы (т. е. использовать «хороший стиль программирования»).

-  Работать с числами в различных позиционных системах счисления.

-  Понятие массива

Личностные качества:

-  Навыки самостоятельной работы.

-  Дисциплинированность, общая организованность.

-  Уверенность в работе с компьютером.

-  Профессиональная подготовка к получению профессии программиста.

2 год обучения.

Знания:

-  Подход к написанию программ: этика программирования, стиль программирования.

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

-  Основы Visual Basic.

-  Начала объектно-ориентированного программирования.

-  Работа с глобальными и локальными переменными

-  Работа со строковыми переменными

-  Некоторые принципы современного программирования.

-  Основы устройства и принципы организации компьютеров.

Умения:

-  Создавать программы на языке Visual Basic.

-  Организовывать интерфейс с пользователем.

-  Работать с компьютерной литературой.

Личностные качества:

-  Самостоятельность в выполнении полученных заданий.

-  Профессиональная организованность.

-  Уверенность в себе при решении задач.

3 год обучения.

Знания:

-  Подход к написанию программ: этика программирования, стиль программирования.

-  Некоторые принципы современного программирования.

-  Основы устройства и принципа организации компьютеров.

Умения:

-  Создавать программы на языке Visual Basic.

-  Конструировать многомодульные программы.

-  Программировать работу с файлами. Организовывать ввод вывод данных

-  Создавать читаемые программы (т. е. использовать на практике «хороший стиль программирования»).

-  Использовать «классы»

-  Решать задачи с нечётко поставленным условием.

-  Организовывать интерфейс с пользователем.

-  Работать с компьютерной литературой.

-  Самостоятельно выполнять компьютерные проекты

Личностные качества:

-  Самостоятельность в выполнении полученных заданий.

-  Профессиональная организованность.

-  Уверенность в себе при решении задач.

УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАН

Первый год обучения

№	Тема	Всего часов	В том числе:
теоретич.	практич.
1	Вводное занятие.	3	2	1
2	Основные понятия информатики. Подход к написанию программ.	9	3	6
3	Виды переменных. Строковые переменные.	9	3	6
4	Понятие алгоритма. Основные свойства, виды, способы описания алгоритмов. Система команд исполнителя	9	3	6
5	Линейный Алгоритм	9	2	7
6	Алгоритмы с ветвящейся структурой	9	2	7
7	Циклические алгоритмы	9	2	7
8	Графика QBASIC.	9	2	7
9	Массивы	9	2	7
10	Вложенные циклы	9	2	7
11	Подпрограммы, функции определяемые пользователем.	12	3	9
12	Подведение итогов года. Работа над проектами	12	3	9
ИТОГО:	108	26	70

СОДЕРЖАНИЕ ПРОГРАММЫ

Первый год обучения

Тема 1. Вводное занятие. Знакомство с компьютером. Основы знаний, необходимые пользователю. Представление о языках программирования. Язык программирования QBASIC. Интерпретатор языка QBASIC: запуск, способы редактирования листинга программы, запуск программ, остановка программ. Операторы ввода-вывода.

Тема 2. Основные понятия информатики. Подход к написанию программ. Информация. Объект. Система. Формализация и моделирование. Программирование: исходный текст программы, объектный модуль, машинная программа. Языки программирования. Алгоритмический и объектно-ориентированный подходы в программировании.

Тема 3. Виды переменных. Переменные в языке QBasic. Работа со строковыми переменными. Конкатенация.

Тема 4. Понятие алгоритма и исполнителя. Основные свойства, виды, способы описания алгоритмов. Система команд исполнителя . Блок схема алгоритма. Составление простейших алгоритмов, используя «школьный алгоритмический язык»

Тема 5. Линейный алгоритм. Решение задач с использованием линейных алгоритмов.

Тема 6. Алгоритмы с ветвящейся структурой. Решение задач с использованием ветвящихся структур. Оператор IF.

Тема 7. Циклические алгоритмы. Понятие циклического алгоритма. Решение задач с использованием циклических структур. Оператор FOR.

Тема 8. Графика QBasic. Проведение простейших геометрических построений. Рисование орнаментов. Использование алгоритмов при построении изображений.

Тема 9. Массивы. Понятие массива, элемента массива, индекса. Заполнение массива по определенному алгоритму. Поиск наибольшего и наименьшего значения массива.

Тема 10. Вложенные циклы. Программы с вложенными циклами. Многомерные массивы

Тема 11. Подпрограммы и функции определяемые пользователем. Определение подпрограммы и функции. Использование подпрограмм в проектах. Рекурсивный вызов подпрограммы.

МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ

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