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

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

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