ИТ лабы
.pdf50
Таблица 2
Возможные значения параметра “display”
и соответствующие им типы прямоугольников
Значения |
|
|
параметра |
Типы генерируемых прямоугольников |
|
display |
|
|
|
|
|
|
Блочный элемент. Соответствует блочным элементам HTML, |
|
|
т. е. отображается как отдельный абзац. При его отображе- |
|
block |
нии генерируется главный прямоугольник блока, в котором |
|
|
располагаются объемлющие прямоугольники потомков дан- |
|
|
ного элемента. |
|
|
|
|
|
Текстовый элемент. Соответствует текстовым элементам |
|
inline |
HTML, т. е. отображается как текстовые строки внутри те- |
|
кущего абзаца, точнее внутри главного прямоугольника со- |
||
|
||
|
ответствующего блока. |
|
|
|
|
list-item |
Элемент списка. Отображается как блочный элемент с до- |
|
бавлением к нему маркера элемента списка. |
||
|
||
|
|
|
marker |
Маркер. |
|
|
|
|
|
Присоединяемый элемент. Если следующий за данным эле- |
|
run-in |
мент является блочным, то данный элемент форматируется |
|
как его первый текстовый элемент. В противном случае ото- |
||
|
||
|
бражается как обычный блочный элемент. |
|
|
|
|
|
Компактный элемент. Если следующий за данным элемент |
|
|
является блочным, то данный элемент форматируется как |
|
|
однострочный текстовый элемент, и если он помещается на |
|
compact |
левой или правой границе последующего блока (граница за- |
|
|
дается свойством direction вмещающего блока), то на ней он |
|
|
и отображается. В противном случае отображается как |
|
|
обычный блочный элемент. |
|
|
|
|
none |
Элемент и все его потомки игнорируются при отображении. |
|
|
|
|
table |
Блочная таблица. |
|
|
|
51
Продолжение табл. 2
inline- |
Текстовая таблица. |
|
table |
||
|
||
|
|
|
table-row- |
Группа строк таблицы. |
|
group |
||
|
||
|
|
|
table- |
Группа надзаголовков таблицы. |
|
header- |
||
group |
|
|
|
|
|
table- |
|
|
footer- |
Группа подзаголовков таблицы. |
|
group |
|
|
|
|
|
table-row |
Строка таблицы. |
|
|
|
|
table- |
Группа столбцов таблицы. |
|
column- |
||
group |
|
|
|
|
|
table- |
Столбец таблицы. |
|
column |
||
|
||
|
|
|
table-cell |
Ячейка таблицы. |
|
|
|
|
table- |
Заголовок таблицы. |
|
caption |
||
|
||
|
|
52
? Таблица 3 ?
Значение параметра position
Значение параметра Тип позиционирования, определяемый параметром
position
static
Статический элемент. Не имеет специального позиционирования, отображается в обычном потоке элементов.
Относительно позиционируемый элемент. Для него сна-
relative
чала генерируется объемлющий прямоугольник в обычном потоке элементов, а затем смещается на величины, заданные свойствами left и top.
Абсолютно позиционируемый элемент. Позиция элемента вычисляется относительно позиции его ближайшего по-
absolute
зиционированного предка (или относительно элемента BODY, если все предки не позиционированы) на основании свойств left и top. Помимо позиции элемента можно задать и его размер свойствами right и bottom.
Фиксированный элемент. Этот элемент является абсолютно позиционированным, но дополнительно зафиксирован относительно некой отправной точки. Для непре-
fixed рывных устройств отображения его позиция зафиксирована относительно окна обозревателя, т. е. он остается неподвижным при прокрутке окна. Для страничных устройств его позиция фиксируется относительно страницы.
Операторы языка SQL, необходимые для выполнения лабораторной работы №8
Создание информационной таблицы
CREATE TАBLE Имя Тб (Атр1 Тип1 [Значение по умолчанию], Атр2 Тип2 [Значение по умолчанию], …);
Внесение данных
INSERT INTO ИмяТб(Атр1, Атр2, … ) Values(‘V1’, ‘V2’, …);
При выполнении данного оператора SQL в таблицу с именем ИмяТб будет добавлена запись (строка). При этом атрибут Атр1 примет значение V1, Атр2 примет значение V2’.
53
Оператор выбора значений
SELECT списокПолей_илиВыражений FROM имяТаблицы WHERE условиеВыбора;
где списокПолей_илиВыражений – это поля или выражения на их основе, выводимые (отображаемые) в результате запроса. Знак ‘*’ указывает на вывод всех полей таблицы.
имяТаблицы – это таблица, из которой производится выбор. Вместо имени таблицы может быть указано несколько таблиц, соединённых по определённому условию. Например, Buket
inerJoin Flowers on Buket.KodFl=Flower.Kod
условиеВыбора – условия, накладываемые на значения атрибутов выводимых записей таблиц. Условие выбора представляет собой операции отношения, в которых участвуют атрибуты, соединённые логическими операциями (AND, OR, NOT). Например,
условие – Buket.Cena<=200.
|
54 |
|
|
СОДЕРЖАНИЕ |
|
Лабораторная работа № 1 Создание документа HTML. |
|
|
Основные элементы. Использование списков, таблиц. |
|
|
Изображений ..................................................................................... |
2 |
|
1. |
ЦЕЛЬ РАБОТЫ..................................................................... |
2 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................... |
2 |
|
Заголовок (<head> и </head>). ............................................. |
2 |
|
Тело документа (<body> и </body>):................................... |
3 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ ................................................ |
5 |
4. |
ЗАДАНИЕ ............................................................................. |
5 |
Лабораторная работа № 2 Использование ссылок. |
|
|
Клиентская карта ссылок.................................................................. |
6 |
|
1. |
ЦЕЛЬ РАБОТЫ..................................................................... |
6 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................... |
6 |
|
Использование элемента žАнкер¡ – <a>…</a> ................ |
6 |
|
Использование карты ссылок для организации ссылок..... |
7 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ ................................................ |
8 |
4. |
ЗАДАНИЕ ............................................................................. |
8 |
Лабораторная работа № 3 Создание форм HTML................. |
9 |
|
1. |
ЦЕЛЬ РАБОТЫ..................................................................... |
9 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................... |
9 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
10 |
5. |
КОНТРОЛЬНЫЕ ВОПРОСЫ ............................................ |
12 |
Лабораторная работа № 4 Изучение каскадных таблиц |
|
|
стилей (CSS). Позиционирование элементов. Цвет и фон .......... |
12 |
|
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
12 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
12 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
16 |
4. |
КОНТРОЛЬНЫЕ ВОПРОСЫ ............................................ |
16 |
Лабораторная работа № 5 Создание сценариев клиентов |
|
|
средствами JavaScript...................................................................... |
17 |
|
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
17 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
17 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
21 |
4. |
ЗАДАНИЕ ........................................................................... |
21 |
5. |
КОНТРОЛЬНЫЕ ВОПРОСЫ ............................................ |
22 |
|
55 |
|
Лабораторная работа № 6 Создание сценариев средствами |
|
|
языка PHP ........................................................................................ |
22 |
|
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
22 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
22 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
26 |
4. ЗАДАНИЕ ........................................................................... |
27 |
|
Лабораторная работа № 7 Изучение реализации процесса |
|
|
хранения данных, на примере использования СУБД MS Access 28
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
28 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
28 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
32 |
4. |
ЗАДАНИЕ ........................................................................... |
32 |
5. |
КОНТРОЛЬНЫЕ ВОПРОСЫ ............................................ |
34 |
Лабораторная работа № 8 Работа с СУБД MySQL в среде |
|
|
сервера Apache средствами PHP ................................................... |
34 |
|
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
34 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
35 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
38 |
4. |
ЗАДАНИЕ ........................................................................... |
38 |
Лабораторная работа № 9 Изучение элементов технологии |
|
|
AJAX ................................................................................................ |
|
39 |
1. |
ЦЕЛЬ РАБОТЫ................................................................... |
39 |
2. |
ТЕОРЕТИЧЕСКИЕ ПОЛОЖЕНИЯ .................................. |
39 |
3. |
ПОРЯДОК ВЫПОЛНЕНИЯ .............................................. |
45 |
5. |
КОНТРОЛЬНЫЕ ВОПРОСЫ ............................................ |
46 |
СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ ................. |
46 |
|
ПРИЛОЖЕНИЕ ...................................................................... |
47 |
|