Владимир Вуль - Электронные издания

При выводе в окне браузера документа, HTML-код которого представлен выше, мы увидим изображение, показанное на рис. 2.4. Название документа, размещенное в тэге-контейнере

отсутствует. Нумерация списка начинается по умолчанию с первого номера, так как и параметр START в тэге
отсутствует. С помощью параметра VALUE=6 в одном из тэгов
1. изменен номер очередного элемента списка, а дальнейшая нумерация продолжается с нового номера. Для создания строки, в которой содержится любое заданное количество точек использован тэг принудительного перевода строки
.



   Рис. 2.4. Пример отображения в браузере MS Internet Explorer нумерованного списка

   2.3.3. Списки определений В научно-технических и учебных изданиях нередко используют списки или словари определений, которые в зарубежных книгах называют глоссариями. В качестве примеров можно сослаться на [32] и [24]. Каждый элемент такого списка начинается с определяемого термина, после которого следует его определение. Для создания списка определений служит тэг-контейнер

   (Definition List список определений), внутри которого тэг (Definition Term определяемое слово, термин) задает определяемый термин в форме единственной строки, а тэг (Definition Description описание определяемого термина) предшествует абзацу с определением этого термина. В качестве примера приведем фрагмент списка определений для компьютерной графики.

Пиксел


Наименьший элемент изображения, который характеризуется постоянством параметров по всей своей поверхности

Разрешение монитора


Разрешение монитора определяется количеством пикселов на единицу длины и составляет около 96 пикселей на дюйм

Линиатура растра


Частота размещения растровых точек в плоскости изображения, измеряется числом линий на дюйм



   Отображение этого файла в окне просмотра браузера показано на рис. 2.5. Как следует из записи исходного HTML-документа никаких попыток выравнивания текста и формирования отступов не производилось. Сами тэги

   и так форматируют текст, что обеспечивают оптимальное его восприятие пользователем. Фон документа задается определенным уровнем серого, в соответствии со значением параметра BGCOLOR в тэге . Кстати, язык HTML, как следует из представленного выше фрагмента HTMLкода, нечувствителен к регистру.



   Рис. 2.5. Пример отображения в браузере документа – списка определений

   2.3.4. Многоуровневые списковые структуры Многоуровневые списки в HTML-документах могут создаваться путем вложения одного типа списка внутрь другого. Например, фрагменты нумерованного списка могут быть вложены внутрь маркированного или наоборот. Сказанное иллюстрируется простым примером, в котором перечисляются спутники некоторых планет нашей солнечной системы.

   Спутники планет

   
....

   • ЗЕМЛЯ


     1. Луна
     


   • МАРС


     1. Фобос


     2. Деймос
     



     
....

   Отображение двухуровневого списка в окне браузера показано на рис. 2.6. Внутри тэга-контейнера маркированного списка

   размещены 2 контейнера нумерованного списка
   и
   со своими тэгами
2. каждый. Дополнительный отступ слева обеспечивает хорошую читаемость текста. По этой схеме можно создавать и многоуровневые списки.



   Рис. 2.6. Пример отображения в браузере двухуровневого списка

   2.4. Использование графики при оформлении электронного издания

   Известно, что с помощью графики можно точнее передать идеи и назначение любого издания, в том числе и электронного. Без иллюстрации полосы набора выглядят однообразными, а хорошо подобранная и умело размещенная графика делает издание гораздо более привлекательным. Ограничения в использовании графики с позиций эстетики связано с опасностью загромождения документа изображениями, в том числе и фоновыми, и навязчивой анимацией, зачастую не связанной непосредственно с тематикой издания.

   С технической точки зрения изображения требуют значительно большего объема информации, чем простой текст, поэтому может возникнуть информационная перегрузка, особенно при использовании сетевых технологий с каналами недостаточной пропускной способности. Известно, что многие пользователи сети Интернет отключают загрузку графических файлов, чтобы быстрее загрузить документ и ознакомиться с ним. Несколько улучшило положение применение компактных форматов графических файлов, таких как JPEG (с частичной потерей информации), GIF и PNG. В качестве иллюстрации сказанного можно привести данные по размеру файлов различного формата, в каждом из которых хранятся одни и те же графические данные, представленные на рис.2.7, а именно TIFF – 46 Кбайт, JPEG – 31 Кбайт, PNG – 8 Кбайт и GIF – около 5 Кбайт.

   Мы уже сталкивались с использованием изображения в качестве фонового при знакомстве с тэгом

   . Для этого в параметре BACKGROUND указывался URL файла, хранящего изображения. Если в электронных изданиях, распространяемых на носителях, можно использовать практически любые графические файлы, то для сетевых изданий преимущественно используются GIF-файлы, реже файлы в формате JPEG.



   Основным средством встраивания изображений в текст служит тэг (Image изображение), обязательным параметром которого является SRC (Source источник), значение которого – адрес (URL) файла изображения. Параметр выравнивания изображения на полосе ALIGN может принимать 8 различных значений, определяющих различные способы его размещения на странице, два параметра позволяют установить размер изображения, еще 2 —расстояние от границы изображения до текста, отдельный параметр позволяет создать вокруг изображения рамку, а еще один – задать альтернативный текст, который будет выведен вместо изображения при отказе пользователя от его загрузки. Рассмотрим последовательно эти параметры.