РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ (РПУД)
по дисциплине «Веб-дизайн»
090104.65 – Комплексная защита объектов информатизации
Форма подготовки - очная
Школа естественных наук
Кафедра информационной безопасности
курс ____3____ семестр ____5____
лекции __34__ (час.)
практические занятия _______(час.)
семинарские занятия ________(час.)
лабораторные работы ___17___(час.)
всего часов аудиторной нагрузки___51____ (час.)
самостоятельная работа ____24____ (час.)
реферативные работы (0)
контрольные работы (0)
курсовые работы (0)
зачет ____5_____ семестр
Рабочая программа составлена на основании требований государственного образовательного стандарта высшего профессионального образования № 331 от 14 апреля 2000 года.
Рабочая программа обсуждена на заседании кафедры информационной безопасности
«_7__» ____июня___2012 г.
Заведующая (ий) кафедрой___ п.ф-м.н.П.Н.Корнюшин _____________________ 20__г.
Составитель (ли):_______ст.преп.___Д.С.Демин_________
I. Рабочая программа пересмотрена на заседании кафедры:
Протокол от «_____» _________________ 20 г. № ______
Заведующий кафедрой _______________________ __ П.Н.Корнюшин ____
(подпись) (и.о. фамилия)
II. Рабочая программа пересмотрена на заседании кафедры:
Протокол от «_____» _________________ 20 г. № ______
Заведующий кафедрой _______________________ ___ П.Н.Корнюшин ____
(подпись) (и.о. фамилия)
АННОТАЦИЯ
Предмет изучения дисциплины «Web - дизайн» как учебной дисциплины - комплекс фундаментальных знаний в области разработки и создания web-сайтов.
Знания, полученные при изучении дисциплины «Web - дизайн» используются при изучении таких учебных дисциплин как «Мировые информационные ресурсы», «Распределенные вычисления».
Для создания web-сайтов применяются разнообразные средства в связи с этим структура программы состоит из трех тем: «Язык гипертекстовой разметки HTML», «Выполняемые сценарии» и «Каскадные таблицы стилей».
Учебное заведение в зависимости от профиля подготовки специалиста и специфики отрасли имеет право формировать содержание, последовательность изучения учебного материала и распределение учебных часов по разделам (темам), а также заменять лабораторные работы и практические занятия другими, сходными по содержанию.
Рекомендуется проводить занятия по дисциплине в виде лекций и лабораторных работ. Дидактическими целями лекций являются сообщение новых знаний, систематизация и обобщение накопленного материала, формирование на их основе профессиональных взглядов, убеждений, мировоззрения, развитие познавательных и профессиональных интересов. Лабораторные работы предназначены для углубления изученной студентами теории, для формирования практических умений и навыков по подбору, настройке и эксплуатации аппаратной базы ПК.
1. Цели изучения дисциплины:
формирование профессиональной и информационной компетенций;
воспитание информационной культуры;
создание фундаментальных знаний, в области технологий разработки web-документов
2. Задачами дисциплины являются:
формирование у студентов базового комплекса знаний и практических навыков, необходимых для разработки web-документов;
создание у студентов теоретической и практической базы для освоения современных Internet-технологий;
изучение тенденций и перспектив развития технологий создания сайтов;
выработка навыков и умений у студентов в создании web-документов.
Кроме того, к задачам дисциплины относятся: привитие аккуратности, ответственности, трудолюбия, настойчивости, любознательности, эстетической культуры.
В результате изучения дисциплины студент должен:
иметь представление:
о назначении и областях применения web-документов;
о средствах и технологиях создания web-документов;
знать:
назначение основных служб Internet;
систему URL-адресации;
средства создания web-документов;
базовые теги HTML;
средства создания скриптов;
возможности каскадных таблиц стилей;
средства создания динамических элеиментов
средства размещения и оптимизации сайтов.
уметь:
создавать web-документы;
выполнять разработку структуры и дизайна web-документа;
выполнять разработку и создание web-узла;
выполнять создание динамических элементов;
выполнять размещение web-документов в сети.
СТРУКТУРА И СОДЕРЖАНИЕ ТЕОРЕТИЧЕСКОЙ ЧАСТИ КУРСА
Раздел 1. Язык гипертекстовой разметки –HTML (10ч.)
Тема 1.Правила построения HTML-документов (2ч.)
Спецификации HTML. Теговая модель. Структура документа. Атрибуты тегов. Теги заголовочной части документа. Средства оформления документов. Базовые структуры сайтов. Оптимизация сайтов.
Тема 2. Форматирование документа (3ч.)
Теги и атрибуты форматирования символов. Теги и атрибуты форматирования абзацев. Заголовки. Параметры списков. Средства создания таблиц. Параметры бегущей строки. Графика на сайте.
Тема 3.Создание гипертекстовой структуры (3ч)
Структура сайта. Локальная и глобальная навигация. Средства создания гиперссылок. Активное изображение. Графическое меню.
Раздел 2. Выполняемые сценарии (12ч)
Тема 1.Средства JavaScript (4ч)
Концепция свойств JavaScript. JavaScript: основные понятия, синтаксис. Концепции и методы. средства создания функций. Иерархия объектов. Обработчики событий JavaScript. Средства размещения скриптов в документе.
Тема 2. Создание скриптов (4ч)
Синтаксис JavaScript. Методы даты и времени. Использование массивов. Применение обработчиков событий. Использование скриптов в HTML-формах
Тема 3. Создание функций (4ч)
Синтаксис создания функций. Организация интерактивного диалога с пользователем. Разработка популярных скриптов.
Раздел 3. Каскадные таблицы стилей (12ч)
Тема 1. CSS (4ч)
Спецификация CSS. Синтаксис CSS. Встраивание таблиц стилей в документ. Группирование и наследование. Модель форматирования. Объектная модель документа. Фильтры CSS.
Тема 2. Форматирование с помощью CSS (4ч)
Селекторы. Псевдоклассы. Свойства форматирования элементов. Шрифты. Цвет и фон. Форматирование текста. Блоки.
Тема 3. Визуальное форматирование (4ч)
Позиционирование элементов. Динамическое изменение документа. Раскрывающийся список. Применение фильтров и переходов.
СТРУКТУРА И СОДЕРЖАНИЕ ПРАКТИЧЕСКОЙ ЧАСТИ КУРСА
Лабораторная работа(17ч)
Тема 1. Создание скриптов (5ч)
Используя методы даты и времени, создать скрипт, отображающий календарь для вывода текущей даты в табличной структуре.
Тема 2. Форматирование с помощью CSS (6ч)
В HTML-документе содержащем текст выполните форматирование четных и нечетных абзацев с различными параметрами
Тема 3. Визуальное форматирование (6ч)
Примените фильтр wave с различными значениями свойства strength к текстовому блоку. Используйте блочный элемент div.
III. КОНТРОЛЬ ДОСТИЖЕНИЯ ЦЕЛЕЙ КУРСА
Вопросы к экзамену
Структура HTML-документа.
Базовые теги.
Средства HTML для форматирования текста.
Средства HTML для оформления документа.
Средства HTML для создания таблиц и списков.
Виды структур web-узлов.
Средства HTML для создания навигации.
С помощью какого тега выполняется вставка сценария в документ?
Перечислите способы и их особенности встраивания сценария JavaScript в HTML-страницу.
Понятие объекта JavaScript
Иерархия объектов JavaScript.
Свойства объектов.
Каков синтаксис использования операторов в JavaScript?
Какой синтаксис использования функций в JavaScript?
Методы в JavaScript.
В чем заключается назначение обработчиков событий в JavaScript?
Перечислите свойства объекта navigator.
Перечислите свойства объектов document, history, location, window.
Каков синтаксис использования операторов ветвления и циклов в JavaScript?
Какие теги используются для создания элементов формы.
Модель форматирования каскадных таблиц стилей.
В чем отличие блочных и строковых элементов CSS?
Способы позиционирования элементов и их отличия.
Способы соединения CSS и документа и их особенности.
Схема селектора CSS.
Псевдоклассы связей.
Какие свойства форматирования элементов используются в CSS?
Механизм вызова функции.
В каком разделе HTML-документа описывается функция?
Реализация динамической смены изображений
IV. ТЕМАТИКА И ПЕРЕЧЕНЬ КУРСОВЫХ РАБОТ И РЕФЕРАТОВ
Не предусмотренны рабочей программой
V. УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ
Основная литература
Васильев, В. В.Практикум по web-технологиям : учебное пособие. – М. : Форум, 2009. - 416 с. - (Высшее образование).
Ахромов Я.В. Технология Web-дизайна и Flash-технологии/ Серия «высшее образование».- Ростов н/Д: Феникс, 2004.
Дополнительная литература
Давыдова, Е. В. Элективный курс "Компьютерное творчество. Начала WEB-дизайна" / Е. В. Давыдова. - С.4-33 Информатика и образование: ежемесячный научно-методический журнал. - М. : Образование и информатика. - 2006г. N 11
Якобсен Йенс. Концепция разработки Web-сайтов. Как успешно разработать Web-сайт с применением мультимедиа-технологий/Йенс Якобсен; пер с нем. И.А.Марков.- М.: НТ Пресс, 2006. Лопак, Лайза. Web-дизайн для «чайников», 2-е издание.: Пер. с англ.- М.: ООО «И.Д. Вильямс», 2008.
Тучкевич Е.И. Самоучитель Adobe Photoshop CS2.- СПб.: БХВ-Петербург, 2007.
Интернет-ресурсы
http://mirknig.com/2009/12/10/macromedia-flash-professional-8-na-primerax.html Ксения Слепченко. Macromedia Flash Professional 8 на примерах.- СПб-Петербург, 2006. Страниц:416
http://knigi.tor1.ws/index.php?id=3864#.Uluj2dKGrZ4 Сырых Ю.А. Современный веб-дизайн. Рисуем сайт, который продает.- М.: Издательство: Вильямс. Диалектика. 2008. Страниц: 304
http://window.edu.ru/resource/442/37442 Казанцев А.В. Основы компьютерной графики для программистов: Учебное пособие. - Казань: Изд-во КГУ, 2005. - 94 с.
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное автономное образовательное учреждение
высшего профессионального образования
«Дальневосточный федеральный университет»
(ДВФУ)
ШКОЛА ЕСТЕСТВЕННЫХ НАУК
КОНСПЕКТЫ ЛЕКЦИЙ
по дисциплине «Веб-дизайн»
090104.65 – Комплексная защита объектов информатизации
Форма подготовки - очная
г. Владивосток
2011
|
