Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины



Скачать 100.88 Kb.
Дата11.07.2014
Размер100.88 Kb.
ТипПрограмма


Правительство Российской Федерации
Федеральное государственное автономное образовательное учреждение высшего профессионального образования
"Национальный исследовательский университет
"Высшая школа экономики"


Общеуниверситетский факультатив


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

Создание Интернет-проектов. Уровень 2. Язык CSS

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

Гасанов Э.В., канд. техн. наук, доцент, egasanov@hse.ru

Одобрена на заседании кафедры Архитектуры программных систем «30» августа 2012 г

Зав. кафедрой С.В. Назаров
Рекомендована секцией УМС Бизнес-информатика «___»____________ 20 г

Председатель Ю.В. Таратухина

Утверждена Первым проректором НИУ ВШЭ «___»_____________20 г.

Первый проректор Радаев В.В. ________________________

Москва, 2012

Настоящая программа не может быть использована другими подразделениями университета и другими вузами без разрешения кафедры-разработчика программы.

1Область применения и нормативные ссылки


Настоящая программа учебной дисциплины устанавливает минимальные требования к знаниям и умениям студента и определяет содержание и виды учебных занятий и отчетности.

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




2Цели освоения дисциплины


Целями освоения дисциплины «Создание Интернет-проектов. Уровень 2. Язык CSS» являются:
- получение слушателями теоретических знаний по использованию языка CSS;
- получение практических навыков разработки Web-страниц с использованием CSS.

3Компетенции обучающегося, формируемые в результате освоения дисциплины


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

  • Знать основы языка CSS;

  • Уметь создавать Web-страницы с использованием языка CSS;

  • Иметь навыки разработки макетов Web-страниц с использованием технологии каскадных таблиц стилей.



4Место дисциплины в структуре образовательной программы


Настоящая дисциплина представляет собой общеуниверситетский факультатив.



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






Название раздела


Всего

часов

Аудиторные часы


Само-стоя-тельная работа

Лекции

Практические занятия

1

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


8

4




4

2

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

7

3




4

3

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

7

3




4

4

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

8

4




4

5

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

8

4




4

6

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

8

4




4

7

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

7

3




4

8

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

7

3




4




ИТОГО

60

28




32


6Формы контроля знаний студентов


Тип контроля

Форма контроля

1 год

Параметры

1

2

3

4

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







3 (дз 1)

4 (дз 2)


5 (дз 3)

6 (дз 4)


7 (дз 5)

8 (дз 6)


9 (дз 7)

10 (дз 8)






Web-страница

Web-страница

Web-страница

Web-страница

Web-страница

Web-страница

Web-страница

Web-сайт


Итоговый

Зачет







10




Практическая работа продолжительностью 60 минут. Оценка результатов работы в течение 3-ех рабочих дней.



6.1Критерии оценки знаний, навыков


Оценки по всем формам текущего контроля выставляются по 10-ти балльной шкале.

7Содержание дисциплины


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

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


Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.8 - 34.
Тема 2. Свойства текста.

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.34 - 57.
Тема 3. Свойства цвета и фона.

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.57 - 75.
Тема 4. Присвоение стилей.

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.75 - 96.
Тема 5. Модель контейнеров (box model).

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.96 - 135.
Тема 6. Модель визуального форматирования.

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.136 - 178.
Тема 7. Списки и создание панелей навигации.

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.179 - 200.
Тема 8. Макетирование Web-страниц (верстка страниц).

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



Основная литература

Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. Практический курс разработки Web-сайтов с использованием технологии CSS. Гос. ун-т Высшая школа экономики. - М.: ТЕИС, 2008. с.200 - 235.


8Образовательные технологии


Активные формы проведения занятий в виде разбора практических задач с использованием компьютера.

9Оценочные средства для текущего контроля и аттестации студента

9.1Тематика заданий текущего контроля

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


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

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

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

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

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

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

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

9.2Примеры заданий итогового контроля


Практическое задание на зачете включает в себя разработку макета Web-страницы в соответствии с образцом.

10Порядок формирования оценок по дисциплине


Накопленная оценка по 10-ти балльной шкале за текущий контроль учитывает результаты студента по текущему контролю следующим образом:

Онакопленная= 0,1* Одз1 + 0,1* Одз2 + 0,1* Одз3 + 0,1* Одз4 + 0,1* Одз5 + 0,1* Одз6 + 0,1* Одз7 + 0,3* Одз8


Результирующая оценка за дисциплину рассчитывается следующим образом:

Орезульт = 0,7* Онакопл + 0,3 *·Озач

Способ округления накопленной оценки промежуточного (итогового) контроля в форме зачета: арифметический.



11Учебно-методическое и информационное обеспечение дисциплины

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


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

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


1. Молли Э. Хольцшлаг Языки HTML и CSS: для создания Web-сайтов. Пер. с англ. – М.: ТРИУМФ, 2007. – 304 с.: ил.

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

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

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



12Материально-техническое обеспечение дисциплины


Для проведения занятий используется лекционная аудитория, ноутбук и мультимедийный проектор.


Похожие:

Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины
Целями освоения дисциплины «Создание Интернет-проектов. Уровень Язык html» являются
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины
Целями освоения дисциплины «Создание Интернет-проектов. Уровень Основы языка программирования php» являются
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма разработана в соответствии с с фгос впо по направлению "Прикладная математика и информатика" 2Цели освоения дисциплины
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины «Основы предпринимательства»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки  fillin...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины «Проектирование лингвистических ресурсов и систем»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки/ специальности...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины «Россия в Западной правовой традиции»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 03. 0200. 68 «Политология»,...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины «юридическая конфликтология, медиация и посредничество»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 030900. 68 "Юриспруденция"...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины для направления 080200. 68 «Менеджмент» магистерская программа
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления обучающихся по...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины для направления 080200. 68 «Менеджмент» магистерская программа
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления обучающихся по...
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций. 2Цели освоения дисциплины Целями освоения дисциплины iconПрограмма дисциплины Брендинг и бренд-менеджмент
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 080200. 68 «Менеджмент»...
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org