Рабочая программа дисциплины «web дизайн» Рекомендуется для направления подготовки
| Вид материала | Рабочая программа |
- Рабочая программа дисциплины «разработка web-представительств для систем электронной, 204.28kb.
- Рабочая программа дисциплины «Web-дизайн» Направление подготовки, 154.39kb.
- Программа дисциплины «Web-дизайн» для направления 030600. 62 Журналистика подготовки, 91.79kb.
- Программа дисциплины гсэ. Психология и педагогика для студентов специальности 070601, 5601.49kb.
- Программа дисциплины сд. Ф 03. Проектирование в графическом дизайне (интернет-технологии, 195.83kb.
- Рабочая программа Наименование дисциплины «логика и теория аргументации» Рекомендуется, 537.19kb.
- Рабочая программа Наименование дисциплины «Сервисология» Рекомендуется для направления, 340.09kb.
- Рабочая программа дисциплины «логистика международного товародвижения» Рекомендуется, 250.46kb.
- Рабочая программа Наименование дисциплины экономика строительства рекомендуется для, 471.59kb.
- Программа дисциплины Web-дизайн для направления 080700. 62 Бизнес-информатика подготовки, 136.32kb.
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ЭКОНОМИКИ И ФИНАНСОВ
РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ
«WEB - дизайн»
Рекомендуется для направления подготовки:
230700 «Прикладная информатика»
Квалификация выпускника - бакалавр
Санкт-Петербург
2011
- Цели и задачи дисциплины:
Целью дисциплины является изучение методологических и концептуальных теоретических сведений о WEB-дизайне, формирование у студентов умения и навыков работы с WEB-страницами и эффективного комбинирования элементов мультимедиа, а также подготовка специалистов, умеющих применять современные методики разработки и сопровождения WEB-сайтов, используемых в дальнейшей профессиональной деятельности.
В задачи дисциплины входит изучение основ аппаратных средств WEB-дизайна, основных инструментальных средств, используемых для создания WEB-страниц, знакомство с возможностями создания базовых элементов WEB-страниц (текст, графические изображения, звук, анимация), с возможностями применения информационных технологий в сети Интернет.
- Место дисциплины в структуре ООП:
Дисциплина «Web-дизайн» является составляющей «Профессиональных дисциплин» цикла (вариативная часть).
Требования к входным знаниям: наличие знаний по дисциплинам «Информатика и программирование», «Информационные системы и технологии», «Информационные технологии в допечатной подготовке».
Дисциплина «Web-дизайн» является предшествующей для дисциплины «Разработка Web-представительств для систем электронной коммерции».
В ходе освоения дисциплины студенты получают углубленные знания в области WEB-дизайна, которые способствуют созданию, внедрению, анализу и сопровождению профессионально-ориентированных компьютерных технологий в профессиональной области
- Требования к результатам освоения дисциплины:
Выпускник должен обладать следующими профессиональными компетенциями:
- Способностью ставить и решать прикладные задачи с использованием современных информационно-коммуникационных технологий.
- Способностью понимать особенности работы предприятий, связанных с производством информации, информационно-вычислительных услуг, технических средств обработки информации и программного продукта.
В результате изучения дисциплины студент должен:
Знать:
- О состоянии развития современных web-технологий, об их месте и роли в работе компьютерных сетей Internet/Intranet;
- о проблемах и направлениях развития web-технологий;
- о проблемах и направлениях развития программных средств, применяемых в web-технологиях;
- об основных методах и средствах автоматизации проектирования, используемых в программных средствах;
- об основах построения сложных web-узлов.
Уметь:
- Применять различные инструментальные средства для разработки web-страниц и web-узлов;
- ориентироваться в современных информационных технологиях, их возможностях, перспективах развития;
- создавать различные элементы мультимедиа, используя при этом современные программно-аппаратные средства;
- осуществлять выбор средств и методов для решения поставленных профессиональных задач.
Владеть:
- Методикой формирования элементов мультимедиа с помощью современных программных средств;
- инструментами создания web-страниц и перспективами развития современных мультимедийных инструментов, применяемых для создания таких web-страниц;
- специальной литературой в изучаемой предметной области.
- Объем дисциплины и виды учебной работы
Общая трудоемкость дисциплины составляет 108 зачетных единиц.
| Вид учебной работы | Всего часов (8 семестр) |
| Аудиторные занятия (всего) | 48 |
| В том числе: | - |
| Лекции | 20 |
| Практические занятия (ПЗ) | 28 |
| Самостоятельная работа (всего) | 60 |
| В том числе: | - |
| Расчетно-графические работы | 20 |
| Реферат | 18 |
| Контрольная работа | 22 |
| Вид промежуточной аттестации (зачет, экзамен) | |
| Общая трудоемкость час зач. ед. | 108 |
| 3 |
- Содержание дисциплины
5.1. Содержание разделов дисциплины
| № п/п | Наименование раздела дисциплины | Содержание раздела |
| 1. | Информация и бизнес. Определение, классификация и характеристика WEB-сайтов по различным признакам | Введение. Предмет, основные цели, задачи и содержание курса. Место и роль курса среди других дисциплин. Основные понятия. Правовые основы информационной работы в России. Основные правовые акты, определяющие порядок формирования и использования информационных ресурсов. Идеология WWW. Распространенные форматы данных в Интернете. Архитектура клиент-сервер. Основы работы web-сервера. |
| 2. | Основы HTML | Эволюция HTML. Составные элементы HTML-документа. Типы данных HTML. Структура HTML-документа. Общие атрибуты элементов HTML. Теги заголовка документа. Теги тела документа. Блочные и строчные элементы разметки. Работа с текстом. Заголовки и абзацы. Списки: нумерованные, маркированные. Объекты HTML-документов. Типы файлов иллюстраций. Управление размещением иллюстрации и обтеканием текста. Вставка объектов. Карты ссылок. Создание гиперссылок. Понятие внешней и внутренней ссылки. Способы указания источника файла для ссылок и иллюстраций: абсолютный, относительный, URL. |
| 3. | Таблицы в документах HTML | Таблицы — основное средство для управления расположением материалов в современном HTML. Основные теги создания таблиц. Основные атрибуты таблиц, строк, ячеек. Логическое форматирование фрагментов таблиц. Объединение ячеек. Особенности использования таблиц для верстки web-документов. Вложенные таблицы. |
| 4. | Объекты, формы и фреймы | Понятие объекта в HTML-документах. Вставка изображений. Карта ссылок. Вставка апплетов, элементов ActiveX, объектов, обрабатываемых с помощью расширений обозревателя, и др. Элементы форм. Типы управляющих элементов. Ввод данных: элемент INPUT. Меню. Многострочный текст. Кнопки. Группы управляющих элементов. Правила работы с формами. Понятие фреймовой структуры web-страницы. Особенности использования фреймов. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов. Проблемы фреймовой организации страницы. |
| 5. | Стилевое оформление HTML-документов | Каскадные таблицы стилей (CSS). Эволюция. Операторы, директивы и правила. Поддержка браузерами CSS. Основные понятия и определения. Размещение стилевого описания документа. Типы данных CSS. Типы простых селекторов. Селекторы. Использование псевдоклассов и псевдоэлементов. Принципы наследования, Каскадирования и группировки. Специфичность селектора. Применение стилей и классов к элементам документа HTML. Создание слоев при помощи CSS. Границы, заполнители и рамки. Позиционирование элементов. Цвет элемента и цвет фона. Свойства шрифта. Свойства текста. Фильтры изображений. Эффекты перехода. |
| 6. | Основные понятия компьютерной графики | Особенности восприятия цвета человеком. Понятие цветовой модели. Модели RGB и CMYK. Цветовой куб модели RGB. Понятия цветового тона, насыщенности и яркости. Цветовые модели HSB, HLS. Другие цветовые модели. Цветовая схема Йоханнеса Иттена. Цветовой круг. Проблемы подбора гармоничных цветов. Формирование изображения с помощью компьютера. Оцифровка изображений. Устройства цифрового ввода и вывода изображений. Векторный и растровый способ формирования изображений. Векторная графика и ее математические основы. Сплайн-функции. Кривые Безье. Контур и вложенная область. Изменение объектов векторной графики. Построение сложных объектов векторной графики. Программы для работы с объектами растровой и векторной графики: обзор, основные функции, области применения. Форматы файлов. Требования к иллюстрациям в Интернете. Методы сжатия. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF... Выбор формата графического файла. Понятие палитры. Формат GIF. Выбор палитры.. GIF-анимация. Оптимизация изображений. Использование графики в ссылках. |
| 7. | Сценарии " onclick="return false"> | Основы создания динамичных, интерактивных web-ресурсов. Основные функции клиентских сценариев. Обзор основных языков клиентских сценариев. Основы " onclick="return false"> |
| 8. | Web-cерверы | Пассивные и активные web-cерверы. Основы клиент-серверного взаимодействия. Передача данных методами GET и POST. URL-кодирование данных. Обзор существующих web-серверов. Области их применения. Серверные сценарии и приложения. Обзор технологий серверного интернет-программирования (CGI/Perl, PHP, ASP, SSI и др.), их поддержка различными операционными системами и web-серверами. Технология SSI (Server Side Include). Обзор команд. Основные сведения о IIS. Понятие «виртуального» сервера. Серверные решения на основе IIS. Применение технологий ASP и PHP. Интерфейсы web-сервера. Интерфейсы CGI и ISAPI. Технология ASP. Языки программирования. Особенности и возможности. Объекты сервера. Основные приемы работы с данными. ASP-компоненты. Основы работы с базами данных в интернет-приложениях. Обзор типичных интернет-технологий баз данных. Универсальные механизмы доступа к БД (Microsoft Universal Data Access). Интерфейс ADO. Типовая последовательность работы с данными. |
| 9. | Основы XML | XML: начальные сведения, стандарты, области применения, связанные технологии и возможности. Синтаксические правила XML. Структура документа, директивы анализатора. Формально-правильные и правильные XML-документы. Примеры. Содержимое XML-документа: наборы элементов, секции CDATA, директивы анализатора, комментарии, ссылки на сущность. Примеры. Пространство имен. Основные понятия. Задание пространства имен в XML-документе. Синтаксис объявления. Спецификация «XML информационное множество». Типы информационных элементов данных. Единицы информации комментария, символа, документа. DTD — определение типа документа. Основные структурные элементы DTD. Внешние и внутренние DTD. Использование, конструкции, размещение. Модели содержания элементов. Объявление элемента. Объявление атрибутов. Объявление сущностей. Примеры. XML-схемы. Сравнение DTD и XML-схем. |
5.2 Разделы дисциплины и междисциплинарные связи с обеспечиваемыми (последующими) дисциплинами
| № п/п | Наименование обеспе-чиваемых (последую-щих) дисциплин | № № разделов данной дисциплины, необходимых для изучения обеспечиваемых (последующих) дисциплин | ||||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | ||
| 1. | Информационные технологии в допечатной подготовке | | | | | + | + | + | | |
| 2. | Клиент - серверные технологии | | | | | | | + | + | + |
| 3. | Мировые информационные ресурсы | + | + | + | + | + | | | | |
| 4. | Разработка WEB-представительств для систем электронной коммерции | | | | + | + | + | | | |
5.3. Разделы дисциплины и виды занятий
| № п/п | Наименование раздела дисциплины | Лекц. | Практ. зан. | СРС | Все-го час. |
| 1. | Информация и бизнес. Определение, классификация и характеристика WEB-сайтов по различным признакам | 4 | - | 4 | 8 |
| 2. | Основы HTML | 2 | - | 2 | 4 |
| 3. | Таблицы в документах HTML | 2 | 2 | 4 | 8 |
| 4. | Объекты, формы и фреймы | 2 | 4 | 6 | 12 |
| 5. | Стилевое оформление HTML-документов | 2 | 4 | 8 | 14 |
| 6. | Основные понятия компьютерной графики | 2 | 4 | 10 | 16 |
| 7. | Сценарии " onclick="return false"> | 2 | 6 | 10 | 18 |
| 8. | Web-cерверы | 2 | 8 | 8 | 18 |
| 9. | Основы XML | 2 | 0 | 8 | 10 |
- Лабораторный практикум – не предусмотрен.
- Практические занятия (семинары)
| № п/п | № раздела дисциплины | Наименование лабораторных работ | Трудо-емкость (час.) |
| 1. | Раздел 3 Раздел 4 Раздел 5 | Оформление статических документов с использование средств HTML и CSS. Работа в HTML-редакторах (Dreamweaver, HomeSite, TopStyle). | 6 |
| 2. | Раздел 7 | Динамические элементы сайта на стороне клиента средствами " onclick="return false"> | 6 |
| 3. | Раздел 6 | Графические и мультимедийные элементы оформления Интернет-узла. Оптимизация графики. Создание интерактивных элементов сайта в графических редакторах. | 8 |
| 4. | Раздел 8 | Создание интернет-приложений на стороне сервера. Технология SSI. Регистрационная форма. | 4 |
| 5. | Раздел 8 | Интернет-приложения и базы данных. Создание гостевой книги средствами ASP. | 4 |
- Примерная тематика курсовых работ - курсовые работы по данной дисциплине не планируются
- Учебно-методическое и информационное обеспечение дисциплины:
а) основная литература
- Дунаев В. Основы WEB-дизайна, СПб, 2007
- Скотт М. Секреты Web-дизайна. Москва, 2007.
б) дополнительная литература
- Алексеев А. П. Введение в Web-дизайн. Москва, 2008
- Дронов В. " onclick="return false">
- Евсеев Д. А., Трофимов В. В. Web-дизайн в примерах и задачах. Москва, 2009.
- Ищенко В. А. 100% самоучитель Web-дизайна. Создавай свои сайты. Москва, 2009.
- Константинов П. П., Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Web-дизайн с нуля. Москва, 2009.
- Лопак Л. Web-дизайн для "чайников". Москва, 2008.
- Перелыгин В. А., Самойлов Е. Э. Самоучитель web-дизайна. Москва, 2009
- Самойлов Е. Э. Web-дизайн для начинающих. Практическое руководство. Москва, 2009.
- Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Разработка, дизайн, программирование и раскрутка web-сайта. Москва, 2009.
- Хортон С. Разумный Web-дизайн. Москва, 2008.
в) программное обеспечение: VBScript, " onclick="return false">
г) базы данных, информационно-справочные и поисковые системы
10. Материально-техническое обеспечение дисциплины: стандартное оборудование компьютерного класса.
- Методические рекомендации по организации изучения дисциплины:
Общее максимально возможное количество баллов по общим критериям и заданиям по отдельным темам для допуска к зачету от 70 до 100 баллов.
Базовый набор требований преподавателя во время проведения аудиторных занятий в соответствии с учебной программой дисциплины:
- Посещаемость занятий max 15 баллов
- Выполнение общих частей лабораторных работ на компьютере max 25 баллов
- Ответы на контрольные вопросы по пройденным разделам программы дисциплины max 20 баллов
2. Выполнение самостоятельной работы студентами в соответствии с учебной программой дисциплины:
Общее максимально возможное количество баллов за выполнение самостоятельной работы студентов не может превышать 20 баллов, из них:
- Подготовка реферата по заданной теме max 10 баллов
- Выполнение индивидуальных частей лабораторных работ на компьютере max 10 баллов
- Активность работы студента на аудиторных занятиях. max 10 баллов
- Творческий подход, креативность и т.п. в процессе выполнения самостоятельной работы и аудиторных заданий. max 10 баллов
Разработчик:
СПбГУЭФ, кафедра информатики доцент, к.т.н. Л.В. Путькина
(место работы) (занимаемая должность) (инициалы, фамилия)
Эксперты:
ЗАО «Энергопроект
по развитию ММ» ген. директор М.К. Казаков