Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем»


Скачать 93.8 Kb.
Название Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем»
Тип Программа дисциплины
rykovodstvo.ru > Руководство эксплуатация > Программа дисциплины


Правительство Российской Федерации

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

«Национальный исследовательский университет «Высшая школа экономики»


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



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


«Основы Web-дизайна.
Часть 2. Каскадные таблицы стилей (CSS)»
Автор Гасанов Э.В.


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

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


Председатель Зав. кафедрой

_________________ _______________ Назаров С.В.
«___» __________ 2011 г. «___» __________ 2011 г.


Утверждена Первым проректором НИУ ВШЭ


__________________ Радаев В.В.
«___» __________ 2011 г.

Москва

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



Название темы


Всего

часов

по

дисци-плине

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


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

Лекции

Практ. занятия

1

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

8

2

2

4

2

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

8

2

2

4

3

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

8

2

2

4

4

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

8

2

2

4

5

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

8

2

2

4

6

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

8

2

2

4

7

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

8

2

2

4

8

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

8

2

2

4




ИТОГО

64

16

16

32



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

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

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

- домашнее задание.
Форма итогового контроля:

- зачет.

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

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

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

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

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

- зачет в форме практической работы (60 мин.)

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

Формы работы

Вклад в итоговую оценку (%)

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

40

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

30

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

30


Итоговая оценка И по 10-балльной шкале формируется как взвешенная сумма:

И = 0,4 Пз + 0,3 Дз + 0,3 З

где Пз, Дз и З – 10-балльные оценки за работу на практических занятиях, за домашнее задание и зачет соответственно с округлением до целого числа баллов.

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

Базовый учебник
Гасанов Э.В. Практикум по 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-документа. Иерархическая структура документа. Наследование свойств. Значения свойств. Стилевые свойства. Свойства шрифта. Задание гарнитуры шрифта. Изменение размера шрифта. Абсолютные размеры шрифта. Относительные размеры шрифта. Использование единиц измерения длины (значения длины). Процентное значение размера шрифта. Проблемы определения размеров шрифта. Некоторые рекомендации и замечания. Изменение жирности (насыщенности) шрифта. Изменение стиля (начертания) шрифта. Задание варианта шрифта. Установка нескольких свойств шрифта. Сокращенная запись установки нескольких свойств шрифта.

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

Гасанов Э.В. Практикум по 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.
Тематика домашнего задания.
Домашнее задание включает в себя разработку Web-сайта на тему охраны окружающей среды с использованием технологии CSS; тема сайта выбирается студентом и утверждается преподавателем.
Тематика практических заданий на зачете.
Практическое задание на зачете включает в себя разработку рекламной Web-страницы одного из факультетов НИУ ВШЭ с использованием технологии CSS.

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


Похожие:

Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа дисциплины Основы работы в системе sap r3 для направления...
Работа на практических занятиях (решение задач с использованием компьютеров, отчеты, обсуждения)
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа дисциплины «Управление качеством логистического сервиса в цепях поставок»
Рекомендована секцией умс одобрена на совместном заседании кафедр логистики и управления цепями поставок
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Согласовано
Рабочая программа рассмотрена и одобрена на заседании кафедры компьютерных систем и комплексов и информационной безопасности
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа кандидатского экзамена 14. 04. 02
Программа рассмотрена и одобрена на совместном заседании кафедры хтоса и кафедры ахсмк
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Рабочая программа дисциплины "геодезия" основной образовательной...
Рабочая программа обсуждена и одобрена на заседании кафедры "Кадастр и геодезия"
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа дисциплины «фотограмметрия и дистанционное зондирование...
Программа разработана в соответствии с требованиями фгос и Государственного образовательного стандарта высшего профессионального...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Методические рекомендации по освоению учебного материала 2 Литература...
Автор: Рязанова О. В., ст преподаватель кафедры математики и прикладной информатики
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа учебной дисциплины основы геодезии для специальности: 08....
Программа учебной дисциплины «Основы геодезии» рассмотрена и одобрена на заседании цикловой комиссии «Строительство и эксплуатация...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа кружка «ПервоРобот»
Рассмотрена на заседании предметной кафедры учителей и рекомендована к рассмотрению на педагогическом совете
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Рабочая программа дисциплины «Основы проектирования дорог»
Программа обсуждена на заседании кафедры Проектирования автомобильных дорог и мостов
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Программа подготовки специалистов среднего звена по специальности...
Рабочая программа рассмотрена и одобрена на заседании кафедры гуманитарных и экономических дисциплин
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Учебно-методический комплекс дисциплины обсужден на заседании кафедры...
Учебно-методический комплекс составлен в соответствии с требованиями федерального государственного образовательного стандарта высшего...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Рабочая программа рассмотрена и одобрена на заседании кафедры «Информационных технологий»
...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Кардиология
Программа вступительного экзамена в аспирантуру по специальности 14. 01. 05 «Кардиология» одобрена на заседании кафедры кардиологии...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Рабочая программа рассмотрена и одобрена на заседании кафедры «Информационных технологий»
ПМ. 01. Обслуживание аппаратного обеспечения персональных компьютеров, серверов, периферийных устройств, оборудования и компьютерной...
Программа дисциплины «Основы Web-дизайна. Часть Каскадные таблицы стилей (css)» Автор Гасанов Э. В. Рекомендована секцией умс одобрена на заседании кафедры Секция Бизнес-информатики «Архитектуры программных систем» icon Рабочая программа рассмотрена и одобрена на заседании кафедры (структурного...
Федеральное государственное бюджетное образовательное учреждение высшего образования

Руководство, инструкция по применению




При копировании материала укажите ссылку © 2024
контакты
rykovodstvo.ru
Поиск