Рассмотрено и одобрено  на    заседании кафедры

«Информационные технологии»

Протокол №  10 .
от «  05»     июня    2018 г.

Утверждено

педагогическим советом

Протокол № ____ .
от « ___»   _________2018 г.

Утверждено

приказ  № ______ .
от « ___»   _________2018 г.

Дисциплины

ОП.13

Web-дизайн

индекс        

наименование учебной дисциплины

специальность

09.02.03

Программирование

в компьютерных системах

код

наименование

наименование учебного цикла  

профессиональный

(согласно учебному плану)

группа

237

Максимальная учебная нагрузка обучающихся

168 ч

Самостоятельная работа

  56 ч

Обязательная учебная нагрузка (всего)

112 ч

в том числе:

теоретическое обучение

  52 ч

практические занятия

  10 ч

лабораторные занятия

  50 ч

курсовая работа (проект)

Форма промежуточной аттестации                                                                                                        

          -

3-4 семестр  – Дифференцированный зачет

стр.

1. ПАСПОРТ РАБОЧЕЙ ПРОГРАММЫ УЧЕБНОЙ ДИСЦИПЛИНЫ

4

2. СТРУКТУРА И СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ

7

3. УСЛОВИЯ РЕАЛИЗАЦИИ УЧЕБНОЙ ДИСЦИПЛИНЫ

11

4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ УЧЕБНОЙ ДИСЦИПЛИНЫ

13

Вид учебной работы

Объем часов

Распределение по семестрам

Максимальная учебная нагрузка (всего)

168

3 семестр

4 семестр

Обязательная аудиторная учебная нагрузка (всего)

112

51

61

в том числе:

лабораторные занятия

50

18

32

     практические занятия

10

8

2

     контрольные работы

3

1

2

Самостоятельная работа студента (всего)

56

33

23

Промежуточная аттестация в форме дифференцированного зачета

ДЗ

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

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

Самостоятельная работа студентов (домашние задания)

Тип занятия

(Т, ЛЗ, ПЗ, КР)

Объем часов

Уровень освоения

1

2

3

4

5

6

3 семестр

№ урока

Раздел 1. Введение в Web-дизайн. HTML

1-2

Тема 1.1. Гипертекстовый документ. Универсальный локатор ресурсов.  Домены Internet

Основные понятия, история создания языка, протокол HTTP, структура документа, правила оформления и написания страниц, браузеры, адресация ресурсов, правила поиска и отображения информации, маршрутная адресация, Классификация NIC.

Служебные утилиты для работы в Интернет. Структура IP адреса, утилита ipconfig, утилита ping, утилита traceroute, утилита netstat, утилита telnet (2 ч)

Т

2

1

3-6

Тема 1.2. Основные понятия и теги языка HTML

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

Изучение протокола HTTP

(2 ч)

Т

4

1

7-10

Основы языка HTML. Роль Web-браузеров и Web-страниц.

ПЗ

4

2

11-12

Тема 1.3. Общий шлюзовой интерфейс и формы HTML

Формы и их предназначения, связь с  CGI, методы отправки данных

Элементы форм

 (2 ч)

Т

2

1

13-16

Лабораторная работа №1.Синтаксис HTML 5

Синтаксис HTML 5. Версии HTML. Анатомия Web-страницы,

Правила синтаксиса. Кодирование символов. Использование спецсимволов.

Отчет

ЛЗ

4

2

17-18

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

Создание, описание, свойства, синтаксис и способы отображения, взаимодействие между фреймами, зарезервированные имена

Страницы с фреймами. Взаимодействие фреймов (2 ч)

Т

2

1

19-22

Фреймы

Отчет

ПЗ

4

2

23-24

Тема 1.5. Работа с таблицами и графикой

Создание, описание, свойства, синтаксис и способы отображения, порядок создания таблиц

Создание страниц с таблицами и графическими объектами (3 ч)

Т

2

1

25-28

Лабораторная работа №2. Таблицы и графика

Форматирование текста. Работа со шрифтами.  Назначение одного и того же набора атрибутов множеству элементов страницы. Гиперссылки, Таблицы

Отчет

ЛЗ

4

2

29

Контрольная работа №1

Тестирование по 1 разделу

К.т.1

КР

1

3

Итого по разделу лекций

лабораторных  занятий

практических занятий

проверочных работ

внеаудиторная самостоятельная работа

12

8

8

1

11

Раздел 2. Редактор Macromedia Dreamweaver

30-31

Тема 2.1. Интерфейс пользователя

Команды меню, Панели инструментов, Панель Форматирования, Панель редактирования, Панель Форм, Всплывающее меню, Создание и сохранение страницы, Открытие документа  и выход из программы.

Создание простых страниц, страниц по шаблонам (2 ч)

Т

2

1

32-33

Лабораторная работа № 3. Интерфейс пользователя

Изучение команд меню, работа с панелями. Создание и сохранение страницы, Открытие документа  и выход из программы.

Отчет

ЛЗ

2

2

34-35

Тема 2.2. Редактирование текста, Web страниц

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

Форматирование текста. Оформление готовых страниц  (4 ч)

Т

2

1

36-39

Лабораторная работа № 4. Редактирование Web страниц 

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

Отчет

ЛЗ

4

2

40-41

Тема 2.3. Стили форматирования страниц

Физические, логические  стили, расстановка  текста, работа со шрифтами, таблицами, кодировка текста страницы, цвет фона, шрифта.

Разработка дизайна страниц.  Форматирование текста (4 ч)

Т

2

1

42-43

Лабораторная работа №5. Стили

Работа со шрифтами, таблицами, кодировка текста страницы, цвет фона, шрифта.

Отчет

ЛЗ

2

2

44-45

Тема 2.4. Дизайн web-страниц с использованием графики

Библиотека картинок, альтернативное отображение изображений, присвоение ссылки изображению, позиционирование изображения

Оформление страниц. Расположение баннеров . Разработка анимированного логотипа фирмы

(6 ч)

Т

2

1

46-47

Лабораторная работа №5. Дизайн web-страниц с использованием графики

Работа с библиотекой картинок, присвоение ссылки изображениям

Отчет

ЛЗ

2

2

Итого по разделу лекций

лабораторных  занятий

проверочных работ

внеаудиторная самостоятельная работа

8

10

0

16

Раздел 3. CGI и CSS

48-49

Тема 3.1. CGI - cкрипт

Основные понятия, основы настройки и написания, переменные среды и заголовка запроса HTTP? Заголовки запросов и ответов, nph скрипты

Т

2

1

50-51

Тема 3.2. Данные HTML форм

URL – Encoder, multipart Form Data? Вызов CGI программ, декодирование и обработка результатов значений форм

Форма отправки файлов. Форма отправки писем. Форма ввода данных (6 ч)

Т

2

1

4 семестр

52-53

Тема 3.3. CSS-каскадные таблицы стилей

Динамический HTML, Каскадные таблицы стилей (CSS), Модель форматирования

Создание собственных стилей оформления (3 ч)

Т

2

1

54-57

Лабораторная работа №6. CSS-каскадные таблицы стилей

Работа с каскадными таблицами стилей (CSS)

Отчет

ЛЗ

4

2

58

Контрольная работа №2

Тестирование по разделу 2, 3

К.т.2

КР

1

3

Итого по разделу лекций

лабораторных  занятий

проверочных работ

внеаудиторная самостоятельная работа

6

4

1

8

Раздел 4. Основы программирования для Web, Perl, Java

59-62

Тема 4.1. Основы языка Perl

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

Разработка CGI-приложений на Perl и PHP (2 ч)

Т

4

1

63-66

Лабораторная работа №7. Знакомство с Perl

Разработка CGI-приложений на Perl и PHP

Отчет

ЛЗ

4

2

67-72

Тема 4.2. Основы языка Java Script                

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

Программное взаимодействие с HTML документами на основе DOM API

(6 ч)

Т

6

1

73-74

Основы языка Java Script

Отчет

ПЗ

2

2

75-76

Лабораторная работа №8. Смена картинок

Смена картинки через on Mouse Over.

Смена картинок через функцию.

Отчет

ЛЗ

2

2

77-80

Лабораторная работа №9. Функции и формы

Функция внутри формы.

Поля форм и свойство value.

Передача данных в функцию.

Отчет

ЛЗ

4

2

81-82

Лабораторная работа №10. Случайные числа

Случайные числа. Введение в if. If и Else.

Случайный выбор фраз и рисунков.

Отчет

ЛЗ

2

2

83-84

Лабораторная работа №11. Циклы

Введение в циклы FOR.

Введение в циклы WHILE.

Отчет

ЛЗ

2

2

85-86

Лабораторная работа №12. Массивы

Введение в массивы: функция внутри функции.

Отчет

ЛЗ

2

2

87-88

Лабораторная работа №13. Создание слайд-шоу. Анимация

Как сложить все вместе: слайд-шоу. Анимация.

Отчет

ЛЗ

2

2

89-90

Тема 4.3. Основы языка VRML

Основные понятия, единицы измерения, заголовки, примитивы, цвет и текстура, положение объектов в пространстве, масштабирование, определение собственных объектов

Реферат «Из истории языка VRML» (2 ч)

Т

2

1

Итого по разделу лекций

лабораторных  занятий

практических занятий

проверочных работ

внеаудиторная самостоятельная работа

12

18

2

0

10

Раздел 5. Сопровождение Web-узлов

91-92

Тема 5.1. Размещение и сопровождение узла

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

Презентация на заданную тему  

(2 ч)

Т

2

1

93-95

Тема 5.2. Средства разработки Web-узлов

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

Сообщение на заданную тему

(2 ч)

Т

3

1

96-97

Лабораторная работа №14. Разработка Web-узлов

Создание Web-страниц с помощью текстовых редакторов, текстовых процессоров и программ компоновки Web-страниц

Отчет

ЛЗ

2

2

98-101

Тема 5.3. Работа с CMS

Создание сайтов на основе готовых шаблонов Jomla, Word Press, Drupal, размещение на хостинге, настройка, наполнение, конфигурирование, оформление

Создание сайта Интернет – магазина (8 ч)

Т

4

1

102-109

Лабораторная работа №15. Создание сайта

Создание сайта Интернет - магазина.

Отчет

ЛЗ

8

2

110

Контрольная работа №3

Тестирование по разделу 4, 5

К.т.3

КР

1

3

Итого по разделу лекций

лабораторных  занятий

проверочных работ

внеаудиторная самостоятельная работа

9

10

1

10

Дифференцированный  зачет

2

Всего

168

№

Наименование

Количество

Тип носителя

Комплект для промежуточной аттестации

2

бумага

Комплект для итоговой  аттестации

2

бумага

Рабочая  программа

1

бумага, электронный вариант

Список литературы (основной, дополнительной )

1

бумага

Опорный конспект лекций

10

бумага

Комплекты тестовых заданий (входные, промежуточные)

20

бумага

Технологические карты

15

бумага

Лицензионное программное обеспечение

25

диск

Раздел/

тема

Результаты обучения

(освоенные компетенции, умения, усвоенные знания)

Основные показатели оценки результата

Формы и методы контроля и оценки

Тип и вид контроля

№ контрольной точки

Способ оценки

Инструментарий контроля

подход

шкала

Раздел 1.  Введение в Web-дизайн, HTML

Знать:

- основные понятия HTML - кода;

Уметь:

- создавать и редактировать Интернет страницы;

.

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

Знание  основных понятий HTML ;

Умение  создавать и редактировать Интернет страницы .

Письменная работа, самостоятельная работа, тестирование,

контрольная работа

Текущий;

Педагогический.

1

критериальный

бальная

Задания к самостоятельной работе;

Тестирование,

устный опрос

Раздел 2.  Редактор Macromedia Dreamweaver

Знать:

- существующие способы построения Интернет страниц;

основные средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.

Уметь:

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

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

Умение   работать с HTML - кодом в программе Macromedia Dreamweave

Письменная работа, самостоятельная работа, тестирование

Текущий;

Педагогический;

Самоконтроль.

критериальный

бальная

Задания к самостоятельным работам;

тестирование,

устный опрос

Раздел 3.  CGI и CSS  

Знать:

- существующие способы построения Интернет страниц;

основные средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.

Уметь:

- создавать стили (CSS);

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

Умение    создавать стили (CSS);

Письменная работа, самостоятельная работа, тестирование

Текущий;

Педагогический;

Самоконтроль.

критериальный

бальная

Задания к самостоятельным работам;

тестирование,

устный опрос

Раздел 4.   Основы программирования для Web, Perl, Java

Знать:

- существующие способы построения Интернет страниц;

основные средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.

Уметь:

- работать со скриптами (JavaScript);

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

Умение     работать со скриптами (JavaScript).

Письменная работа, самостоятельная работа, тестирование

Текущий;

Педагогический;

Самоконтроль.

критериальный

бальная

Задания к самостоятельным работам;

тестирование,

устный опрос

Раздел 5.  Сопровождение Web-узлов

Знать:

- существующие способы построения Интернет страниц;

основные средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.

Уметь:

- создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.

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

Умение     создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.

Письменная работа, самостоятельная работа, тестирование

Текущий;

Педагогический;

Самоконтроль.

критериальный

бальная

Задания к самостоятельным работам;

тестирование,

устный опрос

Дифференцированный зачет

Знать:

• основные понятия HTML - кода;
• существующие способы построения Интернет страниц;
• основные средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.

Уметь:

• создавать и редактировать Интернет страницы;
• работать с HTML - кодом в программе Macromedia Dreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц;
• создавать стили (CSS);
• работать со скриптами (JavaScript);
• создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.

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

Тестирование

Итоговый

критериальный

бальная

Тестовые задания