- •Федеральное агентство по образованию
- •302030, Г. Орел, ул. Московская, 65
- •Введение
- •Практическая работа №1. Шрифтовое оформление web-страниц, списки и таблицы в html-документах
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №2. Графические изображения. Гипертекстовые ссылки
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №3. Активные изображения (навигационные карты)
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №4. Фреймы в html-документах
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №5. Использование html-форм
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №6. Таблицы стилей css
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Методы связывания таблиц стилей и html-документов
- •Группирование стилей
- •Наследование стилей
- •Классы и идентификаторы стилей
- •Свойства элементов, управляемых с помощью css
- •Контрольные вопросы
- •Литература
- •Приложение а (рекомендуемое) Пример оформления титульного листа отчета по практической работе
- •Приложение б (справочное) Основные элементы таблиц стилей css
Свойства элементов, управляемых с помощью css
Описание свойств элементов в CSS состоит из названия свойства с последующим присвоением ему определенного значения. Название свойства и его значение разделены двоеточием.
В настоящее время язык CSS насчитывает довольно большое количество свойств элементов HTML, которыми он может управлять:
свойства шрифтов;
цвет элемента и цвет фона;
свойства текста;
размеры элемента;
свойства таблицы;
единицы измерения.
Основные параметры данных свойств CSS приведены в приложении Б. Особо следует обратить внимание на использование размеров шрифтов с таблицах стилей.
В языке HTML существует два способа задать линейные размеры элемента: пиксели и проценты. В CSS единиц длины гораздо больше.
Таблица 6.1 – Единицы измерения в CSS
in – дюймы |
pt – пункты (типографские) |
px – пикселы |
cm – сантиметры |
pc – пика |
em – вычисляется относительно размера шрифта элемента |
mm – миллиметры |
ex – высота строчной буквы "x" в шрифте |
% – проценты |
Условно единицы измерения можно разделить на три группы.
Первая группа - это величины, которые используются для измерения длин реальных предметов. К ним относятся:
in – дюймы;
cm – сантиметры;
mm – миллиметры.
Ко второй группе можно отнести величины, которые пришли в CSS из типографии. То есть они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Данная группа величин привычна полиграфистам. К ним относятся:
pt – типографский пункт;
pc – пика;
ex – высота строчной буквы "x" в шрифте.
Третью группу составляют величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины. К ним относятся:
em – вычисляется относительно размера шрифта элемента;
px – пиксель. Вычисляется относительно устройства отображения;
% – процент. Естественно, процентные соотношения не являются единицами измерения в привычном смысле слова. Они вычисляются относительно размеров элемента-предка.
Контрольные вопросы
Что такое каскадные таблицы стилей?
Какие существуют методы связывания таблиц стилей с HTML-документами?
Каким образом определяются правила каскадных таблиц стилей?
Наследование и группирование стилей.
Определение классов и идентификаторов в таблицах стилей CSS, их синтаксис.
Свойства элементов таблиц стилей.
Литература
Браун, М. HTML 3.2 в подлиннике [Текст] / М. Браун, Д. Ханикатт: пер. с англ. – СПб.: BHV – Санкт-Петербург, 1999. – 1040 с.: ил.
Браун, М. Использование HTML 4 [Текст] / М. Браун, Д. Ханикатт; 4-е издание. Специальное издание: Пер. с англ. – М.; СПб.; К. Издательский дом «Вильямс», 1999. – 784 с.: ил.
Федоров, А. Введение в HTML [Текст]/ А. Федоров. М.: КомпьютерПресс, 1996. – №6. – с. 110-115.
Фролов, А. В. Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows [Текст] / А.В. Фролов, Г.В. Фролов. - М.: ДИАЛОГ-МИФИ, 1997. – 288 с. – (Библиотека системного программиста; Т. 29).
Фролов, А. В. Глобальные сети компьютеров. Практическое введение в Internet, E-Mail, FTP, WWW и HTML, программирование для Windows Sockets [Текст] / А.В. Фролов, Г.В. Фролов. – М.: ДИАЛОГ-МИФИ, 1996. – 288 с. – (Библиотека системного программиста; Т. 23).
Джамса, К. Программирование в Web для профессионалов [Текст] / К. Джамса, С. Лалани, С. Уикли / Пер. с англ. А.И. Панасюк. – Мн.: ООО «Попури», 1997, - 632с.
Поликахин, А.В. Гипертекст: сущность, проблемы, перспективы [Текст] / А.В. Поликахин, А.Ю. Савин. – М.: Институт проблем естествознания, ТОО «ИНТ», 1993. – 156с.
Советов, Б.Я. Информационная технология [Текст] / Б.Я. Советов. – М.: «Высшая школа», 1994. – 235 с.
Fielding, R. Hypertext Transfer Protocol – HTTP/1.1 [Text] / R. Fielding, UC. Irvine, J. Gettys, J. Mogul. – Network Workimg Group, MIT/LCS, 1997.
Simpson Garfinkel, Gene Spafford Secure CGI/API Programming – O’Relly&Associates, 1995.