КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Тэг marquee
|
|
|
|
В графическом редакторе создайте рисунок в формате 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>Пример клиентского разделенного рисунка</H1> <BR>
<IMG SRC="file1.gif" 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.
| Параметр | Значение |
| width, height, bgcolor | Соответственно ширина, длина и цвет фона окна бегущей строки. |
| direction | Направление движения: left – слева, right – справа. |
| behaviour | Поведение: scroll – прокрутить текст n-раз и исчезнуть, slide-прокрутить текст n-раз и остаться, alternate – отскакивать от краев экрана. |
| loop | Число раз прокрутки. Если loop не указано, или указано число –1, то прокрутка будет бесконечной. |
| scrollamount | Количество пикселей, на которое строка смещается за 1 шаг. |
| scrolldelay | Задержка в милисекундах перед каждым шангом прокрутки. |
| align | Выравнивание строки в своем окне: top - верх, middle – центр, bottom - низ. |
Слои DHTML, каскадные таблицы стилей CSS.
Традиционный HTML позволяет описать структуру документа, но не указывает "как" должен выглядеть до-кумент. Тот или иной браузер сам решает каким шрифтом отобразить, например, заголовок первого уровня (тэг <H1>). Гораздо большего контроля над внешним видом документа можно добиться, используя каскад-ные таблицы стилей (CSS). Они позволяют явно задать цвет, размер, название и начертание шрифта, фон, тип рамки и т.п., для какого-либо фрагмента документа. Стили описываются при помощи тэга <STYLE>. Стили также могут быть описаны в отдельном файле (обычно, с расширением CSS), подключаемом к HTML-документам при помощи ссылки вида <link rel="stylesheet" type="text/css" href="файл_стилей.css">. В подключаемом файле тэги <STYLE> </STYLE> указывать не надо.
Помимо стилей, в DHTML таже предусмотрено существование слоев в документе. Слои чем-то напоминают листы кальки, наложенные друг на друга, или слои в Photoshop и др. графических редакторах. Слои могут быть наложены друг на друга в определенном порядке и перекрываться. С помощью JavaScript их также можно перемещать по экрану, скрывать и отображать. К каждому слою может быть применен уникальный стиль CSS. Слои описываются при помощи тэга <DIV>. Рассмотрим работу со стилями и слоями подробнее.
Стили описываются при помощи тэга <STYLE>, который может находиться в заголовке документа, теле документа, или входить как параметр в состав другого тэга. Стиль может описываться для какого-либо тэга, для слоя в документе, или описываться как "класс", который может быть применен к любому тэгу в документе или части текста, при помощи вспомогательного тэга <SPAN>. В нормальном состоянии стили каскадно "спускаются" по странице, т.е. если один тэг вложен в другой, то он наследует стили, определен-ные в "вышестоящем" по уровню вложенности тэге, если только эти стили не были переопределены в самом вложенном тэге. Тэг <SPAN> "отсекает" каскадное наследование стилей и создает в документе "вложенный контейнер", внешний вид содержимого которого полностью определяются стилями, примененными в тэге <SPAN>. Пример:
Таблица 8.7.
|
|
|
|
Дата добавления: 2014-01-20; Просмотров: 300; Нарушение авторских прав?; Мы поможем в написании вашей работы!