Иллюстрированный самоучитель по созданию сайтов

Дополнительные возможности формирования веб-страниц

В предыдущих главах мы рассмотрели основные приемы создания динамических веб-страниц, основанные на применении языка разметки 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>
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.