ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ПИЩЕВЫХ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ПИЩЕВЫХ
ПРОИЗВОДСТВ»
«УТВЕРЖДАЮ»
ПРОРЕКТОР ПО УЧЕБНОЙ РАБОТЕ
_________________________________________
«____»______________________ 2011 г.
РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ
Технологии WEB-дизайна
(наименование дисциплины)
Направление подготовки 230100.62 Информатика и вычислительная
техника
Квалификация (степень) выпускника: бакалавр
________
Форма обучения: очная____________________________________________
(очная, очно-заочная)
Москва 2011 г.
1.
ЦЕЛИ ОСВОЕНИЯ УЧЕБНОЙ ДИСЦИПЛИНЫ
Целью курса «Технологии WEB-дизайна» является изучение принципов
оформления и создания WEB -страниц. Рассматриваются основные конструкции
языка гипертекстовой разметки документа HTML, приемы разметки и связь с
другими инструментами разработки WEB -страниц. Дается описание и примеры
использования каскадных таблиц стилей – CSS, для оформления Web-страниц.
Описывается пакет прикладных программ Adobe DreamWeaver используемый для
визуального оформления WEB -страниц.
Задача курса состоит в том, чтобы сделать читателя, имеющего не более
чем общие представления о просмотре Web, достаточно компетентным в
использовании CSS и HTML, и дать базовые знания об использовании сценариев
JavaScript, и о том как они вписываются в общую картину. Курс должен дать
достаточно знаний, чтобы можно было с уверенностью начать думать о поиске
работы в этой области.
 Задачи дисциплины - формирование умений и навыков по следующим
направлениям деятельности:
 знание языка гипертекстовой разметки HTML;
 знание каскадных таблиц стилей CSS;
 умение разрабатывать дизайн web-страниц;
 умение применять различные методы верстки web-страниц;
 владение пакетом прикладных программ Adobe DreamWeaver;
1.
МЕСТО УЧЕБНОЙ ДИСЦИПЛИНЫ В СТРУКТУРЕ ООП ВПО
Дисциплина «Системное программное обеспечение» относится к циклу
профессиональных дисциплин. Необходимыми условиями для освоения
дисциплины являются: знания, умения, навыки.
Содержание дисциплины является логическим продолжением содержания
дисциплин
1. Информационные технологии.
и служит основой для освоения дисциплин:
1. Сетевые технологии
2.
КОМПЕТЕНЦИИ СТУДЕНТА, ФОРМИРУЕМЫЕ В РЕЗУЛЬТАТЕ
ОСВОЕНИЯ УЧЕБНОЙ ДИСЦИПЛИНЫ / ОЖИДАЕМЫЕ
РЕЗУЛЬТАТЫ ОБРАЗОВАНИЯ И КОМПЕТЕНЦИИ СТУДЕНТА
ПО ЗАВЕРШЕНИИ ОСВОЕНИЯ ПРОГРАММЫ УЧЕБНОЙ
ДИСЦИПЛИНЫ
2
Процесс изучения дисциплины направлен на формирование следующих
компетенций (в соответствии с ФГОС ВПО и требованиями к результатам
освоения ООП):
общекультурных (ОК):
осознавать сущность и значение информации в развитии современного
общества; владеть основными методами, способами и средствами получения,
хранения, переработки информации (ОК-11);
В результате изучения дисциплины студент должен:
Знать:
 язык гипертекстовой разметки HTML;
 каскадные таблици стилей CSS;
Уметь:
 разрабатывать дизайн web-страниц;
 применять различные методы верстки web-страниц;
Владеть:
 пакетом прикладных программ Adobe DreamWeaver;
4. СТРУКТУРА И СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
4.1. Объем дисциплины и виды учебной работы
Общая трудоемкость дисциплины составляет 5 зачетных единиц.
Трудоемкость
дисциплины
Всего Из них в
интерчасов
Вид учебной работы
активной
форме
Аудиторные занятия (всего)
в том числе:
Лекции (Л)
Лабораторные работы (ЛР)
Практические занятия (ПЗ)
Самостоятельная работа студента (СРС)
(всего), в том числе:
СРС
Курсовой проект (КП)
в семестре:
Курсовая работа (КР)
Расчетно-графические
работы (РГР)
Реферат (РЕФ)
3
Семестры (кол-во
недель в семестре)
8
(6)
72
36
36
-
72
36
36
-
108
108
-
-
-
-
-
-
-
-
Другие виды
самостоятельной работы
108
108
Экзамен
-
-
Вид промежуточной аттестации (зачет,
экзамен)
Зачет
с
оцен
кой
Зачет
с
оценк
ой
180
180
5
5
СРС
в сессию:
Общая трудоемкость, ч.
Общая трудоемкость, зачетные единицы
СРС
Всего часов
(без экзамена)
2
2
6
10
(ОК–11);
2
2
6
10
(ОК–11);
4
4
12
20
(ОК–11);
2
2
6
10
(ОК–11);
2
2
6
10
(ОК–11);
2
2
6
10
(ОК–11);
2
6
6
2
6
6
6
18
18
10
30
30
(ОК–11);
(ОК–11);
(ОК–11);
8
8
24
40
(ОК–11);
36
36
108
180
ПЗ
Наименование раздела
дисциплины
Введение в стандарты Web
История Internet и Web,
2
эволюция стандартов Web
Модель стандартов Web 3
HTML, CSS
Информационная
4
архитектура - Планирование
Web-сайта
Теория цвета. Создание
5
каркаса сайта.
Цветовые схемы и макеты
6
дизайна
7
Полиграфия в Web
8
Основы HTML
9
Основы CSS
Введение в Adobe
10
DreamWeaver
Всего часов
1
Формируемые
компетенции
(ОК, ПК)
ЛР
№
п./п.
Л
4.2. Разделы дисциплины, виды занятий и формируемые компетенции по
разделам учебной дисциплины.
4.3. Содержание дисциплины:
4.3.1. Введение в стандарты Web
Даются общие стандарты и понятия Web. Обсуждаются преимущества
использования стандартов Web
4.3.2. История Internet и Web, эволюция стандартов Web
4
Рассматривается история создания Интернет, World Wide Web (WWW), и
"стандартов Web". Говорится о появлении w3c консорциума.
4.3.3. Модель стандартов Web - HTML, CSS
Рассматриваются история появления стандартов web: языка гипертекстовой
разметки документа HTML и каскадных таблиц стилей – CSS.
4.3.4. Информационная архитектура - Планирование Web-сайта
Рассматриваются начальные этапы планирования Web-сайта,
информационная архитектура (Information Architecture).
и
4.3.5. Теория цвета. Создание каркаса сайта.
Рассмотрены основы цвета и три простые цветовые схемы, помогающие при
выборе цвета для сайта.
4.3.6. Цветовые схемы и макеты дизайна
Основная информация о гарнитурах шрифтов. Определение гарнитуры
шрифта для заголовков, подзаголовков и основного текста. Советы по подбору
различных цветовых комбинаций для Web-сайта. Поэтапное создание макета
сайта. Тестирование Web-сайта перед переходом в рабочий режим.
4.3.7. Полиграфия в Web
Ограничения полиграфии в Web (ограниченный выбор шрифтов, переносы
слов, кернинг). Рекомендации по реализации полиграфии в Web (выбор набора
шрифтов, длина строки, высота строки, буквицы, капитель, висящая пунктуация,
полиграфически-правильная пунктуация).
4.3.8. Основы HTML
Рассматриваются конструкции гипертекстовой разметки документа HTML.
Рассматриваются стандарты HTML 1.0-5.0
4.3.9. Основы CSS
Рассматриваются каскадные таблицы стилей CSS и стандарты CSS 1.0-3.0
4.3.10. Введение в Adobe DreamWeaver
Основанная структура программы. Инструменты для облегчения работы при
создании и оформлении web-сайта.
1.4
№
п./п.
1.
2.
Тематический план лабораторных работ
№ раздела
дисциплины
Темы лабораторных
занятий
Элемент HTML head
Трудоемкость,
ч.
2
Выбор правильного doctype
5
2
Формы текущего
контроля успеваемости
Проверка лабораторной
работы.
Проверка лабораторной
3.
для документов HTML
Разметка текстового
контента в HTML
2
4
Списки HTML
2
5
Изображения в HTML
2
6
Ссылки HTML
2
7
Таблицы HTML
3
8
Формы HTML - основы
3
9
Оформление текста с
помощью CSS
3
10
Модель компоновки CSS боксы, границы, поля,
заполнение
3
Проверка лабораторной
работы.
11
Фоновые изображения CSS
3
12
Проектирование, компоновка
и представление форм с
помощью CSS
3
Проверка лабораторной
работы.
Проверка лабораторной
работы.
13
Статическое и относительное
позиционирование CSS
3
Проверка лабораторной
работы.
14
Абсолютное и
фиксированное
позиционирование CSS
3
Проверка лабораторной
работы.
Всего
работы.
Проверка лабораторной
работы.
Проверка
работы.
Проверка
работы.
Проверка
работы.
Проверка
работы.
Проверка
работы.
Проверка
работы.
лабораторной
лабораторной
лабораторной
лабораторной
лабораторной
лабораторной
36
1.5
Соответствие компетенций, формируемых при изучении дисциплины,
и видов занятий с учетом форм контроля
Перечень
компетенций
Л
ЛР
ОК-11
+
+
Виды занятий
ПЗ
КР
КП
Формы контроля
СРС
+
Устный ответ на лабораторном
занятии.
5. ОБРАЗОВАТЕЛЬНЫЕ ТЕХНОЛОГИИ
При проведении лекции используются мультимедийные технологии для
наглядной демонстрации рассматриваемого материала.
В лабораторных работах используются ППП Adobe DreamWeaver.
6
6. ОЦЕНОЧНЫЕ
СРЕДСТВА
ДЛЯ
ТЕКУЩЕГО
КОНТРОЛЯ
УСПЕВАЕМОСТИ,
ПРОМЕЖУТОЧНОЙ
АТТЕСТАЦИИ
ПО
ИТОГАМ
ОСВОЕНИЯ
ДИСЦИПЛИНЫ
И
УЧЕБНОМЕТОДИЧЕСКОЕ
ОБЕСПЕЧЕНИЕ
САМОСТОЯТЕЛЬНОЙ
РАБОТЫ СТУДЕНТОВ
Задание к лабораторным работам:
Курс построен на создании полнофункционального web-сайта. Студенту
предлагается выбрать тему сайта, после чего идет постепенное его наполнение
контентом с изучением тем текущей лабораторной работы.
7 ДРУГИЕ НОРМАТИВНО-МЕТОДИЧЕСКИЕ ДОКУМЕНТЫ И
МАТЕРИАЛЫ, ОБЕСПЕЧИВАЮЩИЕ КАЧЕСТВО ПОДГОТОВКИ
ОБУЧАЮЩИХСЯ
8. УЧЕБНО-МЕТОДИЧЕСКОЕ И ИНФОРМАЦИОННОЕ
ОБЕСПЕЧЕНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ:
а) основная литература:
1. Сергеев А. П. Microsoft Office 2010. Самоучитель / А. П. Сергеев – Изво: Вильямс, 2010. - 624 стр. - ISBN 978-5-8459-1661-7;
2. Элизабет Фримен. Изучаем HTML, XHTML и CSS / Элизабет Фримен,
Эрик Фримен. – Питер, 2013. – 720c.
3. Стивен Шафер. HTML, XHTML и CSS. Библия пользователя / Стивен
Шафер. – из-во: Диалектика, Вильямс, 2010 – 656 c.
4. Дунаев В. В. HTML, скрипты и стили / В. В. Дунаев. – БХВ-Петербург,
2011 – 816c.
б) дополнительная литература:
5.
Фримен Э. Изучаем программирование на HTML5 / Э. Фримен, Э.
Робсон - Из-во: Питер, 2013 – 592c.
в) программное обеспечение: Adobe DreamWeaver .
г) базы данных, информационно-справочные и поисковые системы: ресурсы
Интернет.
7
8. МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ УЧЕБНОЙ
ДИСЦИПЛИНЫ
Указывается материально-техническое обеспечение данной дисциплины.
№
Наименование оборудованных
Перечень оборудования и технических
п./п.
учебных кабинетов, лабораторий
средств обучения
1. Лекционная
аудитория
и Персональные компьютеры в количестве
компьютерный класс.
15 штук, проектор. Программное
обеспечение.
9. МЕТОДИЧЕСКИЕ
РЕКОМЕНДАЦИИ
ПО
ОРГАНИЗАЦИИ
ИЗУЧЕНИЯ ДИСЦИПЛИНЫ.
(Включаются в программу по усмотрению авторов-разработчиков.)
В период изучения дисциплины студенты выполняют лабораторные,
контрольные и индивидуальные задания.
При проведении лабораторных работ студентам предоставляется различный
материал информационного и справочного типа.
Рабочая программа составлена с учетом требований Федерального
Государственного образовательного стандарта высшего профессионального
образования (ФГОС ВПО) третьего поколения по направлению подготовки
230100.62 Информатика и вычислительная техника.
Программа рассмотрена и утверждена
«___»_________20___ г., протокол № _____.
на
заседании
кафедры
Разработчики ____________________________________________________
(подпись, Ф.И.О.)
Кафедра ________________________________________________________
Зав.кафедрой ____________________________________________________
(подпись, Ф.И.О.)
Рабочая программа согласована с УМК факультета ______________
Председатель УМК факультета _______________________________________
(подпись, Ф.И.О.)
(по принадлежности направления, специальности/специализации (профиля))
Рабочая программа одобрена на
«___»______20___ г., протокол № _____.
заседании
совета
факультета
Председатель совета факультета ____________________________________
(подпись, Ф.И.О.)
(по принадлежности направления, специальности/специализации (профиля)).
8
Приложение
ДОПОЛНЕНИЯ И ИЗМЕНЕНИЯ В РАБОЧЕЙ ПРОГРАММЕ
на__________ / ___________ учебный год
В рабочую программу дисциплины _____________________________
вносятся следующие изменения:
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
Дополнения и изменения в рабочей программе рассмотрены и одобрены на
заседании кафедры ____________________________________
«___» ______________ 20__ г., протокол № _______
Дополнения и изменения согласованы с УМК факультета________________
Председатель УМКфакультета____________________________________________
(подпись, Ф.И.О.)
(по принадлежности направления, специальности/специализации (профиля))
Рабочая программа одобрена на
«___»______20___ г., протокол № _____.
заседании
совета
факультета
Председатель совета факультета ____________________________________
(подпись, Ф.И.О.)
(по принадлежности направления, специальности/специализации (профиля)
9