Сайтостроение

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

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

Общепедагогическая направленность занятий — сопряжение социа­лизации и индивидуализации обучения по отношению к сетевым инфор­мационным технологиям. Знания, умения и способы конструирования веб - сайтов являются элементами информационной компетенции — од­ной из ключевых компетенций старшей профильной школы. Умение находить, структурировать, преобразовывать и сохранять информацию в html-формате и других Интернет-совместимых форматах необходимое условие подготовки выпускников технологического профиля. Таким об­разом, освоенный инструментарий — способы веб - конструирования — выступает отдельным образовательным продуктом учеников наряду с раз­работанными ими сайтами. Осознание и присвоение учащимися данного типа продукции происходят с помощью рефлексивных заданий, вклю­ченных в содержание занятий.

Педагоги

Колесникова Марина Владимировна

Содержание программы

1.    Вводное занятие

Теория:  Инструктаж по технике безопасности при нахождении в компьютерном классе. Знакомство с интернет-пространством.

2.    Глава I. Моя веб - страничка Основные понятия: гипертекст, HTML, тег, браузер, веб - страница, разметка, структура документа, заголовок, тело. Техническая часть Теги HTML Структура веб – страницы. Заголовок документа. Тело документа. Атрибуты тегов. Цвет фона. Изображение как фон. Цвет текста. Цвета.

Размер и форма шрифта. Теги форматирования текста. Взаимодействие тегов. Текстовые блоки. Заголовки. Абзацы.  Творческая работа. Тема «Самопрезентация».

3.    Глава II. Графика

Основные понятия: растровый формат, векторный формат, метафай­лы, рамка изображения, выравнивание, обтекание. Рисунки и фотографии в сети Интернета.  Параметры графического файла Форматы графических файлов.  Растровые форматы JPEG GIF PNG Достоинства растрового формата.  Недостатки Векторные форматы Достоинства Недостатки Метафайлы Дополнительная информация. Графические редакторы. Как создать графический файл для веб - страницы

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

Способы организации гипертекстовых документов. Гипертекстовые ссылки

 

5.    Глава IV. Виды сайтов

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

 

6.    Глава V. Основы HTML

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

 

7.    Глава VI. Редакторы сайтов

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

 

8.    Глава VII. Дополнительные возможности создания веб - страниц  

Основные понятия: каскадные таблицы стилей, CSS, селектор, Flash, символ, клип, кнопка, анимация движения, анимация формы, Dynamic HTML, интерактивность, сценарии, статические и динамические страни­цы, активные элементы. назначение CSS Каскадные таблицы стилей Основы CSS Цвет в CSS Размер в CSS Комментарии Каскадность стилей и приоритеты. ID-классы. Три способа задания стиля. Приоритеты Flash Основные понятия. Типы символов. Кнопки Динамический HTML

9.    Глава VIII. Основы веб - дизайна

Основные понятия: дизайн, векторная и растровая графика, графи­ческий редактор, инструменты, фильтры, графические примитивы, па­литра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы. Логотип. Фирменный стиль Цветовая гамма Заголовки. Текст. Привлечение внимания Соответствие содержанию Термины. Конкретность. Простота. Краткость. Логичность изложения Орфография Расположение элементов на сайте Графические элементы. Анимация.  Баннеры

 

10. Глава IX. Размещение, «раскрутка» и поддержка сайта в сети Основные понятия: Интернет, IP-адрес, домен, провайдер, хостинг, трафик, доступ по коммутируемым каналам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколы FTP, TCP/IP, HTTP, релевантность запросов, скорость загрузки, критичность размеров файлов изображений и веб-страниц, электронная почта, реклама, снам, статистика, посещаемость страниц сайта, счетчик, поис­ковые системы, поисковые роботы, рейтинг ресурса, баннер, метатеги, ключевые слова, содержание, заголовки страниц, эффекты дизайна, инте­рактивность, банерный обмен, обмен страницами. Хостинг Удобство навигации Целостность данных Корректность ссылок

 

11. Глава X. Проектирование сайта

Действия, которые необходимо предпринять для достиже­ния поставленных целей Состав пользователей Интересы групп пользователей Разделы сайта Критерии достижения цели Логическое проектирование Тип структуры сайта (линейная, иерархическая, контекст­ная, другая). Названия разделов Что будет содержать в себе каждый раздел.  Организация и связь разделов между собой.  Какая информация будет размещена на определенных стра­ницах сайта Физическое проектирование Технологии, которые будут применяться на сайте. Используемое программное обеспечение.  Возможные проблемы и способы их устранения.  Как будет обновляться информация.

 

12. Глава XI. Зачетная работа

13. Итоговое занятие. Олимпиада по веб - дизайну

 

Цели программы

Цель программы:

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

Результат программы

Ожидаемые результаты программы

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

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

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

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

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

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

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

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

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

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

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

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

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

Особые условия проведения

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

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

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

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

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

Материально-техническая база

-Компьютерный класс, состоящий из 15 компьютеров;

-Сетевой принтер для учащихся и преподавателя;

-Мультимедиа проектор, экран;

-Локальная компьютерная сеть;

-Инсталиционные пакеты программ: MS Windows XP (или более поздние версии), Office 2003 (или более поздние версии), WinRaR, Блонот;

-Наличие доступа в интернет;

- Антивирусная программа;

-Кабинет, оборудованный согласно правилам пожарной безопасности.