МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное образовательное учреждение среднего профессионального образования
УФИМСКИЙ Государственный КОЛЛЕДЖ радиоэлектроники
Кафедра программирования и информационных технологий
УТВЕРЖДАЮ Зам. директора по УМР _____________ «_____» ______________2011 г. |
Авторская программа
профессионального модуля «Разработка мультимедийных WEB-приложений»
модуль введен за счет вариативной части
для специальности 230115 Программирование в компьютерных системах
(базовой и углубленной подготовки)
Рекомендована протокол №______ от «____»______2011 г. номер | СОГЛАСОВАНО: Методист _________ «_____» _ 2011 г. |
ОДОБРЕНА экспертной группой УГКР Протокол № ____ от «____» _______ 2011 г. ____________________ (подпись) ____________________ (подпись) ____________________ (подпись) ____________________ (подпись) ____________________ (подпись) | Рассмотрено на заседании кафедры «Программирования и информационных технологий» Протокол № ___ от «____» ____ 2011г. Зав. кафедрой _______ (подпись) Разработал преподаватель _____________________ (подпись) _____________________ (подпись) |
2011 г.
Содержание
1 Паспорт программы профессионального модуля | стр. 3 |
2 Структура и содержание профессионального модуля | 6 |
3 Условия реализации профессионального модуля | 17 |
4 Контроль и оценка результатов освоения профессионального модуля (вида профессиональной деятельности) | 19 |
1 Паспорт программы профессионального модуля
1.1 Область применения программы
Авторская программа профессионального модуля (далее программа) – является частью основной профессиональной образовательной программы по специальности СПО в соответствии с ФГОС по специальности СПО:
- 230115 Программирование в компьютерных сетях (базовой и углубленной подготовки).
Программа профессионального модуля может быть использована в дополнительном профессиональном образовании и профессиональной подготовке работников в области компьютерной графики, мультимедийных технологий и веб-дизайна. Опят работы не требуется.
1.2 Цели и задачи профессионального модуля – требования к результатам освоения профессионального модуля:
В результаты освоения дисциплины у обучающихся по базовой подготовке формируются общие компетенции, включающие в себя способность:
ОК 1. Понимать сущность и социальную значимость своей будущей профессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, выбирать типовые методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.
ОК 3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность.
ОК 4. Осуществлять поиск и использование информации, необходимой для эффективного выполнения профессиональных задач, профессионального и личностного развития.
ОК 5. Использовать информационно-коммуникационные технологии в профессиональной деятельности.
ОК 6. Работать в коллективе и команде, эффективно общаться с коллегами, руководством, потребителями.
ОК 7. Брать на себя ответственность за работу членов команды (подчиненных), результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.
ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.
ОК 10. Исполнять воинскую обязанность, в том числе с применением полученных профессиональных знаний (для юношей).
В результаты освоения дисциплины у обучающихся по углубленной подготовке формируются общие компетенции, включающие в себя способность:
ОК 1. Понимать сущность и социальную значимость своей будущей профессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, определять методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.
ОК 3. Решать проблемы, оценивать риски и принимать решения в нестандартных ситуациях.
ОК 4. Осуществлять поиск, анализ и оценку информации, необходимой для постановки и решения профессиональных задач, профессионального и личностного развития.
ОК 5. Использовать информационно-коммуникационные технологии для совершенствования профессиональной деятельности.
OK 6. Работать в коллективе и: команде, обеспечивать ее сплочение, эффективно общаться с коллегами, руководством, потребителями.
ОК 7. Ставить цели, мотивировать деятельность подчиненных, организовывать и контролировать их работу с принятием на себя ответственности за результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.
ОК 9. Быть готовым к смене технологий в профессиональной деятельности.
ОК 10. Исполнять воинскую обязанность, в том числе с применением полученных профессиональных знаний (для юношей).
В результате освоения дисциплины у обучающихся по базовой подготовке формируются профессиональные компетенции, соответствующие основным видам профессиональной деятельности:
ПК 1.2. Осуществлять разработку кода программного продукта на основе готовых спецификаций на уровне модуля.
ПК 1.6. Разрабатывать компоненты проектной и технической документации с использованием графических языков спецификаций.
ПК 3.1. Анализировать проектную и техническую документацию на уровне взаимодействия компонент программного обеспечения.
ПК 3. Создавать и редактировать компьютерные модели, графические объекты и web-приложения с применением мультимедийных технологий.
В результате освоения дисциплины у обучающихся по углубленной подготовке формируются профессиональные компетенции, соответствующие основным видам профессиональной деятельности:
ПК 1.2. Осуществлять разработку кода программного продукта на основе готовых спецификаций на уровне модуля.
ПК 1.6. Разрабатывать компоненты проектной и технической документации с использованием графических языков спецификаций.
ПК 3.1. Анализировать проектную и техническую документацию на уровне взаимодействия компонент программного обеспечения.
ПК 4.3. Производить исследование и оптимизацию созданного программного кода с использованием специализированных программных средств.
ПК 3. Создавать и редактировать компьютерные модули, графические объекты и web-приложения с применением мультимедийных технологий.
С целью овладения основным видом профессиональной деятельности «Разработка мультимедийных web-приложений» и соответствующими профессиональными компетенциями обучающийся в ходе освоения профессионального модуля должен:
иметь практический опыт:
- разработки мультимедийных веб-приложений;
- создания графики и анимации в графических редакторах;
- обработки аудио и видео на компьютере;
уметь:
- создавать элементы графического изображения;
- создавать аудиофайлы;
- создавать и монтировать видеофайлы;
- подбирать оборудование для ввода и вывода изображений;
- составлять HTML-код страницы;
- проектировать веб-приложения;
знать:
- основные виды компьютерной графики;
- приемы подготовки графики для веб-приложений;
- основные приемы работы со звуковыми файлами;
- устройство фото и видео техники;
- устройство сканера и мультимедиа проектора.
1.3 Количество часов на освоение программы профессионального модуля:
максимальной учебной нагрузки обучающегося – 280 часов, включая:
- обязательной аудиторной учебной нагрузки обучающегося – 204 часов;
- самостоятельной работы обучающегося – 76 часов;
учебной практики – 108 часов.
2 Структура и содержание профессионального модуля
2.1 Тематический план профессионального модуля
Код профессиональных компетенций | Наименования разделов профессионального модуля* | Всего часов | Объем времени, отведенный на освоение междисциплинарного курса (курсов) | Практика | ||||||||||||||
Обязательная аудиторная учебная нагрузка обучающегося | Самостоятельная работа обучающегося | Учебная, часов | Производственная (по профилю специальности),** часов | |||||||||||||||
Базовой подготовки | Углубленной подготовки | Всего, часов | в т. ч. лабораторные работы и практические занятия, часов | в т. ч., курсовая работа (проект), часов | Всего, часов | в т. ч., курсовая работа (проект), часов | ||||||||||||
Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | Семестр 3 | Семестр 4 | |||
ПК 1.6 ПК 3 | ПК 1.6 ПК 3 | Раздел 1. Редактирование графических изображений | 110 | - | 80 | - | 60 | - | - | - | 30 | - | - | - | - | - | - | - |
ПК 3.1 ПК 3 | ПК 3.1 ПК 3 | Раздел 2. Использование устройств ввода-вывода и редактирование аудио - и видеофайлов | 44 | - | 32 | - | 24 | - | - | - | 12 | - | - | - | - | - | - | - |
ПК 1.2 ПК 4.3 ПК 3 | ПК 1.2 ПК 4.3 ПК 3 | Раздел 3. Проектирование и разработка web-приложений | 46 | 80 | 32 | 60 | 16 | 40 | - | - | 14 | 20 | - | - | - | - | - | - |
Учебная практика, часов | - | 108 | 108 | |||||||||||||||
Всего: | 388 | 204 | 130 | - | 76 | - | 108 | - | ||||||||||
2.2 Содержание обучения по профессиональному модулю (ПМ)
Наименование разделов профессионального модуля (ПМ), междисциплинарных курсов (МДК) и тем | Содержание учебного материала, лабораторные работы и практические занятия, самостоятельная работа обучающихся | Объем часов | Уровень освоения | |
Базовой подготовки | Углубленной подготовки | |||
Курс 2 Семестр 3 | ||||
Раздел ПМ 1. Редактирование графических изображений | 110 | |||
МДК 1. Компьютерная графика | 80 | |||
Тема 1.1. Основные понятия компьютерной графики Заочное обучение: Аудиторные занятия – 2 ч. | Содержание | 13 | ||
1 | Введение в компьютерную графику Понятие графики. Задачи компьютерной графики. История компьютерной графики. Области применения компьютерной графики в современном мире. | 2 | 1 | 1 |
Домашнее задание: [1.6] стр. 12-30 | ||||
2 | Виды компьютерной графики Двумерная, трехмерная графика. Растровая, векторная графика. | 2 | 1 | 1 |
Домашнее задание: [1.7] стр. 10-23 | ||||
3 | Физические основы компьютерной графики Цвет и цветовые модели. Природа цвета, цветовой охват. Глубина цвета. | 2 | 1 | 1 |
Домашнее задание: [1.7] стр. 27-39 | ||||
Самостоятельная работа обучающихся: подготовка рефератов | 7 | |||
Примерная тематика внеаудиторных самостоятельных работ: «Компьютерная графика» | ||||
Тема 1.2. Растровая графика. Заочное обучение: Аудиторные занятия – 1,5 ч. Практические занятия – 3 ч. | Содержание | 28 | ||
1 | Растровая графика и ее основные характеристики Виды растров. Факторы, влияющие на количество памяти, занимаемой растровым изображением. Достоинства и недостатки растровой графики. Геометрические характеристики растра (разрешающая способность, размер растра, форма пикселов). Форматы растровых файлов. Средства создания растровых изображений. Средства обработки изображений. | 3 | 1 | 2 |
Домашнее задание: [1.2] стр. 12-21 | ||||
2 | Редакторы растровой графики Редактор растровой графики MS Paint. Основные приемы работы. Пиксель-арт. Редактор растровой графики Adobe Photoshop. Основные приемы работы. Панель инструментов. Создание изображений. Редактирование изображений. | 2 | 1 | 2 |
Домашнее задание: [1.2] стр. 30-172 | ||||
Самостоятельная работа обучающихся: подготовка рефератов | 7 | |||
Примерная тематика внеаудиторных самостоятельных работ: «Редакторы растровой графики» | ||||
Лабораторные работы: | 16 | |||
1 | Создание изображений в MS Paint. | |||
2-3 | Изучение основных приемов работы в Adobe Photoshop | |||
4-5 | Редактирование изображений в Adobe Photoshop | |||
6-8 | Создание изображений в Adobe Photoshop | |||
Тема 1.3 «Векторная графика» Заочное обучение: Аудиторные занятия – 1,5 ч. Практические занятия – 3 ч. | Содержание | 27 | ||
1 | Векторная графика и ее основные характеристики Примитивы и атрибуты. Объекты, сплайны, кривые Безье. Форматы векторных файлов. Программы для работы с векторной графикой. Достоинства и недостатки. Клипарты. | 3 | 1 | 1 |
Домашнее задание: [1.2] стр. 21-24 | ||||
2 | Редакторы векторной графики Corel Draw, Adobe Illustrator, AutoCad. Основные приемы работы. Панель инструментов. Рисование примитивов, создание и редактирование объектов. | 2 | 1 | 2 |
Домашнее задание: [1.2] стр. 448-957 | ||||
Самостоятельная работа обучающихся: работа с конспектом лекций | 8 | |||
Примерная тематика внеаудиторных самостоятельных работ: «Векторная графика» | ||||
Лабораторные работы: | 14 | |||
9-10 | Изучение возможностей редактора Corel Draw | |||
11-13 | Создание рекламных макетов в CorelDraw | |||
14 | Изучение возможностей редактора Adobe Illustrator | |||
15 | Изучение возможностей редактора AutoCad | |||
Тема 1.4. Трехмерная графика Заочное обучение: Аудиторные занятия – 2 ч. Практические занятия – 4 ч. | Содержание | 42 | ||
1 | Трехмерная графика и ее основные характеристики Сцены. Трехмерные объекты. Проекции объектов. Полигоны. Геометрические примитивы. Основы построения сцен. Моделирование. Рендеринг. Редакторы векторной графики. Применение. | 2 | 1 | 1 |
Домашнее задание: [1.12] стр. 4-20, работа с конспектом лекции | ||||
2 | Редактор трехмерной графики 3D Studio Max Основные приемы работы. Панель инструментов. Рисование примитивов, создание объектов и сцен. | 2 | 1 | 2 |
Домашнее задание: [1.12] стр. 21-160, работа с конспектом лекции | ||||
Самостоятельная работа обучающихся: работа с конспектом лекций | 8 | |||
Примерная тематика внеаудиторных самостоятельных работ: «Трехмерная графика» | ||||
Лабораторные работы: | 30 | |||
16 | Знакомство с программой 3D Studio Max. | |||
17-18 | Работа со стандартными примитивами в 3D Studio Max | |||
19-20 | Сетчатое моделирование в 3D Studio Max | |||
21-22 | Работа со сплайнами в 3D Studio Max | |||
23-24 | Создание моделей с помощью лофтинга и булевых операций в 3D Studio Max | |||
25-26 | Работа с материалами в 3D Studio Max | |||
27-28 | Освещение и камеры в сцене в 3D Studio Max | |||
29-30 | Анимация в 3D Studio Max | |||
Всего по семестру: | Теоретическое обучение | 20 | ||
Практические занятия | 60 | |||
Обязательная нагрузка обучающихся | 80 | |||
Самостоятельная работа обучающихся: | 30 | |||
Максимальная учебная нагрузка обучающихся (в том числе самостоятельная): | 110 | |||
Всего по заочному обучению 16 часов, в том числе аудиторные занятия 6 часов, практические занятия 10 часов. | ||||
Раздел ПМ 2. Использование устройств ввода-вывода и редактирование аудио - и видеофайлов | 44 | |||
МДК 1. Мультимедийные технологии | 32 | |||
Курс 2 Семестр 3 | ||||
Тема 1 Основные понятия мультимедиа. Работа с внешними устройствами Заочное обучение: Аудиторные занятия – 0,5 ч. | Содержание учебного материала | 2 | 1 | 1 |
Понятие мультимедиа. Этапы разработки мультимедийного продукта. Разработка сценария мультимедиа проекта. Правила работы с внешними устройствами: цифровым фотоаппаратом, цифровой видеокамерой, сканером, мультимедиа проектором. | ||||
Практические занятия: | 4 | |||
1 | Работа с устройствами ввода изображений | |||
2 | Работа с устройствами вывода изображений | |||
Самостоятельная работа обучающихся: подготовка рефератов | 4 | |||
Примерная тематика внеаудиторных самостоятельных работ: «Устройства ввода-вывода» | ||||
Домашнее задание: работа с конспектом лекции | ||||
Тема 2 Основы работы со звуком Заочное обучение: Аудиторные занятия – 0,5 ч. | Содержание учебного материала | 2 | 1 | 1,2 |
Звук. Физические основы звука. Уровень, громкость и тембр звука. Преобразование звуковых волн. Моно и стерео запись звука. Форматы звуковых файлов. Характеристики звукового файла. Программы работы со звуковыми файлами. | ||||
Практические занятия: | 6 | |||
3 | Запись и обработка звука | |||
4-5 | Монтаж звука | |||
Самостоятельная работа обучающихся: работа с конспектом лекций | 4 | |||
Примерная тематика внеаудиторных самостоятельных работ: Обработка звуковых файлов | ||||
Домашнее задание: работа с конспектом лекции | ||||
Тема 3 Основы работы с видео Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание учебного материала | 2 | 1 | 1,2 |
Видеоизображения. Характеристики видеофайла. Программы работы с видео. Запись и монтаж видео. | ||||
Практические занятия: | 6 | |||
6 | Запись видеоролика | |||
7-8 | Монтаж и обработка видеоролика | |||
Самостоятельная работа обучающихся: составление тематических кроссвордов | 4 | |||
Примерная тематика внеаудиторных самостоятельных работ: Обработка видеофайлов | ||||
Домашнее задание: работа с конспектом лекции | ||||
Тема 4 Анимация Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание учебного материала | 2 | 1 | 1,2 |
Виды анимации. Форматы файлов с анимацией. Программы создания анимированных роликов. | ||||
Практические занятия: | 8 | |||
9 | Создание GIF-анимации | |||
10-11 | Создание векторной анимации | |||
12 | Создание flash-ролика | |||
Самостоятельная работа обучающихся: составление сценария анимации. | 4 | |||
Примерная тематика внеаудиторных самостоятельных работ: Flash-анимация | ||||
Домашнее задание: работа с конспектом лекции | ||||
Итого по семестру: | Теоретическое обучение | 8 | ||
Практические занятия | 24 | |||
Обязательная нагрузка обучающихся | 32 | |||
Самостоятельная работа обучающихся: | 16 | |||
Максимальная учебная нагрузка обучающихся (в том числе самостоятельная): | 48 | |||
Всего по заочному обучению 6 часов, в том числе аудиторные занятия 2 часа, практические занятия 4 часа. | ||||
Курс 2 Семестр 3 | |||||||||
Раздел ПМ 3 Проектирование и разработка web-приложений | 126 | ||||||||
МДК 3. WEB-дизайн | 92 | ||||||||
Тема 3.1. Основы веб-технологий. Планирование веб-сайтов Заочное обучение: Аудиторные занятия – 0,5 ч. | Содержание | 2 | |||||||
1 | Основы web-технологий Основные определения, сокращения и понятия. HTML. WEB-сайт. Гиперссылка. WEB-страница. Язык разметки гипертекста. Браузеры. Серверы. Система «клиент-сервер» | 2 | 1 | 1 | |||||
2 | WEB-дизайн. Области, охватывающие основные аспекты WEB-дизайна Определение термина web-дизайн. Содержимое. Зрительные образы. Технология. Назначение. | 1 | 1 | ||||||
3 | Способности необходимые web-дизайнеру Знания английского языка, родного языка Графические редакторы. Компьютерная грамотность. | 1 | 1 | ||||||
4 | Специализация в web-дизайне WEB-дизайнер. WEB-мастер. WEB-кодер. WEB-верстальщик. Функции web-дизайнера. WEB-программирование. ASP. PHP. | 1 | 1 | ||||||
5 | Основы web-технологий Основные определения, сокращения и понятия. HTML. WEB-сайт. Гиперссылка. WEB-страница. Язык разметки гипертекста. Браузеры. Серверы. Система «клиент-сервер» | 1 | 1 | ||||||
6 | Правовые и моральные аспекты | 1 | 1 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Тема 3.2.Организация и проектирование веб-сайта. Юзабилити Заочное обучение: Практические занятия – 1 ч. | Содержание | 15 | |||||||
1 | Основные этапы разработки сайта Составление технического задания. Подготовка текстового содержания и иллюстраций. Разработка дизайна сайта. Кодирование и программирование. Тестирование сайта. Публикация и раскрутка сайта. | 2 | 1 | 1 | |||||
2 | Файловая структура сайта Определение каталогов для статичных и динамичных сайтов. | 1 | 1 | ||||||
3 | Два типа графики на web-сайтах. Имена файлов Графика используемая в дизайне. Иллюстрирующая графика. Ограничения на имена файлов со стороны операционных систем | 1 | 1 | ||||||
4 | Анализ хороших сайтов Цели создания сайта. Особенности проектирования сайтов. Способы определения набора страниц и навигации между ними. Виды сайтов. | 1 | 1 | ||||||
5 | Концептуальное, логическое и физическое проектирование сайта Навигация по сайту. Юзабилити. Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля организации. Факторы, затрудняющие и факторы помогающие правильному восприятию информации на сайте. Макетирование в web. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице | 1 | 1 | ||||||
6 | Техническое задание | 1 | 1 | ||||||
Самостоятельная работа обучающихся: подготовка рефератов | 5 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: Проектирование WEB-сайта | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 8 | ||||||||
1 | Анализ сильных и слабых сторон web-сайта | ||||||||
2 | Создание алгоритма разработки web-сайта | ||||||||
3 | Составление технического задания на разработку web-сайта | ||||||||
4 | Анализ эргономики сайтов | ||||||||
Тема 3.3. Цвет в дизайне. Графика на web-страницах. Шрифты. Композиционный компьютерный дизайнЗаочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 1ч. | Содержание | 15 | |||||||
1 | Цвет в дизайне. Фоновые цвета. Цвета спектра. Последовательный контраст. Одновременный контраст. | 4 | 1 | 1 | |||||
2 | Цветовой круг. Дополнительные цвета. Дисгармоничные сочетания. Цветовой круг Иттена. Цветовые созвучия. Пропорция цвета. Насыщенность и светлота. | 1 | 1 | ||||||
3 | Модели цвета. Размер и разрешение изображений. Глубина цвета. Форматы растровых графических файлов. Цветовой охват и модели цвета. Модель RGB. Модель CMYK. | 1 | 1 | ||||||
4 | Композиция и информативность Ритм. Форма. Контраст. Равновесие. Гармония. Центр композиции Пространственные отношения. Форма. Цвет. Текстура. Единство и баланс. Нюансировка. Формат страницы. Заглавия и заголовки. Блоки текста. Позиционирование. | 1 | 1 | ||||||
5 | Шрифт и текст Гарнитура, начертание, шрифт. Виды начертаний. Классическая антиква. Переходные шрифты. Рубленые шрифты. Декоративные шрифты. | 1 | 1 | ||||||
Самостоятельная работа обучающихся: подготовка рефератов | 5 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: Дизайн | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 6 | ||||||||
5 | Создание фонового рисунка | ||||||||
6 | Применение художественных эффектов при создании графики | ||||||||
7 | Подготовка и оптимизация графики на web-странице | ||||||||
Тема 3.4. Основные понятия HTML. Синтаксис HTML Заочное обучение: Аудиторные занятия – 2 ч. Практические занятия – 2 ч. | Содержание | 14 | |||||||
1 | Синтаксис HTML. Тег. Атрибут. Значение. BR. FONT. STYLE. HN. TABLE | 4 | 1 | 1 | |||||
2 | Применение тегов Цвет и фон. Текст. Списки. Ссылки. Изображения. Таблица. Создание основной страницы с текстом. Редактирование текста, правила использования тега "font", "span". Способы форматирования. Маркировка текста. Правила размещения и настройка размера графических изображений (jpg, gif, png), звука, бегущей строки и видео на странице. Правила тегов "img", "object". Таблица ("table"). Регламентирование размещения таблиц и информации в них (текст, картинки, видео). Объединение ячеек, создание "резиновых" и фиксированных таблиц. | 2 | 3 | ||||||
Самостоятельная работа обучающихся: работа с конспектом лекций | 4 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: Синтаксис HTML | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 6 | ||||||||
8 | Синтаксис документа HTML | ||||||||
9 | Применение тегов HTML при создании web-страниц | ||||||||
10 | Создание web-сайта с применением тегов HTML | ||||||||
Итого по семестру | Теоретическое обучение: | 12 | |||||||
Практические занятия: | 20 | ||||||||
Обязательная нагрузка обучающихся: | 32 | ||||||||
Самостоятельная работа обучающихся: | 14 | ||||||||
Курс 2 Семестр 4 | |||||||||
Тема 3.5. Синтаксис тега FORM Заочное обучение: Самостоятельная работа | Содержание | 6 | |||||||
1 | Тег FORM Свойства форм. Виды элементов форм. Событии. Формы («form»). Варианты создания форм. Формы для регистрационных анкет, поисковых систем, тестовых заданий. Интеграция с базой данных сервера хостинга. | 2 | 1 | 2 | |||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 4 | ||||||||
11-12 | Создание регистрационной анкеты | ||||||||
Тема 3.6. Основные стили web-дизайна Заочное обучение: Самостоятельная работа | Содержание | 2 | |||||||
1 | Стильный дизайн web-сайтов Стильный сайт. Макет страницы. Единство стиля. Внесение разнообразия. Распределение информации на веб-странице. Мода в web-дизайне. Постоянство | 2 | 1 | 1 | |||||
2 | Стили web-дизайна Цветовая схема. HTMинимаLизм. Мондриановский плакатный стиль. Абличный пиктографический стиль. Суперминиатюрный, в стиле Сим Сити. Низкокачественный грандж. Стиль бумажных пакетов. Готический органический стиль. | 1 | 1 | ||||||
3 | Обработка фотографий: световой дизайн, смешение цветов | 1 | 1 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Тема 3.7. Технология CSS, её версии и поддержка браузерами Заочное обучение: Аудиторные занятия – 1 ч. Практические занятия – 2 ч. | Содержание | 6 | |||||||
1 | Технология CSS Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов. | 2 | 1 | 1 | |||||
2 | Инструкция CSS Обзор инструкций CSS для оформления, изменения размеров и цвета текста. Обзор инструкций CSS для установки фоновых изображений и их параметры. Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры | 1 | 2 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 4 | ||||||||
13 | Технология CSS. Проектирование оформления web-сайта | ||||||||
14 | Оформление макета страницы с использование CSS. | ||||||||
Тема 3.8 Визуальные web-редакторы Заочное обучение: Самостоятельная работа | Содержание | 14 | |||||||
1 | Обзор популярных визуальных веб-редакторов Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки. Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. | 2 | 1 | 1 | |||||
2 | Программа Dreamweaver Среда программы Dreamweaver. Главное окно программы Dreamweaver. Управление панелями в программе Dreamweaver. Настройка программы Dreamweaver. Работа с текстом. Форматирование абзацев и символов. Специальные символы. Создание гипертекстовых документов. | 1 | 2 | ||||||
Самостоятельная работа обучающихся: подготовка рефератов | 4 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: Визуальные редакторы | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 8 | ||||||||
15-16 | Практикум в программе Microsoft FrontPage | ||||||||
17-18 | Практикум в программе Macromedia Dreamweaver | ||||||||
Тема 3.9. Баннерная реклама Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание | 4 | |||||||
1 | Баннер. Виды баннеров Баннерная реклама. Тематическая реклама. Традиционные баннеры. Продвинутые баннеры. Динамичная реклама. Параметры эффективности баннерной рекламы. | 2 | 1 | 1 | |||||
2 | Маркетинговые особенности в баннерной рекламы в web-дизайне | 1 | 1 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 2 | ||||||||
19 | Создание баннера и кнопок для web-сайта в программе Adobe Photoshop | ||||||||
Тема 3.10. Создание web-сайта по шаблону. Заочное обучение: Самостоятельная работа | Содержание | 4 | |||||||
1 | Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов. Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами. | 2 | 1 | 1 | |||||
2 | Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. | 1 | 1 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 2 | ||||||||
20 | Создание web-сайта по шаблону | ||||||||
Тема 3.11. Создание интерактивных элементов. Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание | 6 | |||||||
1 | Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы | 2 | 1 | 1 | |||||
2 | Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Понятие, типы и использование событий на веб-страницах. Создание интерактивных объектов на веб-странице. Создание всплывающих окон и их использование. | 1 | 1 | ||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 4 | ||||||||
21-22 | Использование языка сценариев JavaScript при создании web-сайта | ||||||||
Тема 3.12 WEB-программирование Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание | 12 | |||||||
1 | Разработка ASP и PHP приложений Принципы работы Интернета. Интерфейс CGI. Установка PHP и MySQL. Основы языка PHP. Стандартные функции PHP. Работа с базой данных MySQL. Сетевые функции. Загрузка Создание серверных скриптов. Серверные объекты. Организация взаимодействия с клиентом. Доступ к базам данных. Применение ASP и PHP технологий в дистанционном обучении. | 2 | 1 | 1 | |||||
Самостоятельная работа обучающихся: подготовка рефератов | 4 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: WEB-программирование | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 6 | ||||||||
23 | Разработка ASP приложений | ||||||||
24-25 | Разработка PHP приложений | ||||||||
Тема 3.13 Content management system Заочное обучение: Самостоятельная работа | Содержание | 10 | |||||||
1 | Понятие, назначение и использование систем управления контентом (CMS). Тестирование работы веб-сайта на сервере. | 2 | 1 | 1 | |||||
2 | 1С-Битрикс. Управление сайтом | 1 | 2 | ||||||
Самостоятельная работа обучающихся: подготовка рефератов | 6 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: Система управления контентом | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 2 | ||||||||
26 | Профессиональная система для создания и управления Интернет-проектами «1С-Битрикс. Управление сайтом | ||||||||
Тема 3.14 Размещение web-сайта на сервере Заочное обучение: Аудиторные занятия – 0,5 ч. Практические занятия – 2 ч. | Содержание | 16 | |||||||
1 | Размещение web-сайта на сервере Способы доступа к сайту (по имени или IP-адресу). Понятие, принципы построения и работа DNS (BIND). Организация InterNIC и её представительства. Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Размещение сайта на сервере. | 2 | 1 | 2 | |||||
2 | Хостинг. Основы поисковой оптимизации Выбор хостинговой компании, платный и бесплатный хостинг. Работа с веб-сайтом на ftp-сервере хостинговой компании. Правила размещения на бесплатных хостингах: *****, ***** | 1 | 2 | ||||||
Самостоятельная работа обучающихся: подготовка рефератов | 6 | ||||||||
Примерная тематика внеаудиторных самостоятельных работ: WEB-хостинг | |||||||||
Домашнее задание: работа с конспектом лекции | |||||||||
Практические занятия: | 8 | ||||||||
27-29 | Создание сайта | ||||||||
30 | Публикация сайта на бесплатном хостинге | ||||||||
Итого по семестру | Теоретическое обучение: | 20 | |||||||
Практические занятия: | 40 | ||||||||
Обязательная нагрузка обучающихся: | 60 | ||||||||
Самостоятельная работа обучающихся: | 20 | ||||||||
Максимальная учебная нагрузка обучающихся (в том числе самостоятельная): | 126 | ||||||||
Всего по заочному обучению 20 часов, в том числе аудиторные занятия 6 часов, практические занятия 14 часов. | |||||||||
Учебная практика Виды работ: Разработка мультимедийного веб-приложения Заочное обучение: Контрольная работа «Создание мультимедийного web-приложения» | Содержание | 108 | ||
1 | Вводное занятие. Инструктаж по технике безопасности. | 6 | ||
2 | Разработка информационной архитектуры. | 6 | ||
3 | Разработка дизайна сайта | 6 | ||
4 | Поиск и подборка материалов для проекта | 6 | ||
5 | Подготовка иллюстраций для WEB. | 6 | ||
6 | Подготовка графических элементов: логототип, кнопки и фоновые картинки | 6 | ||
7 | Создание Gif-анимации и баннера в Adobe Photoshop | 6 | ||
8 | Разработка flash-баннера | 6 | ||
9 | Подготовка аудио и видео материалов | 6 | ||
10 | Создание зd - изображений | 6 | ||
11 | Подготовка интерактивных элементов с помощью языка Action Script MX | 6 | ||
12 | Создание стилевого оформления с помощью каскадных таблиц стилей | 6 | ||
13 | Создание динамических элементов в DreamWeaver. Язык сценариев Java Script | 6 | ||
14 | Серверные решения. Применение технологий ASP или PHP | 6 | ||
15 | Компоновка страниц веб-сайта | 6 | ||
16 | Публикация веб-сайта на бесплатном хостинге | 6 | ||
17 | Оценка сайта. Тестирование сайта. Раскрутка веб-сайта | 6 | ||
18 | Оформление отчета. Зачет-конференция по учебной практике | 6 | ||
Рекомендуемая тематика индивидуальных заданий: 1. Персональные (домашние) странички; 2. Сайт-визитки; 3. Информационные сайты; 4. Промо-сайты; 5. Сайт-фотогаллереи; 6. Информационные интернет-издания, СМИ; 7. Информационные сайты предприятий и организаций; 8. Крупные информационные порталы. 9. Корпоративные сайты; 10. Игровой портал; 11. Контент-проект |
Для характеристики уровня освоения учебного материала используются следующие обозначения:
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 |
