Рабочая программа учебной дисциплины технологии web-дизайна

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

Похожие:

	Рабочая программа дисциплины «Web-дизайн» Целью дисциплины является научить студентов технологии Web-дизайна и Internet-программирования. В результате изучения дисциплины...		Интернет-технологии и Web-дизайн ...
	Рабочая программа дисциплины «Интернет- технологии» ...		Российской Федерации Владивостокский государственный университет... Рабочая программа по учебной дисциплине «Компьютерные технологии в графическом дизайне» составлена в соответствии с требованиями...
	Рабочая программа по учебной дисциплине Web дизайн Рабочая программа предназначена для преподавания дисциплины «Web дизайн» студентам очной полной формы обучения специальности 230105...		Аннотация рабочей программы учебной дисциплины Интернет-технологии Цели дисциплины формирование основных компетенций по созданию и работе сайтами различного назначения, Web-дизайну
	Программа дисциплины дпп. В. 04 Дизайн в интерьере Цели дисциплины: формирование знаний студентов по общим теоретическим вопросам дизайна в интерьере об основных понятиях дизайна в...		Программа по формированию навыков безопасного поведения на дорогах... Курс основан на теории дизайна web-сайтов, концепциях информационной структуры, вопросах управления web
	Рабочая программа учебной дисциплины информационные технологии в... Рабочая программа учебной дисциплины «Информационные технологии в профессиональной деятельности» разработана на основе Федерального...		Программа дисциплины «Сетевые и web технологии» Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направлений подготовки 010400....
	Программа дисциплины "История дизайна" Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 072500. 62 "Дизайн"...		Программа дисциплины "История дизайна" Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 072500. 62 "Дизайн"...
	Программа дисциплины "История дизайна" Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 072500. 62 "Дизайн"...		Программа по формированию навыков безопасного поведения на дорогах... Рабочая программа мбоу сош с. Нижняя Елюзань курса «Технологии создания web-сайтов» составлена на основе программы курса «Технологии...
	Рабочая программа учебной дисциплины «Проектирование web-страниц» является изучение теоретических основ и принципов прикладного программирования на примере построения...		Российской Федерации Владивостокский государственный университет... Рабочая программа учебной дисциплины «Креативные технологии в сервисе» составлена в соответствии с требованиями ооп 100100. 62 Сервис...