Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Unix.docx
Скачиваний:
3
Добавлен:
01.03.2025
Размер:
1.91 Mб
Скачать

Фреймы в html

Фреймы делят HTML-страницу на несколько независимых областей, каждая из которых функционирует независимо и может отображать свой URL-адрес. Возможен также случай, когда фрейм представлен в виде отдельного окна. Другими словами, фреймы - это попытка сделать HTML-страницу многооконной.

Для того, чтобы страница HTML-страница могла содержать фреймы, тэги <BODY> </BODY>, обрамляющие тело HTML-документа должны быть заменены на тэги <FRAMESET></FRAMESET>. Ниже приведен текст HTML-страницы, содержащей фреймы, и даны пояснения некоторых тэгов.

File2.htm

File1.htm

File3.htm

File4.htm

рис. 8.4. Страница фреймов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html> <head> <title> Страница фрэймов </title> </head> <frameset cols="45%,*">

<frame name="levo" src="File1.htm" scrolling="no" frameborder="NO" noresize> <frameset rows="100px,200px,*">

<frame name="verx" src="File2.htm" scrolling="auto" frameborder="NO"> <frame name="seredina" src="File3.htm" scrolling="yes"> <frame name="niz" src="File4.htm" scrolling="yes"> </frameset> <noframes>

<body> Эта страница использует фреймы, однако Ваш браузер их не поддерживает. </body>

</noframes> </frameset> </html>

Значение некоторых тэгов пояснено ниже:

Таблица 8.5.

Тэги создания фреймов.

Тэг Значение

<frameset> </frameset>

Контейнер фреймов. Параметры ROWS и COLS задают разбиение страницы или по вертикали (COLS=45%,* указывает на 2 части: одна 45% ширины экрана, вторая - все остальное пространство * ) или по горизонтали (ROWS=100,200,* указывает на 3 части: одна высотой 100 пикселей, вторая 200 пикселей и третяя - все остальное). С помощью контейнера экран можно разбить по вертикали или по горизонтали. Если надо одновременно разбить экран и по вертикали и по горизонтали, то лучше всего вложить один контейнер в другой, как это показано в примере.

<frame>

Задает URL-адрес файла, отображаемого в контейнере и его параметры. Name - имя фрейма, Src - URL-адрес файла фрейма, Scrolling - наличие полос прокрутки (yes, no, auto), Noresize - запрещает изменять размер фрейма, FrameBoder - задает отображение рамки фрейма (yes, no).

<noframes> </noframes>

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

Использование разделенного рисунка

Разделенные рисунки — это один самых распространенных способов перемещения по страницам Web-узла. Они представляют собой рисунки, разделенные на несколько областей, каждая из которых выступает в роли отдельной ссылки. Щелчок на каждой из областей одного рисунка приводит к выполнению разных команд сценария. Существует два типа разделенных рисунков — клиентские и серверные. Клиентские разделенные рисунки определяют области ссылок на изображении в документе HTML и создаются с помощью HTML. Серверные разделенные рисунки требуют создания специального файла определения карты разделения рисунка, которым управляет Web-сервер. Здесь будут рассматриваться клиентские разделенные рисунки.

  1. В графическом редакторе создайте рисунок в формате GIF или JPEG.

  2. Задайте карту разбиения рисунка на области в формате: <MAP name="Имя_карты_разбиения">

<AREA SHAPE="rect" COORDS="x1, y1, x2, y2" HREF="http://adress1.com"> <AREA SHAPE="rect" COORDS="x1, y1, x2, y2" HREF="http://adress2.com"> <AREA SHAPE="rect" COORDS="x1, y1, x2, y2" HREF="http://adressN.com">

</MAP>

3) Включите рисунок в страницу, указав, что для него необходимо использовать созданную вами карту: <IMG SRC="file.gif" alt="пример карты" USEMAP = "#Имя_карты_разбиения">

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><BODY>

<MAP NAME="karta1">

<AREA SHAPE=RECT COORDS="1,1,100,300" HREF="http://magazin.com/zal"> <AREA SHAPE=RECT COORDS="110,1,200,300" HREF="http://magazin.com/sklad">

</MAP>

<H1>Пример клиентского разделенного рисунка<Лг[1> <BR>

<IMG SRC="fileLgif" alt="пример карты" USEMAP="#karta1" WIDTH="200px" HEIGHT="300px"> </BODY> </HTML>

Создание бегущей строки при помощи тэга <MARQUEE>.

Используя тэг <MARQUEE> можно просто создать бегущую строку, например так: <marquee> Приветик </marquee> Или в более полном варианте:

<marquee width="75%" height="20px" bgcolor="yellow" direction="left" behaviour="scroll" loop="10"

scrollamount="30px" scrolldelay="30" align="top"> Приветик </marquee>

Таблица 8.6.

Тэг marquee.

Параметр

Значение

width, height, bgcolor

Соответственно ширина, длина и цвет фона окна бегущей строки.

direction

Направление движения: left - слева, right - справа.

behaviour

Поведение: scroll - прокрутить текст n-раз и исчезнуть, slide-прокрутить текст n-раз и остаться, alternate - отскакивать от краев экрана.

loop

Число раз прокрутки. Если loop не указано, или указано число -1, то прокрутка будет бесконечной.

scrollamount

Количество пикселей, на которое строка смещается за 1 шаг.

scrolldelay

Задержка в милисекундах перед каждым шангом прокрутки.

align

Выравнивание строки в своем окне: top - верх, middle - центр, bottom - низ.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]