65. Позиционирование элементов документа html.

Способ воспроизведения элементов

Свойство display позволяет задать способ воспроизведения элемента html-страницы.

Значение block заставляет отображать элементы в виде объектов уровня блока. Такие объекты отделяются от остальных элементов страницы пустыми строками. Этим значением пользуются в тех случаях, когда надо воспроизвести элементы (графика, гиперссылки) на отдельных строках страницы.

Значение list-item служит для придания объекту статуса элемента списка. Такие объекты воспроизводятся как элементы списка, снабженные маркерами.

Значение none скрывает все элементы страницы, описанные с помощью определенного дескриптора. В этом случае соседние элементы сдвигаются, занимая место скрытых.

Разрыв html-страницы

Для указания места разрыва страницы при печати документа используются свойства page-break-before, page-break-after со значениями always, avoid.

page-break-before со значением always указывает браузеру располагать символы разрыва страницы перед каждым элементом, описанным с помощью конкретного дескриптора. Так, например, при использовании этого свойства в определении стиля для тэга Н3 браузер будет печатать разделы документа, начинающиеся с заголовка Н3 на новой странице. Для предотвращения вставки браузером символов разрыва страницы перед или после определенных элементов, надо использовать те же свойства, но со значением avoid.

Относительное позиционирование- свойство position со значением relative.

Для указания направления смещения служат свойства top, bottom, left, right.

Величину смещения можно задавать в пунктах, пикселях и тд.

Пример:HTML-код:

<style>

p.rel{position:relative;bottom:27px;left:1px;color:red}

</style>

... <p>Пример относительного позиционирования</p>

<p class="rel">Пример относительного позиционирования</p>

Абсолютное позиционирование

Для абсолютного позиционирования элементов Вэб-страницы служит свойство position со значением absolute. При этом браузер "вырывает" элементы абсолютного позиционирования из общего контекста страницы, причем соседние элементы сдвигаются, занимая "освободившееся" пространство.

Для указания направления отсчета координат элемента относительно сторон "родительского" объекта (обычно Вэб-страницы) служат свойства top, bottom, left, right. Например, при задании свойства top, отсчет будет вестись от верхней границы.

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

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

66. Создание презентаций с помощью

67 . Вставка анимации в документ html

Браузер Netscape позволяет подключать дополнительные программные модули для мультимедийных приложений. В программу встроена поддержка технологий LiveAudio (для звуковых файлов форматов WAV, AU, AIFF и MIDI), Live3D (VRML), LiveVideo (видео-файлы АVI) и QuickTime (файлы формата MOV, включающие текст и звук MIDI). Все это может быть интегрировано в вашу страницу при помощи тега <EMBED>.

Для других браузеров указывается элемент <NOEMBED>, где между начальным и конечным тегами указывается альтернативный текст. Отметим некоторые параметры тега <EMBED>.

Атрибут Назначение

SRC Полный путь или имя файла вставляемого объекта. Параметр обязателен

PALETTE Тип палитры для просматриваемого объекта. Имеет значения: foreground, background

HIDDEN Тип отображения объекта на экране. Значения: false - объект не отображается (по умолчанию), true - объект отображается

TYPE Тип файла объекта

Другие атрибуты этого тега аналогичны атрибутам тега <IMG> (собственно, и вставка объекта в HTML-документ происходит похожим образом), поэтому здесь не будут описаны такие параметры элемента, как NAME, ALT, BORDER, HEIGHT, WIDTH, ALIGN, HSPACE, VSPACE.

Пример

Строка <EMBED SRC=nature.wav> позволит использовать в качестве фонового звука музыкальный файл nature.wav, а для вложения файла js.pdf в формате PDF (Adobe Portable Document Format) нужно добавить строку

<EMBED SRC=js.pdf WIDTH=500 BORDER=0 ALIGN=left>