- •Введение
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №4. Фреймы в HTML-документах
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №5. Использование HTML-форм
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №6. Таблицы стилей CSS
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Группирование стилей
- •Наследование стилей
- •Классы и идентификаторы стилей
- •Свойства элементов, управляемых с помощью CSS
- •Контрольные вопросы
- •Литература
- •Основные элементы таблиц стилей CSS
54
Литература
1.Браун, М. HTML 3.2 в подлиннике [Текст] / М. Браун, Д. Ханикатт: пер.
сангл. – СПб.: BHV – Санкт-Петербург, 1999. – 1040 с.: ил.
2.Браун, М. Использование HTML 4 [Текст] / М. Браун, Д. Ханикатт; 4-е издание. Специальное издание: Пер. с англ. – М.; СПб.; К. Издательский дом
«Вильямс», 1999. – 784 с.: ил.
3.Федоров, А. Введение в HTML [Текст]/ А. Федоров. М.: Компьютер-
Пресс, 1996. – №6. – с. 110-115.
4.Фролов, А. В. Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows [Текст] / А.В. Фролов, Г.В. Фролов. - М.: ДИАЛОГ-МИФИ, 1997. – 288 с. – (Библиотека системного программиста; Т. 29).
5.Фролов, А. В. Глобальные сети компьютеров. Практическое введение в
Internet, E-Mail, FTP, WWW и HTML, программирование для Windows Sockets [Текст] / А.В. Фролов, Г.В. Фролов. – М.: ДИАЛОГ-МИФИ, 1996. – 288 с. – (Библиотека системного программиста; Т. 23).
6.Джамса, К. Программирование в Web для профессионалов [Текст] / К. Джамса, С. Лалани, С. Уикли / Пер. с англ. А.И. Панасюк. – Мн.: ООО «Попу-
ри», 1997, - 632с.
7.Поликахин, А.В. Гипертекст: сущность, проблемы, перспективы [Текст] / А.В. Поликахин, А.Ю. Савин. – М.: Институт проблем естествознания, ТОО
«ИНТ», 1993. – 156с.
8.Советов, Б.Я. Информационная технология [Текст] / Б.Я. Советов. – М.: «Высшая школа», 1994. – 235 с.
9.Fielding, R. Hypertext Transfer Protocol – HTTP/1.1 [Text] / R. Fielding, UC. Irvine, J. Gettys, J. Mogul. – Network Workimg Group, MIT/LCS, 1997.
10.Simpson Garfinkel, Gene Spafford Secure CGI/API Programming – O’Relly&Associates, 1995.
55
Приложение А (рекомендуемое)
Пример оформления титульного листа отчета по практической работе
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ ОРЛОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
Кафедра «Информационные системы»
ОТ Ч Е Т
овыполнении практической работы № _____
на тему: «_____________________________________________________»
по дисциплине «Информационные технологии»
Выполнил:____________________ |
Шифр:_______________ |
Ф. И. О.
Факультет ЭиП Направление / специальность:________________________________________
Группа:_____________
Преподаватель _________________________
Отчет защищен с оценкой «_________________» Дата ___________________
Орел, 20__
56
Приложение Б (справочное)
Основные элементы таблиц стилей CSS
Таблица Б.1 – Свойства шрифтов
Параметр |
Описание |
font- |
Используется для указания шрифта или шрифтового семейства, ко- |
family |
торым будет отображаться элемент. |
|
P {font-family: Times New Roman, sans-serif;} |
font-style |
Задает способ начертания шрифта: normal - Нормальный (по умол- |
|
чанию), italic - Курсив, oblique - Наклонный. |
|
P {font-style: italic;} |
font- |
Задает варианты начертания шрифта: normal - Нормальный (по |
variant |
умолчанию), small-caps - Все буквы заглавные). |
|
P {font-variant: small-caps;} |
font- |
Определяет степень жирности шрифта с помощью параметров: |
weight |
normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 |
|
B {font-weight: bolder;} |
font-size |
Устанавливает размер шрифта. Параметр может указываться как в |
|
относительной (проценты), так и абсолютной величине (пункты, |
|
пикселы, сантиметры) |
|
H1 {font-size: 200%;} |
|
H2 {font-size: 150px;} |
|
H3 {font-size: 400pt;} |
Таблица Б.2 – Свойства таблицы |
|
|
Описание |
Параметр |
|
table- |
Устанавливает или получает алгоритм обработки таблицы |
layout |
TABLE {table-layout: fixed;} |
|
Имеет два значения: |
−auto - По умолчанию. Браузер самостоятельно вычисляет необходимые размеры таблицы;
−fixed - Браузер не учитывает содержимое отдельных ячеек при вычислении ширины таблицы и отдельных ячеек. Он использует значения ширины таблицы, ширины столбцов, рамок и расстояний между ячейками. Ширина столбцов таблицы вычисляется в следующем порядке:
1 используя значение атрибута WIDTH элементов COL;
2используя значение атрибута WIDTH элементов TD первого ряда таблицы.
Если данные значения не установлены, то ширина столбцов вычисляется соответственно контенту ячеек.
|
|
57 |
|
Таблица Б.3 – Свойства текста |
|||
|
|
|
Описание |
Параметр |
|||
text- |
|
Устанавливает эффекты оформления шрифта, такие, как подчерки- |
|
decoration |
|
вание или зачеркнутый текст: |
|
|
|
H4 {text-decoration: underline;} – подчеркивание; |
|
|
|
A {text-decoration: none;} – стандартный текст; |
|
|
|
I {text-decoration: line-through;} – зачеркивание; |
|
|
|
B {text-decoration:overline;} – надчеркивание. |
|
text- |
|
Задает преобразование регистра текста при отображении: |
|
transform |
|
H4 {text-transform: capitalize;} – первая буква каждого слова преоб- |
|
|
|
разуется в заглавную; |
|
|
|
A {text-transform: uppercase;} – все буквы преобразуются в заглав- |
|
|
|
ные; |
|
|
|
I {text-transform: lowercase;} – все буквы преобразуются в строчные; |
|
|
|
B {text-decoration:none;} – отменяет установленные преобразования. |
|
text-align |
|
Определяет выравнивание элемента. Возможные значения: left, |
|
|
|
right, center, justify. |
|
|
|
P {text-align:justify} |
|
|
|
H5 {text-align: center} |
|
text- |
|
Устанавливает отступ первой строки текста. Чаще всего использу- |
|
indent |
|
ется для создания параграфов с табулированной первой строкой. |
|
|
|
P {text-indent: 50pt;} |
|
line- |
|
Управляет интервалами между строками текста. |
|
height |
|
P {line-height: 50 %} |
|
word- |
|
Устанавливает интервалам между словами. Можно использовать |
|
spacing |
|
отрицательные значения |
|
|
|
P {word-spacing: 50 %} |
|
letter- |
|
Устанавливает интервалам между буквами |
|
spacing |
|
P {letter-spacing: 50 pt} |
|
vertical- |
|
Устанавливает вертикальное положение элемента. Может прини- |
|
align |
|
мать следующие значения: baseline middle sub super text-top text- |
|
|
|
bottom top bottom |
|
|
|
P {vertical-align: 50 pt} |
|
Таблица Б.4 – Размер элемента |
|||
|
|
Описание |
|
Параметр |
|
||
min-height |
Устанавливает или получает минимальную высоту элемента |
||
|
|
|
TR {min-height: 10px;} |
|
|
|
Данный атрибут применим к тегам таблицы, у которой свойство |
|
|
|
table-layout имеет значение fixed |
58
Таблица Б.5 – Цвет элемента и цвет фона
Описание
Определяет цвет элемента
I {color: green;}
Устанавливает цвет фона для элемента – именно для элемента, а не для странички. Разные броузеры отображают это свойство поразному: Microsoft IE отводит под фон элемента всю доступную ширину страницы, а Netscape Navigator – лишь ширину, занимаемую этим элементом.
H4 {background-color: yellow;}
backgroundУстанавливает или получает фоновый рисунок для элемента. image Может принимать значения
none - По умолчанию. Используется цвет родительского объекта sUrl - Задается абсолютный или относительный путь к рисунку
H3 {background-image: yellow;}
backgroundУстанавливает или получает поведение фонового рисунка для attachment элемента. Может принимать значения:
scroll - По умолчанию. Фоновый рисунок прокручивается вместе с элементом;
fixed - Фоновый рисунок не прокручивается вместе с элементом. body {background-attachment: fixed;}