Курс дополнительного образования «Основы сайтостроения» для 7 класса

ОБЩАЯ ХАРАКТЕРИСТИКА КУРСА ВНЕУРОЧНОЙ ДЕЯТЕЛЬНОСТИ.

Рабочая программа курса «Основы сайтостроения» разработана для организации внеурочной деятельности учащихся 7 классов. Программа составлена с учетом требований Федерального государственного образовательного стандарта основного общего образования по предмету «Информатика», содержание программы отобрано в соответствии с возможностями и способностями  учащихся  7 классов.

Курс построен таким образом, чтобы помочь учащимся заинтересоваться сайтостоением.

Занятия вклю­чают практическое освоение техники создания веб-­страниц, тематических сайтов, информа­ционно-справочных и иных сайтов.

Сроки реализации программы

Курс рассчитан на 35 часов, которые проводятся в те­чение учебного года по 1 часу в неделю.

Цель курса:

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

Задачи курса:

Обучающие:

Обучение основным принципам создания веб-страниц и веб-сайтов с помощью языка HTML, а также с помощью программ создания сайтовDream­weaver и Flash (или аналогичными).

Обучение ориентироваться и продуктивно дейст­вовать в информационном

интернет - пространстве, ис­пользуя для достижения своих целей создаваемые веб-ресурсы.

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

Обучение навыкам разработки, тестирования и отладки веб-сайтов.

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

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

Развивать познавательный интерес школьников.

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

Развивать умение работать с компьютерными программами и дополнительными источниками информации.

Развивать навыки планирования проекта, умение работать в группе

Воспитывающие:

Воспитывать интерес к занятиям информатикой.

Воспитывать культуру общения между учащимися.

Воспитывать культуру безопасного труда при работе за компьютером.

Воспитывать культуру работы в глобальной сети.

Формы и методы обучения определены возрастом учащихся. При проведении занятий используются компьютеры с установленными программами Блокнот, Geny,Dream­weaver и Flash (или аналогичными)проектор, сканер, принтер, компьютерная сеть с выходом в Интернет. Теоретическая работа чередуется с практической, а также используются интерактивные формы обучения.

Формы проведения занятий: беседы, игры, практические занятия, самостоятельная работа, викторины и проекты.

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

Программой предусмотрены методы обучения: объяснительно-иллюстративные, частично-поисковые (вариативные задания), творческие, практические.

ЛИЧНОСТНЫЕ И МЕТАПРЕДМЕТНЫЕ РЕЗУЛЬТАТЫ ОСВОЕНИЯ КУРСА ВНЕУРОЧНОЙ ДЕЯТЕЛЬНОСТИ

Программа реализуется на основе следующих принципов:

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

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

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

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

Целостность и непрерывность, означающие, что данная ступень является важным звеном единой общешкольной  подготовки по информатике и информационным технологиям. В рамках данной ступени подготовки продолжается осуществление вводного, ознакомительного обучения школьников, предваряющего более глубокое изучение предмета в 8-9 (основной курс) и 10-11 (профильные курсы) классах.

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

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

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

ТРЕБОВАНИЯ К РЕЗУЛЬТАТАМ ОБУЧЕНИЯ

Личностные результаты:

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

готовность к повышению своего образовательного уровня и продолжению обучения с использованием средств и методов информатики и ИКТ;

интерес к информатике и ИКТ, стремление использовать полученные знания в процессе обучения другим предметам и в жизни;

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

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

способность к избирательному отношению к получаемой информации за счет умений ее анализа и критичного оценивания; ответственное отношение к информации с учетом правовых и этических аспектов ее распространения;

развитие чувства личной ответственности за качество окружающей информационной среды;

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

Метапредметные результаты:  

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

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

прогнозирование – предвосхищение результата;

контроль – интерпретация полученного результата, его соотнесение с имеющимися данными с целью установления соответствия или несоответствия (обнаружения ошибки);

коррекция – внесение необходимых дополнений и корректив в план действий в случае обнаружения ошибки;

 оценка – осознание учащимся того, насколько качественно им решена учебно-познавательная задача;

владение основными универсальными умениями информационного характера: постановка и формулирование проблемы;

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

структурирование и визуализация информации; выбор наиболее эффективных способов решения задач в зависимости от конкретных условий;

 самостоятельное создание алгоритмов деятельности при решении проблем творческого и поискового характера;

владение основами продуктивного взаимодействия и сотрудничества со сверстниками и взрослыми: умение правильно, четко и однозначно сформулировать мысль в понятной собеседнику форме;

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

умение выступать перед аудиторией, представляя ей результаты своей работы с помощью средств ИКТ;

использование коммуникационных технологий в учебной деятельности и повседневной жизни.

Предметные результаты:

умение знать принципы и структуру устройства Всемир­ной паутины, формы представления и управления ин­формацией в сети Интернет;

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

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

умение спроектировать, изготовить и разместить в сети веб-сайт объемом 5—10 страниц на заданную тему;

умение программировать на языках HTML,DynamicHTML,CSS на уровне создания не менее 3—5 элемен­тов сайта;

умение применять при создании веб-страницы основные принципы веб-дизайна;

владение способами работы с изученными программами (браузерами Yandex, Opera и др.; редакторами сайтом Flash,FTP и др.);

умение передавать информацию в Интернет с по­мощью протокола FTP, специальных программ, веб- форм;

владение приемами организации и самоорганизации работы по изготовлению сайта;

умение коллективного сотрудничества приконструировании веб- сайтов;

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

устойчивой учебно-познавательной мотивации учения,

умения находить ответ на вопрос о том, «какой смысл имеет для меня учение»,

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

Действия нравственно-этического оценивания:

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

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

Регулятивные универсальные учебные действия:

ставить учебные цели,

планировать свои действия в соответствии с поставленной задачей и условиями её решения, в том числе, во внутреннем плане,

осуществлять итоговый и пошаговый контроль, сличая результат с эталоном,

вносить коррективы в действия в случае расхождения результата решения задачи и ранее поставленной целью.

В процессе изучения курса «Информатики и ИКТ» ученик получит возможность для формирования действий:

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

осознание качества и уровня усвоения.

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

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

Содержание курса внеурочной деятельности

«Основы сайтостроения» для 7 класса (35 часов)

1. Знакомство с понятием веб-страница

Основные понятия: гипертекст,HTML, тег, браузер, веб-страница, разметка, структура документа, заголо­вок, тело.

Содержание темы:

Техническая часть. Что необходимо для работы.

ТегиHTML

Структура веб-страницы. Заголовок документа. Телодокумента. Атрибуты тегов. Цвет фона. Изображениекак фон. Цвет текста. Цвета.

Способывыделениятекста

Размер и форма шрифта. Теги форматирования текс­та. Взаимодействие тегов. Текстовые блоки. Заголовки. Абзацы. Перевод строки. Разделительная линия.

Творческая работа «Самопрезентация»

2. Графика

Основные понятия: растровый формат, векторный формат, метафайлы, рамки изображения, выравнива­ние, обтекание.

Содержание темы:

Рисунки и фотографии с сети Интернет

Параметры графических файлов. Растровые форма­ты:JPEG;GIF;PNG. Векторные форматы. Достоинства и недостатки растровых и векторных форматов. Мета­файлы. Графические редакторы.

Графика на веб-страницах

Как создать графический файл для веб-страницы.Прозрачная графика. Связывание графического файла с HTML-документом. Изображения в HTML-документе.Дополнительная информация.

Творческая работа«Совершенствование вида сайта»

3. Гипертекстовый документ

Основные понятия: организация информации, гипер­текстовые ссылки, внутренние ссылки, активные ссыл­ки, посещенные ссылки, абсолютные адреса, относи­тельные адреса.

Содержание темы:

Организация информации на сайте.Разработка сценария гипертекстового документа, со­стоящего из нескольких файлов. Гипертекстовые ссыл­ки. За пределами документа. Текстовые ссылки. Изо­бражения-ссылки. Главный тег Интернета. Абсолютныеадреса. Относительные адреса. Создание нового окна. Внутренние ссылки. Задание цвета ссылок на веб-стра­нице. Задание цвета отдельных ссылок. Цвет и наличие рамок у изображений-ссылок. Ссылка на адрес элек­тронной почты.

Творческая работа «Выполнение и защита небольшого проекта»

4. Типы сайтов

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

Содержание темы:

Какие бывают сайты. Основные типы сайтов, их название. Цели использо­вания сайта. Стили оформления. Рекомендации по ор­ганизации информации. Оптимизация веб-страниц. Удобство использования сайта. Основные методы юзабилити. Восприятие информа­ции.Критерии оценки сайтов. Юзабилити. Структура и навигация сайтов. Контент(содержание). Внешний вид. Обратная связь. Интерак­тивность.Оформление оценочной таблицы

Творческая работа «Оценка сайта»

Доработка оценочной таблицы и исследование вы­полненных проектов.

5. Основы HTML

Основные понятия: списки, таблицы, фреймы, фор­мы, мегатеги, интерактивность.

Содержание темы:

Таблицы

Структура таблицы. Основные теги. Лишние ячейки. Пустые ячейки. Объединение ячеек. Разделение ячейки. Вложение таблицы. Цвета фона. Цвет рамки. Поля.

Фреймы

Как работают фреймы. Достоинства фреймов. Не­достатки фреймов. Создание фреймов. Ссылки внутри фреймов. Рамки. Изменение размеров. Полосы про­крутки. Плавающие фреймы. Фреймы — хорошо илиплохо?

Формы

Добавление формы на страницу. Кнопки (передачи исброса). Поле со списком. Отправка файла. Метатеги.Творческая работа «Разделяй и властвуй»

Размещение информации страницы сайта в таблице и во фреймовой структуре. Самооценка. Рефлексия.

6. Редакторы сайтов

Основные понятия: редактор веб-страниц, активные элементы, динамический язык, сценарий, баннер, сер­вер, администрирование.

Содержание темы:

Технология создания сайта

Выбор редактора. Создание нового сайта. Создание новых файлов и папок. Настройка характеристиквеб-страницы. Фон. Текст.

Изображение

Гиперссылки. Интерактивное изображение. Созда­ние панели навигации. Настройка предпочтений для ре­дактирования сайта. Использование таблиц. Использо­вание слоев. Использование фреймов.

Работа с картой сайта

Главная страница. Доступ к HTML-коду веб-стра­ницы.

Творческая работа «Лучшая новость —о себе»

7. Проектирование сайта

Основные понятия: концепция сайта, цели сайта, структура сайта, карта сайта, пользователи, навигация.

Содержание темы:

Анализ хороших сайтов. Выбор критериев. Выбор критериев при оценке сай­тов.

Цели создания сайта. Проектирование сайта.

Концептуальное, логическое и физическое проекти­рование сайта.

Особенности проектирования сайтов. Этапы проектирования сайта

Принципы проектирования сайта. Организация ин­формации.

Навигация по сайту. Юзабилити.

Творческая работа «Информационное проектирование сайта»

Самооценка. Рефлексия.

8. Основы веб-дизайна

Основные понятия: Дизайн, векторная и растровая графика, графический редактор, инструменты, фильт­ры, графические примитивы, палитра цветов, формат графического файла, заголовки, текст, разделы, ссылки,термины, эффективность рекламы.

Содержание темы:

Стиль сайта

Элементы веб-страницы. Информационная архитек­тура. Макет страницы. Единство стиля. Внесение разно­образия. Распределение информации на веб-странице.

Текст и шрифт кирпичики сайта

Оформление ссылок. Форматирование текста. По­нятность и читаемость текста. Основные элементы текс­та. Тема, название, заголовки. Фон.

Графика на веб-страницах

Местоположение эмблем и навигационных элемен­тов. Изображения в миниатюре. Логотипы. Интерак­тивность. Советы по графике.

Внешний вид сайта

Управление внешним видом сайта. Особенности на­чальной страницы. Основные принципы веб-дизайна.Уменьшение размера текста и графики. Разделение про­странства страницы. Исключение длинных колонок.Формы.

Композиция веб-страниц

Основные правила композиции. Средства компози­ции. Цвет. Психология цвета. Отдельные цвета. Главные ошибки в веб-дизайне.

Творческая работа «Сайт класса должен быть привлекательным!»

9. Размещение, раскрутка и поддержка сайта в Сети

Основные понятия: Интернет,IP-адрес, домен, про­вайдер, хостинг, трафик, доступ по коммутируемым ка­налам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколыFTP,TCP/IP,HTML, релевантность запросов, скорость загрузки, критичность размеров файлов изображений и веб-страниц сайта, счетчик, поисковые системы, поис­ковые роботы, рейтинг ресурса, баннер, метатеги, клю­чевые слова, содержание, заголовки страниц, эффекты дизайна, интерактивность, баннерный обмен, обменстраницами.

Содержание темы:

Размещение сайта в Сети

Регистрация доменных имен. Хостинг сайта. Услугипровайдера и критерии их выбора. Доступ к сайту. До­полнительные услуги провайдера. Доверие к сайту. По­вышение доверия к сайту. Понижение доверия к сайту.

Раскрутка сайта

Методы раскрутки. Распространенные мифы. Поис­ковые сайты и каталоги. Плюсы поисковых систем. Ми­нусы поисковых систем. Критерии пригодности сайта к индексированию поисковыми системами. Текстовые критерии. Ссылочно-расчетные критерии. Каталожныекритерии. Ссылочно-текстовые критерии. Поисковыезапросы. Поисковые каталоги. Баннерообменные сети. Рейтинги.

Творческая работа «Как проснуться известным!»

Календарно-тематическое планирование курса «Основы сайтостроения»

УЧЕБНО-МЕТОДИЧЕСКОЕ И МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ КУРСА ВНЕУРОЧНОЙ ДЕЯТЕЛЬНОСТИ.

Количество рабочих мест учеников: 15

Периферийные устройства: Сканер, принтер, проектор, локальная сеть.

Выход в Интернет.

операционная система Windows;

MS Office;

браузер (Internet Explorer, Opera);

Основные программы:

редактор веб-сайтов (Dreamweaver, FrontPage или др.);

графический редактор (Paint, Photoshop или др.);

программа Flash, редакторы для создания анима­ций;

программа FTP.

Учебно-методическое обеспечения курса внеурочной деятельности.

Гончаров А. Самоучитель HTML. — СПб.: Питер, 2002. — 240 с.: ил.

Занимательные задачи по информатике. Босова Л.Л., Босова А.Ю., Коломенская Ю.Г. 5-е изд. - М.: 2013

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/273093-kurs-dopolnitelnogo-obrazovanija-osnovy-sajto