Geum.ru

Программа дисциплины «Web-дизайн» для направления 030600. 62 Журналистика подготовки бакалавра Автор программы

Вид материалаПрограмма дисциплины

Содержание


Утверждено УС факультета
Название темы
Формы текущего контроля
Формы работы
Подобный материал:

Государственное образовательное бюджетное учреждение высшего профессионального образования «Государственный университет –

Высшая школа экономики»




Факультет Прикладной политологии

Отделение деловой и политической журналистики

Программа дисциплины


«Web-дизайн»


для направления 030600.62 – Журналистика

подготовки бакалавра


Автор программы

доцент, к.т.н. Гасанов Э.В.

egasanov@hse.ru


Рекомендовано секцией УМС Одобрена на заседании

Секция Бизнес-информатики кафедры «Архитектура программных систем»

Председатель Таратухина Ю.В. Зав. кафедрой Назаров С.В.

_________________ _____________


“___” __________ 2009 г. “___” _____ __________ 2009 г.


Утверждено УС факультета


Прикладной политологии


Ученый секретарь

______________________


“___” __________ 2009 г.


Москва 2009

Требования к студентам


Приступая к изучению данной дисциплины, студент должен обладать знаниями языка HTML.


Учебная задача дисциплины


В результате изучения дисциплины студент должен:

знать основы технологии каскадных таблиц стилей CSS;

уметь создавать Web-страницы с использованием технологии CSS;

иметь представление о современных тенденциях Web-дизайна;

получить навыки применения технологии CSS для решения задач:
  • разработка сложных макетов Web-страниц;
  • разработка системы навигации Web-сайта.


Тематический план учебной дисциплины


№

Название темы
Всего

часов

по

дисци-плине

Аудиторные часы
Само-стоя-тельная работа

Лекции
Практ. занятия

1
Введение в CSS. Свойства шрифта.
6
2
2
2

2
Свойства текста.
6



2
4

3
Свойства цвета и фона.
6



2
4

4
Присвоение стилей.
6



2
4

5
Модель контейнеров (box model).
6



2
4

6
Модель визуального форматирования.
8



4
4

7
Списки и создание панелей навигации.
8



4
4

8
Макетирование Web-страниц (верстка Web-страниц).
8



4
4




ИТОГО
54
2
22
30

Формы рубежного контроля и структура итоговой оценки

Формы текущего контроля

- задания на практических занятиях и задания для самостоятельных занятий;

- домашнее задание.


Форма итогового контроля:

- зачет.


Итоговая оценка по учебной дисциплине складывается из следующих элементов:

- работа на практических занятиях и выполнение заданий для самостоятельных занятий;

при непосещении занятий по неуважительной причине ставится оценка «0»; выполненные самостоятельные задания размещаются на персональном Web-сайте в назначенные преподавателем сроки; при несвоевременном размещении заданий по неуважительной причине итоговая оценка уменьшается на 1 балл;

- домашнее задание;

домашнее задание размещается на персональном Web-сайте в назначенный преподавателем срок; при несвоевременном выполнении и размещении задания по неуважительной причине оценка уменьшается; последний срок сдачи домашнего задания - за 2 дня до зачета, в противном случае ставится оценка «0»;

- контрольная (практическая) работа на зачете (60 мин.)

Структура итоговой оценки по учебной дисциплине:

Формы работы
Вклад в итоговую оценку (%)

Работа на практических занятиях и выполнение заданий для самостоятельных занятий
40

Домашнее задание
20

Контрольная работа на зачете
40



Базовый учебник


Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. М.: ТЕИС, 2008

Дополнительная литература


1. Мэйер Э. CSS – каскадные таблицы стилей. Подробное руководство, 2-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2007. – 576 с., ил.

2. Бадд Э., Молл К., Коллизон С. Мастерская CSS: профессиональное применение Web-стандартов. : Пер. с англ. – М. ООО «И.Д. Вильямс», 2007. – 272 с.: ил.

3. Шмитт К. CSS. Рецепты программирования. 2-е изд. Пер. с англ. – М.: Издательство «Русская Редакция»; СПб.: «БХВ-Петербург», 2007. – 592 с.: ил.

Содержание программы


Тема 1. Введение в CSS. Свойства шрифта.

Основные понятия CSS. Основные преимущества использования CSS. Типы стилей или способы добавления стилей к документу HTML. Синтаксис стилей. Основные принципы применения каскадных таблиц стилей. Каскадирование. Структура HTML-документа. Иерархическая структура документа. Наследование свойств. Значения свойств. Стилевые свойства. Свойства шрифта. Задание гарнитуры шрифта. Изменение размера шрифта. Абсолютные размеры шрифта. Относительные размеры шрифта. Использование единиц измерения длины (значения длины). Процентное значение размера шрифта. Проблемы определения размеров шрифта. Некоторые рекомендации и замечания. Изменение жирности (насыщенности) шрифта. Изменение стиля (начертания) шрифта. Задание варианта шрифта. Установка нескольких свойств шрифта. Сокращенная запись установки нескольких свойств шрифта.

Тема 2. Свойства текста.

Горизонтальное выравнивание текста. Высота строк. Отступы. Расстояние между словами. Расстояние между буквами. Вертикальное выравнивание текста. Надстрочные и подстрочные элементы. Смещение базовой линии на заданную величину. Выравнивание элементов по вертикали. Преобразование текста. Оформление текста. Обработка пробелов. Создание тени для текста.

Тема 3. Свойства цвета и фона.

Свойство color. Цвет в формате RGB. Свойство background-color. Свойство background-image. Свойство background-repeat. Свойство background-position. Поддержка браузерами свойства background-position. Свойство background-attachment. Свойство background.

Тема 4. Присвоение стилей.

Типы селекторов. Группировка селекторов. Универсальный селектор. Селекторы потомков (контекстные селекторы). Селекторы класса. Селекторы класса для одинаковых типов элементов. Селектор идентификатора (id селектор). Псевдоклассы гиперссылок. Динамические псевдоклассы. Составные классы. Псевдоэлементы. :first-letter. Псевдоэлементы. :first-line. Присвоение стиля произвольному фрагменту текста. Присвоение стиля произвольной части (разделу) HTML-документа. Контекстный селектор идентификатора.

Тема 5. Модель контейнеров (box model).

Свойства областей контейнера. Свойства полей. Сокращенное свойство для установки полей. Слияние внешних полей. Отключение полей. Отрицательные поля. Свойства границы (рамки). Стиль рамки. Отображение различных стилей границ. Ширина рамки. Цвет рамки. Сокращенные свойства рамок. Свойства отступов. Сокращенное свойство для установки отступов. Фон контейнера. Размеры контейнера. Свойства width, height.

Тема 6. Модель визуального форматирования.

Блочные и встроенные элементы. Блочные и строчные контейнеры. Форматирование строчного контейнера. Свойство display. Схемы позиционирования. Нормальный поток. Блочное форматирование. Строчное форматирование. Относительное позиционирование. Размещение элемента с использованием относительного позиционирования. Абсолютное позиционирование. Фиксированное позиционирование. Плавающие контейнеры. Правила, определяющие поведение плавающих контейнеров. Запрещение обтекания. Уровни представления (позиционирования) контейнеров.

Тема 7. Списки и создание панелей навигации.

Свойства списков. Свойство list-style-type. Свойство list-style-image. Свойство list-style-position. Меню ссылок. Простая вертикальная панель навигации на основе списка. Вертикальная панель навигации на основе списка в виде кнопок. Стили посещенных ссылок. Горизонтальная панель навигации на основе списка в виде кнопок с использованием цвета. Горизонтальная панель навигации на основе списка в виде кнопок с использованием изображений. Интерфейс пользователя.

Тема 8. Макетирование Web-страниц (верстка страниц).

Соответствие документа Web-стандартам. Определение типа документа (DTD, Document Type Definition ). Типы документов HTML. Элемент DOCTYPE. Список HTML DOCTYPE. Методики верстки страниц средствами CSS. Центрированные макеты. Центрированный макет на основе автоматических полей. Создание центрированного макета на основе автоматических полей. Центрированный макет на основе позиционирования и отрицательных полей. Многоколонная верстка с использованием плавающих элементов. Трехколонный макет с шапкой и нижним колонтитулом на основе абсолютного позиционирования. Типы макетов. Макеты с фиксированной шириной. Макеты с переменной шириной. Масштабируемые макеты. Переполнение контейнера.


Тематика домашних заданий.


Домашнее задание включает в себя разработку Web-сайта на тему охраны окружающей среды с использованием технологии CSS; тема Web-сайта выбирается студентом и утверждается преподавателем в начале модуля.


Тематика практических заданий на зачете.


Практическое задание на зачете включает в себя разработку рекламной Web-страницы одного из факультетов ГУ-ВШЭ с использованием технологии CSS.


Вопросы для оценки качества освоения дисциплины.


  1. Для чего предназначены каскадные листы стилей?
  2. Что такое каскадирование?
  3. Стилевые свойства шрифта.
  4. Стилевые свойства текста.
  5. Стилевые свойства фона.
  6. Типы селекторов.
  7. Область применения селекторов классов.
  8. Псевдоклассы.
  9. Псевдоэлементы.
  10. Что такое модель контейнеров?
  11. Модель визуального форматирования.
  12. Типы схем позиционирования.
  13. Относительное позиционирование.
  14. Абсолютное позиционирование.
  15. Что такое плавающий контейнер?
  16. Стилевые свойства списков.
  17. Типы документов HTML.



Автор программы Э.В. Гасанов



>