Дополнительные возможности формирования веб-страниц
В предыдущих главах мы рассмотрели основные приемы создания динамических веб-страниц, основанные на применении языка разметки HTML, таблиц стилей CSS и языка сценариев JavaScript. Собственно говоря на этом можно было бы и завершить эту книгу. Девятая глава, которую вы сейчас читаете, является лишь небольшим дополнением к основное тексту. В ней мы коротко проиллюстрируем некоторые дополнительны. возможности, которые имеются при создании веб-страниц. Такими возможностями являются, в частности, использование элементов управления Internet Explorer и применение простейших сценариев, исполняющихся на сервере.
Конечно, мы не будем описывать подробно ни то, ни другое – эта книга написана не про элементы управления и не про серверные сценарии. Однако краткая иллюстрация простейших возможностей нам представляет- ляется здесь вполне уместной, ибо может дать представлению читателю о некоторых других существующих web-технологиях.
Пример использования элемента управления Tabular Data
Использование элементов управления Internet Explorer имеет свои преимущества и недостатки. Преимущества заключаются в существенном расширении возможностей веб-страницы, а недостатки – в возможности просмотра только в Internet Explorer. Но поскольку этим браузером пользуется очень большое число посетителей WWW, применение элементов управления заслуживает внимания.
С помощью элементов управления можно, в частности, поместить на странице графику и анимированные фрагменты, записанные в виде простой последовательности команд. Пользователи Интернета, привыкшие, что для загрузки графики требуется заметное время, а для загрузки анимации – непомерное количество времени, будут приятно удивлены, увидев анимацию без утомительной загрузки.
Однако мы сейчас проиллюстрируем другую возможность – загрузку данных из базы. Возьмем, для примера, ту самую гипотетическую электронную библиотеку. Предположим, что у нас есть архивные файлы с текстами книг, и нам нужно создать страницу выбора художественной литературы. Пусть нам нужно создать общий список книг и дать пользователю возможность выбора книг какого-либо автора по его имени.
Текстовая база данных
Для этого давайте создадим файл базы данных, в которой хранятся все сведения об имеющихся в библиотеке книгах. Для примера предположим, что у нас всего восемь книг. Файл базы данных будет представлять собой обычный текстовый файл (с расширением .txt), в котором каждая строка является записью – данными об одной книге. Каждая запись состоит из нескольких полей: автор, название книги, размер файла и имя файла для загрузки. Чтобы не усложнять код, будем в этом месте просто ставить гиперссылку. Поля будем отделять друг от друга запятыми, например, так:
Толстой, Анна Каренина, 305, <А HREF="anna.ziр">загрузить</А>
Как видите, заполнение базы данных вполне можно поручить любому человеку, умеющему использовать компьютер как пишущую машинку. (В принципе, можно избавить его и от необходимости писать страшную конструкцию <А HREF>.) В начале файла базы данных напишем заголовок каждого поля. Вот что у нас получится:
Author,Name,Size:INT, File Дюма,Три мушкетера,
250
<
A
HREF
=
"trim.zip"
>
загрузить
<
/
A
>
Дюма,Десять лет спустя,
198
,
<
A
HREF
=
"deslet.zip"
>
загрузить
<
/
A
>
Дюма,Двадцать лет спустя,
170
,
<
A
HREF
=
"dvlet.zip"
>
загрузить
<
/
A
>
Толстой
/
Война и мир,
1045
,
<
A
HREF
=
"vojna.rar"
>
загрузить
<
/
A
>
Толстой,Анна Каренина,
305
,
<
A
HREF
=
"anna.zip"
>
загрузить
<
/
A
>
Достоевский,Идиот,
560
,
<
A
HREF
=
"idiot.zip"
>
загрузить
<
/
A
>
Достоевский,Преступление и наказание,
710
,
<
A
HREF
=
"prest.rar"
>
загрузить
<
/
A
>
Достоевский,Двойник,
432
,
<
A
HREF
=
"doppel.zip"
>
загрузить
<
/
A
>
Обратите внимание на то, что в первой строке мы написали просто заголовки полей. При этом можно было использовать любые слова – мы просто обозначили их так, чтобы было понятно, о чем речь. Поскольку в третьем поле каждой записи у нас будут храниться только числа (размер архивного файла книги в килобайтах), для экономии памяти мы можем указать, что это поле – числовое. Это делается с помощью ключевого слова INT.
Теперь давайте создадим саму веб-страницу. Сначала, как обычно, напишем заголовок и определим стиль вывода на экран:
<
TITLE
>
Электронная библиотека
<
/
TITLE
>
<
STYLE
>
BODY {
background
-
color:
#F4FFEF
;
color:
#182F1A
;
font
-
family: sans
-
serif;
font
-
size:
120
%
;
}
<
/
STYLE
>
<
/
HEAD
>
<
BODY
>
<
H1
>
Художественная литература
<
/
H1
>