«Web-программирование»

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

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

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

Обучающие:

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

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

3. Дать первичные навыки программирования на языках HTML, Dynamic HTML, CSS; познакомить с основами веб – дизайна.

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

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

2. Сформировать целостное представление об информационной картине мира средствами «Всемирной паутины».

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

1. Реализовать коммуникативные, технические и эвристические способности обучающихся в ходе проектирования и конструирования
сайтов;

2. Сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб – сайтов.

3. Сформировать навыки работы в коллективе с комплексными веб – проектами.

Учебная программа разработана для разновозрастных групп (7 – 11 классов), имеющих навыки работы в среде Windows, с программами пакета MSOffice и Интернет.

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

Педагоги

Иванов Александр Алексеевич

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

Раздел 1. Техника безопасности. Введение в Web-дизайн

Теория

Техника безопасности и правила поведения в кабинете. Правила техники безопасности: общие, перед началом работы на ПК, во время и по окончанию работы. Гигиена. Эргономика. Технические условия эксплуатации. Упражнение по снятию напряжения с глаз.

Понятие WWW (World Wide Web). Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства. Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем. Обзор программ (браузеров) для просмотра веб-сайтов. Подбор программного обеспечения для работы над веб-сайтом.

Необходимый минимум для начала работы. Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный. Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

 

Раздел 2. HTML – язык гипертекстовой разметки

Теория

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

Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета. Обзор тэгов разрыва строк и выделения блоков, их области применения. Обзор тэгов создания списков различных типов. Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение. Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование. Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры. Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.

Практика

· Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.

· Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.

· Создание нумерованных и маркированных списков.

· Создание гиперссылок.

· Оптимизация изображений и вставка их на веб-страницу.

· Создание таблиц.

· Валидация кода.

 

Раздел 3. Стилевое оформление CSS-документов

Теория

· Ознакомление с инструментами выделения, их назначением, применением, свойствами;

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

Практика

· Освоение приемов работы инструментов выделения Волшебная палочка;

· Обучение приемам выделения части изображена Прямоугольным и Круглым выделением.

 Раздел 4. Создание интерактивных элементов

Теория

· Понятие, типы и назначение скриптов.

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

· Введение в JavaScript, его назначение и области применения.

· Объектная модель веб-страницы и браузера. Примеры объектов.

· Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий.

Практика

· Создание интерактивных объектов на веб-странице. Создание всплывающих окон и их использование.

· Использование JavaScript-библиотек.

 

Раздел 5. Работа над индивидуальным проектом

Практика

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

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

Основная цель программы – создание среды для развития творческих способностей посредством овладения основами языка HTML, умения создавать web – страницы, освоения основных приёмов работы в HTML – редакторах.

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

Обучающиеся к концу учебного года должны знать/понимать:

- основные команды (теги) языка HTML, технологии создания и просмотра HTML – документа;

- наиболее важные сферы применения гипертекста;

- основные правила web – дизайна.

уметь:

- работать в поисковых системах;

- создавать гиперсвязи и гиперссылки;

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

- осуществлять подбор информации для web – страниц;

- создавать и сохранять web – страницы;

- размещать web – страницы в Интернете;

- соблюдать правила техники безопасности и гигиенические рекомендации при использовании ПК.

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

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

Система оценивания безоценочная, зачётная (зачёт/незачёт).

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

нет

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

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

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

- Принтер для обучающихся и преподавателя;

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

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

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

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