ОП. 12 WEB дизайн

Утверждаю:

и.о. зам. директора по ТО

колледжа «Интеграл»

__________ Гамоля И.П.

«26» апреля 2021 г.

ОП.12 Web дизайн

по специальности: 09.02.03 Программирование в компьютерных системах

стр.

1. Паспорт рабочей программы учебной дисциплины

4

1. Структура и содержание учебной дисциплины

7

1. Условия реализации программы учебной дисциплины

18

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

20

ОК 1.

Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам

ОК 2.

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

ОК 3

Планировать и реализовывать собственное профессиональное и личностное развитие.

ОК 4

Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами.

ОК 5

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

ОК 6

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

ОК 7

Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях.

ОК 8

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

ОК 9

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

ОК 10

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

ОК 11

Использовать знания по финансовой грамотности, планировать предпринимательскую деятельность в профессиональной сфере.

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

Объем часов

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

183

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

122

в том числе:

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

-

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

50

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

-

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

в том числе: создание страниц,подгтовка реферата, презентации

61

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

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

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

Объем часов

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

1

2

Тема 1.

Введение в Web-дизайн, HTML

30

Тема 1.1

Содержание учебного материала

4

1

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

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

2

Служебные утилиты для работы в Интернет.

Структура IP адреса... , утилита ipconfig, утилита ping, утилита traceroute, утилита netstat , утилита telnet.

Тема 1.2

Содержание учебного материала

6

1

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

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

Лабораторные работы

-

-

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

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

-

-

Самостоятельная работа обучающихся

2

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

Тема 1.3

Содержание учебного материала

4

1

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

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

Лабораторные работы

-

-

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

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

-

Самостоятельная работа обучающихся

2

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

Тема1.4

Содержание учебного материала

2

1

Фреймы

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

Лабораторные работы

-

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

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

-

Самостоятельная работа обучающихся

2

1.      Страницы с фреймами

2.      Взаимодействие фреймов

Тема 1.5

Содержание учебного материала

4

1

Работа с таблицами и графикой

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

Лабораторные работы

-

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

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

-

Самостоятельная работа обучающихся

2

1.      Создание страниц с таблицами

2.      Создание страниц с графическими объектами

Тема 2

Редактор MacromediaDreamweaver

28

Тема 2.1

Содержание учебного материала

2

1

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

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

4

1.      Создание простых страниц

2.      Созданиестраницпошаблонам

Тема 2.2

Содержание учебного материала

2

Редактирование текста Web страниц

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

Лабораторные работы

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

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

-

Самостоятельная работа обучающихся

4

1.      Работа с текстом, копирование , вставка, форматирование

2.      Оформление готовых страниц

Тема 2.3

Содержание учебного материала

4

Стили форматирования страниц

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

Лабораторные работы

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

-

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

-

Самостоятельная работа обучающихся

4

1.      Разработка дизайна страниц

2.      Форматирование текста

Тема 2.4

Содержание учебного материала

2

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

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

Лабораторные работы

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

-

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

-

Самостоятельная работа обучающихся

6

1.      Оформление страниц

2.      Расположение баннеров

3.      Разработка анимированного логотипа фирмы

Тема 3.

CGI и CSS

20

Тема 3.1

Содержание учебного материала

2

1

CGI - cкрипт

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

-

Тема 3.2

Содержание учебного материала

4

1

Данные HTML форм

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

6

1.      Форма отправки файлов

2.      Форма отправки писем

3.      Форма ввода данных

Тема 3.3

Содержание учебного материала

4

1

CSS-каскадныетаблицыстилей

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

Лабораторные работы

-

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

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

-

Самостоятельная работа обучающихся

4

1.      Создание собственных стилей оформления

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

18

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

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

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

1. Фреймы.

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

1. Создание простых страниц.

1. Оформление готовых страниц.

1. Разработка дизайна страниц

Тема 4

Основы программирования для web, Perl ,Java

31

Тема 4.1

Содержание учебного материала

6

1

Основы языка Perl

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

Лабораторные работы

-

-

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

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

-

Самостоятельная работа обучающихся

1

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

Тема 4.2

Содержание учебного материала

10

1

Основы языка JavaScript

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

Лабораторные работы

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

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

Самостоятельная работа обучающихся

8

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

Тема 4.3

Содержание учебного материала

4

1

Основы языка VRML

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

2

1.      Реферат

Тема 5.

Сопровождение web узлов

24

Тема 5.1

Содержание учебного материала

2

1

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

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

Лабораторные работы

-

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

-

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

-

Самостоятельная работа обучающихся

2

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

Тема 5.2

Содержание учебного материала

4

1

Средства разработки

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

web узлов

Лабораторные работы

-

-

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

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

-

-

Самостоятельная работа обучающихся

2

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

Тема 5.3

Содержание учебного материала

6

1

Работа с CMS

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

Лабораторные работы

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

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

Самостоятельная работа обучающихся

8

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

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

32

1. Разработка анимированного логотипа фирмы.

2

1. Создание собственных стилей оформления.

2

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

4

1. Смена картинки через onMouseOver.

1

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

1

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

1

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

1

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

1

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

1

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

2

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

2

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

2

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

2

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

2

1. Создание интернет сайта

8

ВСЕГО:

183

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

(освоенные умения, усвоенные знания)

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

уметь:

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

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

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

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

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

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

знать:

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

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

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

Устный опрос, тестирование.