HTML верстка, HTML коды, Каскадные таблицы стилей, Форматированные списки, Гиперссылки и Сети, Мультимедийные елементы Каскадные таблицы стилей, Форматированные списки, Гиперссылки и Сети, Мультимедийные елементы

Каждый документ в Сети имеет уникальный адрес. (Вообразите-ка себе тот хаос, который бы непременно возник, если бы этого не было.) Адресом документа называют URL – универсальный указатель ресурсов (Uniform Resource Locator).

Несколько HTML/XHTML тегов имеют атрибуты, принимающие URL в качестве значений. Среди них – гиперссылки, встроенные изображения, формы. Все они используют один и тот же синтаксис URL для определения местоположения сетевого ресурса независимо от его типа и содержимого. Вот почему в его название входит слово uniform (унифицированный).

Употребляемые для представления почти любых ресурсов Интернета, URL бывают нескольких типов. Тем не менее все URL имеют общий синтаксис:

scheme:scheme_specific_part

Здесь scheme (схема) описывает тип объекта, на который указывает URL, а scheme_specific_part – это специфичная для каждой схемы часть. Необходимо отметить, что scheme всегда отделяется от scheme_specific_part двоеточием без пробелов между ними.

Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками. Можно указать на определенное место внутри текущего документа, внутри какого то другого, хранящегося в локальном собрании, или внутри документа, находящегося где либо в Интернете. Документы превращаются в точки пересечения нитей информационной паутины. (Понимаете теперь, откуда взялась Всемирная паутина?) Документ, на который нацелена гиперссылка, обычно имеет какое то отношение к источнику ссылки и обогащает его содержание; элемент-носитель гиперссылки в исходном документе должен доносить до читателя эту связь.

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

Кроме того, гиперссылки указывают читателю источники дополни тельной информации по упомянутой теме, например «За дополнительными сведениями обращайтесь к „Кумкватам на параде“». Авторы используют гиперссылки, избегая повторения информации. В частности, мы рекомендуем подписывать все свои документы. Вместо того чтобы включать полную контактную информацию в каждый документ, свяжите гиперссылкой свое имя с одним единственным местом, содержащим ваш адрес, номер телефона и т. д.

Гиперссылки, или, как их обычно называют, якоря, выделяются тегом <a> и бывают двух видов. Первый тип, детально описанный ниже, создает в документе область, которая инициализирует переход по гиперссылке, если она была предварительно активизирована и выбрана (обычно при помощи мыши) пользователем. Броузер автоматически загружает и отображает другой фрагмент старого либо полностью новый документ или совершает какое то действие, связанное с Интернетом, например запускает программу, работающую с электронной почтой, или загружает из сети некий файл. Якорь другого типа создает метку, выделяющую в документе место, на которое можно указать
с помощью гиперссылки.

Кроме того, гиперссылки реагируют на некоторые инициируемые с помощью мыши события, обрабатывая которые с помощью JavaScript,можно совершать эффектные фокусы.

У сети нет никаких предрассудков относительно типов содержимого,
которым могут обмениваться серверы и броузеры. В этом разделе мы
рассмотрим различные способы ссылаться на изображения, аудио, ви
део и документы других форматов.

Ссылки на аудио, видео и изображения
Вы ссылаетесь на любой внешний документ, независимо от его типа или формата, при помощи традиционной гиперссылки (якоря <a>):
<a href=»sounds/anthem.au»>Гимн Кумкватоводов</a> воодушевляющий на новые
трудовые подвиги тысячи кумкватоводов всего мира.

Сервер отправляет броузеру запрошенный мультимедийный объект так же, как и любой другой документ, едва только пользователь выбирает соответствующую гиперссылку. Если броузер обнаруживает, что полученный документ не написан на HTML или XHTML, а имеет какой то другой формат, он автоматически вызывает подходящее средство отображения, чтобы показать на экране или каким то иным образом донести до пользователя содержимое полученного документа.

Вы можете сконфигурировать свой броузер специальными вспомогательными приложениями, которые будут по разному обращаться с документами разных форматов. Аудиофайлы, например, будут переданы средству обработки аудиофайлов, а видеофайлы – отправлены на видеопроигрыватель. Если броузер не сконфигурирован для обработки
какого-либо формата документов, он сообщит об этом и предложит сохранить документ на диске. Позже вы сможете изучить документ с помощью необходимого средства просмотра.

Броузеры опознают форматы и соответственно обращаются с мультимедийными файлами, пользуясь одной из двух подсказок – либо MIME типом (Multipurpose Internet Mail Extension), который указывает сервер, либо суффиксом в имени файла. Броузеры предпочитают MIME как более полное описание формата файла и его содержимого,
но могут догадаться о содержимом (о его типе и формате) по расширению: .gif или .jpg для GIF и JPEG носителей соответственно или .au для специальных аудиофайлов.

Поскольку не все броузеры смотрят на MIME тип и не все они верно сконфигурированы со вспомогательными приложениями, следует всегда использовать правильное расширение файла в названиях мультимедийных объектов.

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

Вложение документов других типов
По сети можно доставить электронный документ практически любого типа, а не только графику, аудио или видеофайлы. Чтобы отобразить их, броузеру клиента понадобятся правильно сконфигурированные вспомогательные приложения. Современные броузеры также поддерживают вспомогательные плагины допускают расширения для выполнения специальных функций, включая встроенное отображение мультимедийных объектов.

Рассмотрим для примера компанию, обширная маркетинговая документация которой подготовлена при помощи какого либо популярного средства макетирования, например Adobe Acrobat, FrameMaker, QuarkXPress или PageMaker, и хранится в соответствующем формате. Хотя конвертирование всех этих материалов в HTML или XHTML может оказаться слишком дорогостоящим, существует способ обеспечить распространение таких документов в сети.

Решение проблемы состоит в том, чтобы подготовить небольшое количество HTML или XHTML документов, которые содержат ссылки на эти файлы в альтернативных форматах и вызывают подходящий воспроизводящий эти документы апплет. Или же следует убедиться, что броузеры пользователей располагают нужными плагинами или сконфигурированы для вызова пригодных вспомогательных приложений. Adobe’s Acrobat Reader, например, является очень популярным плагином. Если документ подготовлен в формате Acrobat (.pdf) и выбрана ссылка на Acrobat документ, плагин запускается и соответственно отображает материал – зачастую прямо в окне броузера.

Тег <marquee>
Тег <marquee> определяет текст, который будет отображаться в бегущей строке окна. Тег <marquee> не является стандартным. Этого достаточно, чтобы мы не рекомендовали вам его употреблять.
Текст, заключенный между <marquee> и обязательным </marquee>, бежит в горизонтальном направлении через окно броузера. Атрибуты тега управляют областью отображения, внешним видом, выравниванием по отношению к окружающему тексту и скоростью бегущей строки. Тег <marquee> и его атрибуты игнорируются другими броузерами, но его содержимое не опускается. Оно выводится как статический текст
без учета выравнивания и прочих свойств, определенных атрибутами данного тега.

Атрибут align
Популярные броузеры размещают текст из тега <marquee> так же, как если бы это было вложенное изображение. Следовательно, можно выровнять бегущую строку по отношению к окружающему тексту.
Атрибут align принимает значения top, middle и bottom, устанавливающие, что определенная точка строки будет выровнена с соответствующей точкой в окружающем тексте. Таким образом:
<marquee align=top>
выравнивает верхний край области вывода текущей строки с верхним краем облегающего текста.

Атрибуты behaviour, direction, loop
Вместе эти атрибуты управляют стилем, направлением и продолжительностью отображения бегущей строки. Атрибут behaviour принимает три значения:
scroll (принимается по умолчанию)

Значение scroll заставляет бегущую строку вести себя подобно огромной бегущей строке на Times Square. Первоначально область ее размещения пуста. Текст начинает бежать от одного края (атрибут direction определяет от которого), добегает до противоположного
и затем исчезает. В конце концов, область текущей строки снова пуста.

slide

Это значение заставляет строку появляться, как в предыдущем случае, заполняя отведенное для нее изначально пустое пространство и двигаясь в направлении, определенном атрибутом direction, но затем по достижении противоположного края области вывода останавливаться и застывать на экране.

alternate

Это значение порождает следующий эффект: текст бегущей строки сразу же полностью выводится на одном крае области вывода, затем течет до противоположного края отведенного пространства, где «отражается» и бежит назад к начальной точке своего движения.

Если значение атрибута behaviour явно не указано, то по умолчанию он принимает значение scroll.
Атрибут direction устанавливает направление движения строки на экране. Допустимые значения – это left (принимается по умолчанию) или right. Заметьте, что начальный пункт движения находится на краю, противоположном значению direction. Значение left определяет, что текст начинает движение справа и перетекает налево. Помните
также, что текст, бегущий слева направо, противоречит интуиции людей, читающих слева направо. Атрибут loop определяет число «прогонов» строки. Если ему присвое
но целое значение, строка пробежит по экрану указанное число раз. Если атрибуту loop назначено значение infinite, строка будет пробегать раз за разом, пока пользователь не перейдет к другому документу.

Соберем несколько описанных атрибутов вместе:
<marquee align=center loop=infinite>
Кумкваты без начинки
………. Очень вкусно!
</marquee>

Сообщение из примера появляется у правого края (по умолчанию), пробегает, двигаясь налево, весь свой путь и пропадает из окна, затем появляется снова и снова, пока пользователь не перейдет к другому документу. Обратите внимание на промежуточные точки и пробелы в текст примера. Вы не можете присоединить одну бегущую строку к другой. Отметим также, что строка стиля slide неприятно дергается при повторениях и ее следует запускать лишь однажды, тогда как другим значениям behaviour повторение показано.

Атрибуты hspace и vspace
Атрибуты hspace и vspace позволяют оставлять некоторое расстояние между бегущей строкой и окружающим текстом, что делает ее более заметной.
Оба атрибута принимают целые значения, определяющие нужные расстояния в пикселах. Атрибут hspace оставляет промежутки над бегущей строкой и под ней. Атрибут vspace вводит их слева и справа от бегущей строки. Чтобы оставить промежутки в 10 пикселов со всех сторон бегущей строки, напишите:
<marquee vspace=10 hspace=10>

Существуют другие способы вставить аудио в документы. Эти способы задействуют более общие механизмы, поддерживающие вложение и других мультимедийных элементов. Самая обычная альтернатива тегу – это тег , изначально введенный Netscape и вытесненный тегом