ДШИ 7 · Web viewСОДЕРЖАНИЕ. стр. i. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА 3. 1. Общая характеристика предмета 3. 2. Цель и

СОДЕРЖАНИЕстр.

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

1. Общая характеристика предмета..........................................................................3

2. Цель и задачи предмета.........................................................................................3

3.Особенности структуры программы.....................................................................4

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

5. Материально-технические условия реализации учебного предмета................5

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

III. СОДЕРЖАНИЕ УЧЕБНОГО ПРЕДМЕТА..........................................................7

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

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

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

IV. ТРЕБОВАНИЯ К УРОВНЮ ПОДГОТОВКИ ОБУЧАЮЩИХСЯ..................13

V. ФОРМЫ И МЕТОДЫ КОНТРОЛЯ, СИСТЕМА ОЦЕНОК...............................14

Аттестация: цели, виды, форма, содержание........................................................14

VII. МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ УЧЕБНОГО ПРОЦЕССА....................15

VIII. МАТЕРИАЛЬНО-ТЕХНИЧЕСКИЕ УСЛОВИЯ.............................................15

IX. СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ...............................................16

2

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

1. Общая характеристика предмета

Программа «Электронные музыкальные инструменты: студия компьютерной

музыки» направлена на раскрытие творческого потенциала обучающихся в процессе

освоения средств информационных технологий. Умение представлять

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

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

дополнительную общеразвивающую программу «Электронные музыкальные

инструменты: студия компьютерной музыки».

Тесная связь стиля деятельности, сформированного интернет-технологиями, со

всеми сферами современного общества (гуманитарной, естественнонаучной,

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

освоении данной программы.

2. Цель и задачи предмета

Цель: научить учащихся ориентироваться и продуктивно действовать в

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

создаваемые web-ресурсы.

Задачи:

познакомить с видами web-сайтов, их функциональными, структурными и

технологическими особенностями;

сформировать навыки элементарного проектирования, конструирования,

размещения и сопровождения web-сайта;

создать представление о языке HTML и научить использовать его для

создания web-страниц;

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

проектами;

создать и разместить в сети Интернет собственный web-сайт в

соответствии с выбранной темой.

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

У учащихся сформированы знания, умения и навыки:

знают принципы и структуру устройства Всемирной паутины, формы

представления и управления информацией в сети Интернет;

умеют найти, сохранить и систематизировать необходимую информацию

из Сети с помощью имеющихся технологий и программного обеспечения;

умеют спроектировать, изготовить и разместить в сети web-сайт объёмом

5-10 страниц на заданную тему;

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

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

принципы web-дизайна;

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

и обновления web-сайта;

знают виды web-сайтов, способны произвести анализ и сформулировать

собственную позицию по отношению к их структуре, содержанию, дизайну и

функциональности;

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

изготовлению сайта;

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

конструировании сложных web-сайтов;

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

сайта;

овладевают процедурой самооценки знаний и деятельности и

корректируют дальнейшую деятельность по сайтостроительству.

3.Особенности структуры программы

Программа содержит следующие разделы:

распределение учебного материала по годам обучения;

описание дидактических единиц учебного предмета;

требования к уровню подготовки обучающихся;

формы и методы контроля, система оценок;

методическое обеспечение учебного процесса.

4

В соответствии с данными направлениями строится основной раздел программы

"Содержание учебного предмета".

Программа обучения построена таким образом, что каждый год имеет единую

стержневую тему, вокруг нее объединяются остальные разделы содержания,

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

(концентрический метод).

Первый год обучения посвящен изучению особенностей сайтостроения,

освоению навыков программирования.

Второй год обучения посвящен изучению способов работы с Интернет,

технологиями размещения сайта в сети.

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

овладение навыками работы с web-конструкторами.

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

Для достижения поставленной цели и реализации задач предмета используются

следующие методы обучения:

- объяснительно-иллюстративные (объяснение материала происходит в ходе

знакомства с конкретным технологическим примером);

- поисково-творческие (творческие задания, участие детей в обсуждении,

беседах);

- игровые (разнообразные формы игрового моделирования).

5. Материально-технические условия реализации учебного предмета

Материально-техническая база образовательного учреждения должна

соответствовать санитарным и противопожарным нормам, нормам охраны труда.

Учебные аудитории, предназначенные для реализации учебного предмета оснащаются

пианино/роялями, звукотехническим оборудованием, учебной мебелью (досками,

столами, стульями, стеллажами, шкафами) и оформляются наглядными пособиями.

Для работы со специализированными материалами аудитория оснащается

современным мультимедийным оборудованием, необходимым сетевым оборудованием

для подключения и выхода в сеть Интернет.

5

II. УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАНУчебно-тематический план отражает последовательность изучения разделов и тем

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

Наименование разделов и темКоличество часов

Всего

1 год обучения 33Техника безопасности и организация рабочего места 1

Раздел 1. Осваиваем Интернет 6

1.1. Структура сети Интернет. Виды доступа к Интернет 1

1.2. Принципы функционирования сети 3

1.3. Сервисы Интернета. Браузеры 2

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

2.1. Структура html-документа 3

2.2. Теги и атрибуты 2

2.3. Вставка изображения на страницу 2

2.4. Управление рисунком 2

2.5. Простые таблицы 2

2.6. Формирование сложных таблиц 3

2.7. Гиперссылки 6

2.8. Оформление гиперссылок 6

2 год обучения 33Раздел 3. Каскадные таблицы стилей CSS 25

3.1. Каскадные таблицы стилей 3

3.2. Позиционирование 3

3.3. Фреймы 3

3.4. Настройка фреймов 2

Раздел 4. Теоретические основы дизайна 86

4.1. Основы визуального дизайна 1

4.2. Web-графика 5

4.3. Дизайн web-сайтов 2

3 год обучения 33Раздел 5. Создание собственного сайта 33

5.1. Виды сайтов. Функции сайтов 2

5.2. Возможности публикации сайта на web-ресурсе 2

5.3. Проект внешнего вид сайта. Создание стартовой

страницы. Прочие страницы сайта: дизайн и навигация. Примеры

разработки эскиза веб-страницы.

3

5.4. Карта сайта. Виды карт сайтов. Файловая структура сайта. 3

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

5.5. Защита проекта 4

Резерв времени 7

ВСЕГО 99

III. СОДЕРЖАНИЕ УЧЕБНОГО ПРЕДМЕТА

Программа по предмету «Web-дизайн» реализуется в структуре дополнительной

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

искусства, рассчитанной на 8-9 лет обучения.

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

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

Тема 1.1. Структура html-документа

Учащиеся должны знать / понимать:

принципы работы с html-тегами;

принципы работы браузера при отображении страницы;

структуру кода web-страницы;

7

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

теги форматирования текста.

Учащиеся должны уметь:

создать web-страницу с помощью html-кода;

придать web-странице требуемое форматирование.

Браузер. Структура html-документа. Тег. Форматирование html-документа.

Практическая работа: «Структура html-документа».

Тема 1.2. Теги и атрибуты


назначение основных параметров для тегов форматирования.


управлять параметрами текста с помощью тега <FONT>;

управлять параметром выравнивания для тега <P>;

задавать заголовок документа.

Атрибуты тегов. Базовый шрифт. Заголовок html-документа.

Практическая работа: «Теги и атрибуты».

Тема 1.3. Вставка изображения на страницу


как вставить изображение на web-страницу;

как отключать отображение изображений на web-странице.


вставлять необходимое изображение в нужное место web-страницы;

задавать альтернативный текст для вставляемого изображения.

Вставка изображения на web-страницу. Альтернативный текст.

Практическая работа: «Вставка изображения на страницу».

Тема 1.4. Управление рисунком


как узнать значения высоты и ширины графического файла.


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

выравнивать и центрировать рисунок на web-странице.8

Выравнивание рисунка. Свойства графического изображения.

Практическая работа: «Управление рисунком».

Тема 1.5. Простые таблицы


основы работы с таблицами и применение их для разметки структуры web-

документа;

назначение основных атрибутов таблицы.


формировать таблицу;

настраивать ширину и высоту ячеек таблицы;

осуществлять разметку страницы с помощью таблиц;

создавать сложную структуру с помощью вложенных таблиц.

Создание и разметка таблицы. Вложенные таблицы.

Практическая работа: «Простые таблицы».

Тема 1.6. Формирование сложных таблиц


способы модификации таблицы путём объединения ячеек и применение

границ и заливок.


объединять ячейки таблицы;

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

Объединение ячеек таблиц. Границы и заливка таблицы.

Практическая работа: «Формирование сложных таблиц».

Тема 1.7. Гиперссылки


назначение гиперссылок и принцип их создания.


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

Гиперссылки.

Практическая работа: «Гиперссылки».

Тема 1.8. Оформление гиперссылок9


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

страницу.


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

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

ссылаться на внешние ресурсы Интернета.

Картинка-гиперссылка. Цвета гиперссылки. Внешний ресурс.

Практическая работа: «Оформление гиперссылок».

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

Раздел 2. Каскадные таблицы стилей CSS

Тема 2.1. Каскадные таблицы стилей


назначение каскадной таблицы стилей;

принципы создания стилей и их применение на web-страницах.


создавать внешнюю таблицу стилей, подключать её к web-странице и

применять стили к тегам;

создавать стилевые правила для отдельных тегов, создавать классы и

псевдоклассы.

Каскадные таблицы стилей (CSS). Селектор. Внешняя таблица стилей. Стилевой

класс и псевдокласс.

Практическая работа: «Каскадные таблицы стилей».

Тема 2.2. Позиционирование


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

возможности внутренних и Inline-стилей.


создавать и использовать контекстный селектор;

использовать внутреннюю таблицу стилей и Inline-стиль;10

задать позицию для тега с помощью стилей.

Контекстный селектор. Внутренняя таблица стилей. Inline-стиль.

Позиционирование.

Практическая работа: «Позиционирование».

Тема 2.3. Фреймы


назначение фреймов и основы работы с ними.


формировать фреймовую структуру страницы;

осуществлять загрузку web-страницы в заданный фрейм.

Фрейм. Фреймовая структура страницы. Гиперссылки между фреймами.

Практическая работа: «Фреймы».

Тема 2.4. Настройка фреймов


основные атрибуты тегов фреймовой структуры.


оформлять фреймы;

создавать «историю» посещения страничек.

Форматирование фреймов. «История» посещения страничек.

Практическая работа: «Настройка фреймов».

Раздел 3. Теоретические основы дизайна

Тема 3.1. Основы визуального дизайна


инструменты web-дизайна;

принципы дизайна;

характерные свойства абстрактных материалов, с которыми работает

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

фундаментальные принципы дизайна.


подобрать гармоничные цвета композиции;

выбрать удачное шрифтовое решение композиции.11

Пространственные отношения. Форма и размер. Цвет и размер. Пропорции.

Размещение элементов в композиции web-страницы. Плотность размещения

материала. Форма. Цвет. Текст и фон. Шрифт и текст. Подбор шрифтов. Принципы

дизайна.

Тема 3.2. Web-графика


особенности подготовки web-графики (диффузия, антиалиасинг);

«безопасную» палитру цветов;

об оптимизации графики для Интернета;

функции web-графики;

форматы файлов для хранения компьютерной графики;

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


оптимизировать графику;

убирать эффект ореола.

Виды компьютерной графики. Графические форматы. Особенности подготовки

графики для web-страниц. Функции web-графики.

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

инициалы.

Дополнительно: как создать и разместить на web-странице ролик, созданный в

программе Macromedia Flash.

Тема 4.3. Дизайн web-сайтов


ограничения, налагаемые на дизайн web-сайтов;

типы сайтов;

зависимость дизайна от тематики сайта;

элементы, из которых состоит web-страница;

классификацию сайтов;

устройство сайтов.


различать типы сайтов и их назначение;12

комбинировать на web-странице графическую и текстовую информации.

Типы сайтов. Устройство сайтов. Топологическая структура сайта. Размерные

отношения и ограничения формата web-страницы. Текстовые блоки и графические

вставки.

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

Создание собственного веб-сайта, размещение его в сети. Эргономика сайта

(web-usability). Оценка качества восприятия информации пользователями сайта.

Оценка юзабилити. Приемы и принципы макетирования. Различные подходы к

размещению информации. Структура навигации сайта. Навигационные панели и их

применение при создании сайта со сложной структурой. Факторы, затрудняющие и

факторы помогающие правильному восприятию информации на сайте. Макетирование

в web. Правила расположения, форма основных навигационных и графических

компонентов на странице (таких как выпадающие одноуровневые и многоуровневые

меню, логотипы, информационные блоки).

IV. ТРЕБОВАНИЯ К УРОВНЮ ПОДГОТОВКИ ОБУЧАЮЩИХСЯ

Раздел содержит перечень знаний умений и навыков, приобретение которых

обеспечивает программа «Web-дизайн»:

Учащиеся должны знать:

Набор необходимых инструментов для создания Web-страницы/сайта;

Основные принципы использования языка HTML;

Принципы работы с Web-редакторами;

Основные средства редактирования Web-страниц;

Типичную структуры WEB-страницы и принципы проектирования сайта;

Основные принципы WEB-дизайна;

Как подготовить свой сайт к публикации в Интернет;

Учащиеся доллжны уметь:

Готовить текст и иллюстрационный материал для сайта;

13

Пользоваться средствами Web-редактора для написания страницы:

создавать страницу, использовать гиперссылки, форматировать текст,

пользоваться таблицами;

Осуществлять разметку страницы;

Подготовить и опубликовать свой сайт в Интернет;

Пользоваться фреймовыми технологиями;

Полностью создавать WEB-сайт.

V. ФОРМЫ И МЕТОДЫ КОНТРОЛЯ, СИСТЕМА ОЦЕНОК

Аттестация: цели, виды, форма, содержание

Основными принципами проведения и организации всех видов контроля

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

обучаемого.

Текущий контроль знаний, умений и навыков происходит на каждом уроке в

условиях непосредственного общения с учащимися и осуществляется в следующих

формах:

- беседа, устный опрос;

- обмен мнениями;

- представление своих творческих работ (отдельных web-страниц, собственного

сайта в сети).

Программа «Электронные музыкальные инструменты: студия компьютерной

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

итоговых контрольных уроков, которые проводятся во 2, 4, 6 полугодиях.

Контрольный урок проводится на последнем уроке полугодия в рамках аудиторного

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

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

14

VII. МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ УЧЕБНОГО ПРОЦЕССА

Изучение учебного предмета «Web-дизайн» осуществляется в форме

мелкогрупповых занятий. В основу преподавания положена вопросно-ответная

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

деятельности.

Наиболее продуктивная форма работы с учащимися младших классов - это

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

краткие объяснения, учебно-практические и творческие задания.

Программа учебного предмета «Web-дизайн» предполагает наличие

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

разнообразия форм, жанров, стилевых направлений (в том числе, современной

музыки). Учащиеся накапливают слуховой опыт и получают определенную сумму

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

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

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

Курс ориентирован на предпрофильную подготовку учащихся и строится на

основе информатики и технологии, с использованием методов исследовательской,

проектной деятельности. Курс построен по модульному принципу и предполагает

практическое выполнение индивидуальных и групповых заданий, а так же выполнение

и защиту проектной работы в области Интернет-технологий.

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

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

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

обучения. По окончании элективного курса ученики должны уметь эффективно

использовать инструментальные программные средства (Microsoft Word, FrontPage) с

использованием языка HTML для создания Web-страниц и Web-сайтов.

VIII. МАТЕРИАЛЬНО-ТЕХНИЧЕСКИЕ УСЛОВИЯ

Материально-техническая база образовательного учреждения должна

соответствовать санитарным и противопожарным нормам, нормам охраны труда.

15

Образовательное учреждение должно соблюдать своевременные сроки текущего и

капитального ремонта.

Минимально необходимый для реализации в рамках программы «Web-дизайн»

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

-учебные аудитории для мелкогрупповых занятий с наличием не менее 3-х

компьютеров;

- учебную мебель (столы, стулья, стеллажи, шкафы);

- подключение компьютеров к сети Интернет;

- наличие необходимого программного обеспечения;

- библиотеку, помещения для работы со специализированными материалами

(видеозал/класс).

IX. СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ

1. Ситникова, О. В., Татарникова, Л. А., Вьюгов, Д. С. Технологии создания сайтов

и основы web-дизайна: Учебное пособие.

2. Уроки сайтостроения: Электронный практикум.

3. Технологии создания сайтов и основы web-дизайна: Учебная программа.

4. Татарникова, Л. А. Технологии создания сайтов и основы web-дизайна:

Методические рекомендации.

5. Кузнецов, В. В. Технологии создания сайтов и основы web-дизайна: Задания для

проведения контрольной работы № 1 «Язык гипертекстовой разметки HTML.

Каскадные таблицы стилей CSS».

6. Кузнецов, В. В. Технологии создания сайтов и основы web-дизайна: Задания для

проведения контрольной работы № 2 «Язык сценариев JavaScript».

7. Кузнецов, В. В. Технологии создания сайтов и основы web-дизайна: Задание к

итоговому проекту.

16

Documents

ДШИ 7 · Web viewСОДЕРЖАНИЕ. стр. i. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА 3. 1. Общая характеристика предмета 3. 2. Цель и