МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
 |
Государственное образовательное учреждение высшего профессионального образования
«МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ПЕЧАТИ»
УТВЕРЖДАЮ
Проректор по учебной работе
______________
«_____» ___________2010 г.
РАБОЧАЯ ПРОГРАММА
По дисциплине | «Технология сетевого дизайна и ее программное | |
обеспечение» | ||
По направлению | ||
По специальности | 230203.65 – «Информационные технологии в дизайне» | |
Факультет | Цифровых систем и технологий | |
Кафедра | Медиасистемы и технологии |
Индекс по учебному плану | ЦИКЛ | Компонент | ||
Федеральный | Национально-региональный (вузовский) | Элективный | ||
СД.05 | Общие гуманитарные и социально-экономические дисциплины | |||
Общие математические и естественнонаучные дисциплины | ||||
Общепрофессиональные дисциплины | ||||
Специальные дисциплины | Х | |||
Дисциплины специализации |
Форма обучения | Курс | Семестр | Трудоемкость дисциплины в часах | Форма итогового контроля | |||||||
Всего часов | Аудиторных часов | Лекции | Семинарские (практические) занятия | Лабораторные занятия | Курсовая работа | Курсовой проект | Самостоятельная работа | ||||
Очная | 4 | 8 | 170 | 102 | 51 | 51 | 20 | 48 | экзамен |
Москва - 2010 г
Составитель: _ доцент ____
Рецензенты: ________________________________________________________
Рабочая программа обсуждена на заседании кафедры «Медиасистемы и технологии» «____» ______________.__, протокол № ____________
Зав. кафедрой _________________ / /
Одобрена Советом факультета цифровых систем и технологий
«_____» _______________, протокол № ______________.
Председатель _________________
1. Цели и задачи дисциплины, требования к знаниям и умениям
1.1. Цель и задачи изучения дисциплины.
Целью изучения дисциплины «Технология сетевого дизайна и ее программное обеспечение» является формирование у студентов представления о теоретических основах формирования и отображения веб-страниц, программной среде их создания и просмотра. Рассматриваются основные существующие на сегодняшний день технологии, их взаимодействие между собой, допустимые типы данных, их структура и методы работы с ними. Делается упор на методы создания динамических интерактивных страниц. В основном рассматриваются локальные технологии, однако в заключительной части дисциплины дается обзор проблем, решаемых с использованием серверных технологий.
Основной задачей изучения дисциплины является
· изучение основных технических принципов работы веб-приложений, клиент-серверной технологии и сетевых протоколов;
· изучение основных технологий, используемых для создания веб-страниц;
· изучение работы с данными различных типов в веб-приложениях;
· изучение форматов и стандартов, необходимых для корректной работы веб-приложений;
· изучение приемов верстки при помощи таблиц и при помощи позиционирования;
· изучение технологий создания динамических страниц;
· знакомство с основными технологиями разделения статических и динамических зон на веб-страницах.
1. 2. Требования к знаниям и умениям.
В результате изучения дисциплины студент должен
знать:
· основные понятия и определения, касающиеся веб-технологий, а также работы с основными типами данных, используемых на веб-страницах;
владеть:
· представлением об основах взаимодействия веб-браузера и веб-сервера при формировании страницы, о необходимых для этого сетевых протоколах и различных методах организации данных при создании веб-сайтов;
уметь:
· создавать веб-страницы с использованием языка разметки HTML, каскадных таблиц стилей CSS, локальных скриптов JavaScript и основных методах разделения данных.
1.3. Перечень дисциплин с указанием разделов (тем), усвоение которых студентами необходимо для изучения данной дисциплины.
Теоретические основы автоматизированного управления основываются на знаниях следующих дисциплин:
· основы информационных технологий в дизайне,
· языковые средства создания гипертекстовых документов.
2. СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
2.1. Наименование тем, их содержание, объем в часах.
№п/п | Наименование тем, разделов | Общая трудоемкость (часов) | ||||
Аудиторные занятия (всего часов) | Лекции | Практические занятия (семинары) | Лабораторные занятия | Самостоятельная работа | ||
очная | очная | очная | очная | очная | ||
1 | История и основы интернет-технологий | 3 | 3 | 2 | ||
2 | Веб-браузеры | 3 | 3 | 2 | ||
3 | Применение текста и шрифтов на сайтах | 3 | 3 | 3 | ||
4 | Графические изображения на веб-страницах | 3 | 3 | 3 | ||
5 | Основы языка гипертекстовой разметки HTML | 9 | 3 | 6 | 3 | |
6 | Теги, атрибуты, контейнеры, мнемонические подстановки | 6 | 3 | 3 | 3 | |
7 | Таблицы в языке HTML | 9 | 3 | 6 | 3 | |
8 | Веб-формы | 3 | 3 | 3 | ||
9 | Каскадные таблицы стилей CSS | 9 | 3 | 6 | 3 | |
10 | Блоковая модель документа | 9 | 3 | 6 | 3 | |
11 | Понятие нормального потока. Позиционирование | 9 | 3 | 6 | 3 | |
12 | Объектная модель документа, динамический HTML | 9 | 3 | 6 | 3 | |
13 | Локальное программирование на языке JavaScript | 6 | 3 | 3 | 3 | |
14 | Методы создания интерактивных страниц с использованием шаблонизатора jQuery | 6 | 3 | 3 | 3 | |
15 | Сайт, структура сайта, навигация по сайту | 3 | 3 | 2 | ||
16 | Разделение статических и динамических зон при верстке сайтов | 9 | 3 | 6 | 3 | |
17 | Начальные представления о методах организации сайта при помощи серверных скриптов и базы данных | 3 | 3 | 3 | ||
ИТОГО | 102 | 51 | 51 | 48 |
2.2. Содержание разделов дисциплины.
1. История и основы интернет-технологий. Протоколы физические, транспортные и программные. Место в этой модели стека протоколов TCP/IP. Его роль в интернет-технологии.
2. Веб-браузеры, их типы, история и современная ситуация. Концепция разделения структуры документа и его визуального представления. Визуальные средства браузеров и рекомендации консорциума W3C.
3. Применение текста и шрифтов на сайтах. Задание параметров текста с использованием тегов и атрибутов тегов HTML и с использованием свойств CSS.
4. Графические изображения на веб-страницах. Графические форматы GIF, JPEG и PNG, их параметры, характеристики, различия и области применения. Методы оптимизации графики в форматах GIF и JPEG.
5. Основы языка гипертекстовой разметки HTML. Структура HTML-документа. Определение типа документа. Различия версий HTML 4.0 и XHTML 1.0. Раздел head, его структура, основные элементы и их назначение. Теги title, link, meta.
6. Теги, атрибуты, контейнеры, мнемонические подстановки. Блочные и строчные теги. Теги создания абзацев, заголовков, списков, внутриабзацного выделения, гиперссылок, иллюстраций.
7. Таблицы в языке HTML. Теги и атрибуты, используемые для создания таблиц. Объединение ячеек. Особенности таблиц, используемых для вывода табличных данных и для создания каркаса страниц. Преимущества и недостатки верстки страниц с использованием таблиц.
8. Веб-формы как средство обратной связи страницы с веб-сервером. Методы отправки данных, их преимущества и недостатки. Элементы форм - текстовые поля ввода, списки, флажки, радиокнопки.
9. Каскадные таблицы стилей CSS. Способы включения в документ - внешние, внутренние и локальные стили. Синтаксис CSS - селекторы, свойства. Селекторы по элементу, по классу и по ID элемента. Каскадирование.
10. Блоковая модель документа. Содержимое блока, рамки, поля и отступы. Блочные и строчные теги как элементы блоковой модели. Свойства display, overflow.
11. Понятие нормального потока. Позиционирование - статическое, абсолютное, относительное, фиксированное. Плавающая модель. Верстка многоколонного макета. Свойства position, float, clear.
12. Объектная модель документа, динамический HTML. Объекты, их свойства и методы. Обработчики событий. Формулировка свойств CSS в объектной модели. Метод getElementById.
13. Локальное программирование на языке JavaScript. Способы включения в документ - внешние, внутренние и локальные скрипты. Синтаксис JavaScript. Переменные, операторы и функции.
14. Методы создания интерактивных страниц с использованием шаблонизатора jQuery.
15. Сайт, структура сайта, навигация по сайту. Типы сайтов - информационные и дизайнерские. Шапка, блоки меню, рабочая область информационного сайта. Жесткий и резиновый дизайн при верстке сайтов.
16. Разделение статических и динамических зон при верстке сайтов. Методы создания многостраничных сайтов - JavaScript, фреймы, SSI.
17. Начальные представления о методах организации сайта при помощи серверных скриптов и базы данных.
2.3. Лабораторные занятия, их наименование и объем в часах.
№ п/п | № раздела дисциплины | К-во часов | Наименование лабораторных работ |
1 | 5 | 6 | Создание простейшей HTML-страницы |
2 | 6 | 3 | Верстка страницы, содержащей различные элементы разметки |
3 | 7 | 6 | Верстка таблицы расписания занятий на HTML |
4 | 9 | 6 | Верстка информационного документа на HTML + CSS |
5 | 10 | 6 | Верстка рекламного макета на HTML + CSS |
6 | 11 | 6 | Верстка страницы сайта со статическим позиционированием |
7 | 12 | 6 | Создание документа с интерактивными функциями |
8 | 13 | 3 | Создание меню сайта на JavaScript |
9 | 14 | 3 | Создание интерактивной страницы с использованием jQuery |
10 | 16 | 6 | Верстка сайта из 5-10 страниц с динамическими зонами |
2.4. Курсовой проект (работа), его характеристика.
Курсовая работа направлена на практическое применение студентами знаний, полученных в ходе лекционных занятий, лабораторных работ и самостоятельной работы.
2.5. Организация самостоятельной работы.
№п/п | Наименование тем, разделов | Виды и формы самостоятельной работы* (распределение по часов по формам обучения) | ||||
Подготовка к практическому (семинару, лаб. работе) | Подготовка рефератов (докладов, сообщений и информационных материалов т. п.) | Выполнение домашних, контрольных и иных заданий | Подготовка к промежуточной аттестационной работе (в т. ч. коллоквиум, тестирование и пр.) | Подготовка к зачету (экзамену) | ||
очная | очная | очная | очная | очная | ||
1 | История и основы интернет-технологий | 1 | 1 | |||
2 | Веб-браузеры | 1 | 1 | |||
3 | Применение текста и шрифтов на сайтах | 1 | 1 | 1 | ||
4 | Графические изображения на веб-страницах | 1 | 1 | 1 | ||
5 | Основы языка гипертекстовой разметки HTML | 1 | 1 | 1 | ||
6 | Теги, атрибуты, контейнеры, мнемонические подстановки | 1 | 1 | 1 | ||
7 | Таблицы в языке HTML | 1 | 1 | 1 | ||
8 | Веб-формы | 1 | 1 | 1 | ||
9 | Каскадные таблицы стилей CSS | 1 | 1 | 1 | ||
10 | Блоковая модель документа | 1 | 1 | 1 | ||
11 | Понятие нормального потока. Позиционирование | 1 | 1 | 1 | ||
12 | Объектная модель документа, динамический HTML | 1 | 1 | 1 | ||
13 | Локальное программирование на языке JavaScript | 1 | 1 | 1 | ||
14 | Методы создания интерактивных страниц с использованием шаблонизатора jQuery | 1 | 1 | 1 | ||
15 | Сайт, структура сайта, навигация по сайту | 1 | 1 | |||
16 | Разделение статических и динамических зон при верстке сайтов | 1 | 1 | 1 | ||
17 | Начальные представления о методах организации сайта при помощи серверных скриптов и базы данных | 1 | 1 | 1 |
3. УЧЕБНО-МЕТОДИЧЕСКИЕ МАТЕРИАЛЫ ПО ДИСЦИПЛИНЕ
3.1. Основная и дополнительная литература.
Основная
1. HTML : Пер. с англ. / ; Под ред. Ф.Романо. - М. : МГУП, 20с. - (Образовательные модули ассоциации NAPL). - ISBN -8 : 28.
2. Слепцова, Л. Д. Java Script : самоучитель / , . - М. : Издательский дом "Вильямс", 20с. + CD-ROM. - ISBN 1135-3 : 202,00.
Дополнительная
1. Web - дизайн : Наиболее полное руководство в подлиннике: Пер. с англ. / . - СПб. : БХВ-Петербург, 20с. - ISBN -Х : 203.15.
2. Веб-дизайн / Д. Кирсанов. - СПб. : Символ-Плюс, 20с. - (Библиотека дизайнера). - ISBN -0 : 70.
3. Myers C. R. HTML = Серия книг Национальной Ассоциации ведущих полиграфических фирм NAPL / C. R. Myers. - USA : Independent Graphics, 20p. - (NAPL Pocket University Book Series. 1
4. Web-сайт без секретов / . - изд. 2-е, доп., испр. - М. : Новый издательский дом, 20с. - ISBN -4 : 150,00.
5. Петюшкин, А. В. HTML в Web-дизайне / . - СПб. : БХВ-Петербург, 20с. - (Профессиональное программирование). - ISBN -0 : 150,00.
Программное обеспечение
1. Веб-браузеры Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Opera.
2. Редакторы Adobe Dreamweaver, Notepad++, PSPad Editor.
3. Текстовый процессор Microsoft Word;
3.2. Перечень наглядных и других пособий, методических указаний по проведению конкретных видов учебных занятий, а также методических материалов к используемым в учебном процессе техническим средствам.
Презентационные материалы, печатный раздаточный материал.
Комплекс технических средств, позволяющих проецировать изображение из программ (экран, проектор, компьютер).
Компьютерный класс на 20 рабочих мест.
Возможность доступа в Internet.
ПРОТОКОЛ
согласования рабочей программы с другими дисциплинами специальности
на 2010/11 учебный год
Наименование дисциплин, изучение которых опирается на данную дисциплину | Кафедра | Предложения об изменениях в пропорциях материала, порядка изложения и т. д. | Принятое решение (протокол №, дата) кафедрой, разработавшей программу |
1 | 2 | 3 | 4 |
Дополнения и изменения в рабочей программе
на 200 I учебный год
В рабочую программу вносятся следующие изменения:
________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
Рабочая программа пересмотрена и одобрена на заседании
кафедры «______ »____________________2010 г.
Заведующий кафедрой «Медиасистемы и технологии»
_________________/ /
Внесенные изменения утверждаю
Проректор по учебной работе
_______________
«___»____________2010 г.
