Программа курса "Компьютерное творчество. Основы Web-дизайна"

Муниципальное бюджетное общеобразовательное учреждение

лицей № 35 города Ставрополя

Дополнительная образовательная программа научно-технической направленности для учащихся 9 классов

«Компьютерное творчество. Основы Web-дизайна»

Срок реализации: 1 год

Количество часов: 34 часа

Составитель : Золина Ю.П.

учитель информатики

МБОУ лицея № 35

Год разработки: 2025

г. Ставрополь, 2025 год

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

В связи с бурным развитием сети Интернет большое значение приобрела проблема освоения учащимися знаний в области Интернет - технологий. Одной из составляющих данной области является Web-дизайн. Необходимость введения курса по выбору «Компьютерное творчество. Основы Web-дизайна» для 9 класса обусловлена тем, что его освоение позволяет любому желающему создать свой собственный сайт и разместить его в сети Интернет. Поэтому в настоящее время много внимания уделяется подготовке начинающих Web-дизайнеров, на которых возлагается обязанность создания удобного, простого и понятного способа навигации в сети Интернет.

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

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

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

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

Курс рекомендован учащимся 9 –го класса общеобразовательной школы.

и рассчитан на проведение 34 уроков за 1 год обучения (1 час в неделю)

Цели курса:

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

— сформировать у них целостное представление об информационной картине мира средствами «Всемирной паутины». Научить способам представления информации в сети Интернета;

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

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

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

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

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

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

— дать первичные навыки программирования на языках HTML;

— научить основам работы с программами Nethouse, Tilda, Ukit;

— сформировать навыки работы в коллективе с комплексными веб-проектами.

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

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

В структуре изучаемого курса выделяются следующие основные разделы:

I. Введение в мир Интернет.

II. Основы разработки Web-страниц.

III. Работа с гиперссылками.

IV. Создание тематического Web-сайта.

Методы обучения

Основная методическая установка курса — обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайтов.

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

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

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

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

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

перечень реальных объектов действительности, относящихся к данным компетенциям (веб-страница, сайт, компьютер, компьютерная программа, Интернет и др.);

знания, умения и навыки, относящиеся к данным объектам;

способы деятельности по отношению к данным объектам;

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

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

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

Формы организации учебных занятий

Основной тип занятий — практикум. Большинство заданий курса выполняется с помощью персонального компьютера и необходимых программных средств. Доступ в Интернет желателен, но не обязателен. Многие работы ученики могут осуществлять без подключения к сети. Единицей учебного процесса является блок уроков (глава). Каждый такой блок охватывает изучение отдельной информационной технологии или ее части. В предлагаемой программе количество часов на изучение материала определено для блоков уроков, связанных с изучением основной темы. Внутри блоков разбивка по времени изучения производится учителем самостоятельно. С учетом регулярного повторения ранее изученных тем темп изучения отдельных разделов блока определяется субъек­тивными и объективными факторами. Каждая тема курса начинается с постановки задачи — характеристики образовательного продукта, который предстоит создать ученикам. С этой целью учитель проводит веб-экскурсию, мультимедийную презентацию, комментированный обзор сайтов или демонстрацию слайдов. Изучение нового материала носит сопровождающий характер. Ученики изучают его с целью создания запланированного продукта — графического файла, эскиза веб-страницы, элемента сайта и т.п.

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

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

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

В качестве дополнительных источников информации по курсу рекомендуются справочники, дополнительная литература с описанием новых программных средств (меняется ежегодно), а также разделы «Справка» в изучаемых компьютерных программах. Выработка навыка самостоятель­ного изучения программных средств позволит ученику самостоятельно продолжать образование после окончания данного курса.

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

В результате изучения курса обучающийся должен

иметь представление о:

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

знать

• понятие браузера;

• основные этапы создания Web-сайтов и возможности программы Nethouse, Tilda, Ukit как инструментов Web-дизайнера;

• каким образом осуществляется навигация внутри Web-сайта и между сайтами в сети Internet;

уметь

• запускать программу Nethouse, Tilda, Ukit; создавать новый Web-узел; ориентироваться в проводнике Nethouse, Tilda, Ukit; пользоваться основными возможностями программы (вставка рисунков, вставка таблиц, изменение фона страницы и т.д.);

• редактировать домашнюю страницу; создавать новую Web-страницу;

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

Содержание курса

1. Основы разработки Web-страниц -10 часов.

Введение в мир Интернет. Знакомство с Nethouse, Tilda, Ukit. Создание нового Web-узла. Окно Nethouse, Tilda, Ukit. Оформление домашней страницы. Возможности Nethouse, Tilda, Ukit. Цвет шрифта и фона. Создание своей «визитки» в виде простейшей веб-страницы. Основы HTML. Создание простейших файлов HTML

1. Графика – 11 часов.

Виды компьютерной графики. Графика. Создание новой страницы.

Формат JPEG: прогрессивная развертка. Использование программы Adobe Photoshop для создания графических изображений. Палитра слоев. Создание, корректировка слоя. Создание баннера. Использование горячих клавиш. Установка и редактирование гиперссылок. Сохранение файлов для Web-страниц.

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

Редактирование домашней страницы. Цвет в Web-дизайне. Цветовой круг. Текст и фон. Подготовка иллюстраций для Web-страниц. Создание навигационных кнопок. Логотипы и титульная графика. Подбор шрифта и верстка текста. Обзор ресурсов, связанных с Web-дизайном

1. Создание тематического Web-сайта и его размещение в сети –5 часов

Выбор темы проекта; разработка структуры и дизайна. Выполнение творческой работы по созданию сайта. Примеры удачных и неудачных решений. Публикация Web-сайта в Интернете. Защита проекта.

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

«Компьютерное творчество. Основы Web-дизайна» 9 класса

№ занятия	Наименование разделов и тем	Кол-во часов	Сроки
	Основы разработки Web-страниц	10
	Введение в мир Интернет	1
	Знакомство с Nethouse, Tilda, Ukit	1
	Создание нового Web-узла.	1
	Окно Nethouse, Tilda, Ukit	1
	Оформление домашней страницы	1
	Возможности Nethouse, Tilda, Ukit	1
	Цвет шрифта и фона	1
	Создание своей «визитки» в виде простейшей веб-страницы	1
	Основы HTML	1
	Создание простейших файлов HTML	1
	Графика.	11
	Виды компьютерной графики	1
	Графика. Создание новой страницы	1
	Форматы графических файлов, используемых в сети Интернет	1
	Графика для Web-браузеров	1
	Формат GIF: индексированная палитра, чередование строк, создание прозрачных графических изображений	1
	Формат JPEG: прогрессивная развертка	1
	Использование программы Adobe Photoshop для создания графических изображений	1
	Палитра слоев. Создание, корректировка слоя	1
	Создание баннера. Использование горячих клавиш	1
	Установка и редактирование гиперссылок.	1
	Сохранение файлов для Web-страниц.	1
	Основы веб-дизайна	8
	Редактирование домашней страницы	1
	Цвет в Web-дизайне. Цветовой круг	1
	Текст и фон.	1
	Подготовка иллюстраций для Web-страниц.	1
	Создание навигационных кнопок	1
	Логотипы и титульная графика	1
	Подбор шрифта и верстка текста	1
	Обзор ресурсов, связанных с Web-дизайном.	1
	Создание тематического Web-сайта и его размещение в сети	5
	Выбор темы проекта; разработка структуры и дизайна	1
	Выполнение творческой работы по созданию сайта	1
	Выполнение творческой работы по созданию сайта	1
	Примеры удачных и неудачных решений.	1
	Публикация Web-сайта в Интернете. Защита проекта	1
	Итого:	34 часа

Список информационных ресурсов

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

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

http://htmlbook.ru — Мержевич Влад. Краткий, но информационно насыщенный учебник по технологии создания сайтов, HTML, CSS, дизайне, графике и др. Выполнен в стиле расширенного справочника с примерами. Написан доступным языком. Подходит для углубленных занятий как под руководством учителя, так и индивидуально.
http://www.intuit.ru/ — П.Б. Храмцов, С.А. Брик, A.M. Русак, А.И. Сурин. Сайт Интернет-университета информационных технологий. Курс лекций посвящен основам веб-технологий. Рассчитан на студентов вузов, но может быть полезен всем, кто желает углубить свои знания в этой области.

http://www.postroika.nj/ — Аленова Наталья. «Учебник (руководство) по html. Я писала это руководство в расчете на людей начинающих, вспоминая, как когда-то начинала сама. Это не сухое изложение всего подряд, это попытка поработать на ассоциациях, сделать все более легко запоминающимся. Мне кое-где не удалось избе­жать нудных моментов, но я старалась и буду стараться, дополняя и исправляя все написанное время от времени».

http://html.manual.ru/ — Городулин Владимир. «HTML-справочник. Это не перевод скучной спецификации и не попытка написать учебник. Задача справочника — коротко и ясно опи­сать действие всех элементов языка HTML, которые вы можете без опас­ки использовать при создании Интернет-страниц, не боясь, что какая-то версия какого-либо браузера сделает вам неприятный сюрприз. Иначе говоря, здесь представлен «классический» HTML, употребляемый про­фессиональными web-разработчиками. И ничего лишнего».

http://winchanger.narod.ru — А. Климов Краткий справочник по тегам HTML-языка.
http://www.w3.org/ — World Wide Web Consortium. О спецификации HTML 4.0. Профессиональный документ. Для тех, кому недостаточно справочников, или для решающего аргумента в споре. Единственной нормативной версией является английская версия данного документа. Однако переводы этого документа имеются по адресу http://www.w3.org/MarkUD/html40-uDdates/translations.html способов деятельности превращает его в дисциплину, интегрирующую различные предметы школьного курса, поскольку помогает ученикам справляться с обработкой и представлением многопредметного инфор­мационного потока.

12