Лекции (989962), страница 45
Текст из файла (страница 45)
Если loop не указано, или указано число –1, то прокруткабудет бесконечной.Количество пикселей, на которое строка смещается за 1 шаг.Задержка в милисекундах перед каждым шангом прокрутки.Выравнивание строки в своем окне: 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>. Рассмотрим работу со стилями ислоями подробнее. Ляхевич А.Г., 2000 - 2002 годСтили описываются при помощи тэга <STYLE>, который может находиться в заголовке документа,теле документа, или входить как параметр в состав другого тэга. Стиль может описываться для какого-либотэга, для слоя в документе, или описываться как "класс", который может быть применен к любому тэгу вдокументе или части текста, при помощи вспомогательного тэга <SPAN>. В нормальном состоянии стиликаскадно "спускаются" по странице, т.е. если один тэг вложен в другой, то он наследует стили, определенные в "вышестоящем" по уровню вложенности тэге, если только эти стили не были переопределены в самомвложенном тэге.
Тэг <SPAN> "отсекает" каскадное наследование стилей и создает в документе "вложенныйконтейнер", внешний вид содержимого которого полностью определяются стилями, примененными в тэге<SPAN>. Пример:Таблица 8.7.Пример использования стилей CSS и слоев DHTML.Текст HTML-страницы<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> Слои DHTML истили CSS </TITLE><STYLE>BODY { background-color : #EEEEEE;color : #000000; font-size:14px;font-family : Arial, Helvetica, sans-serif; }H1, FONT {font-size:110%; font-style:italic;font-weight:bold; }A:HOVER, INPUT{color : #FF009F;text-decoration : underline; }A:LINK, A:VISITED {color : #000099;text-decoration : none; }#s1 {position:absolute; left:10px; top:300px;width:200px; height:100px; visibility:show;zIndex:1;}. zagolovok {color : #FF009F; font-size:large;}</STYLE></HEAD><BODY><H1> Новый заголовок первого уровня </H1><H1 class="zagolovok"> К заголовку первогоуровня применен класс zagolovok </H1><A href="www.sait.com"> Гиперссылка </A> Ляхевич А.Г., 2000 - 2002 годКомментарийНачало HTML-документа и области заголовка, названиеHTML-документа.Начало описания стилей документа.Описания стиля для тэга BODY.
Сначала указываетсяназвание тэга, для которого описывается стиль, а затем вфигурных скобках указывается название параметра, двоеточие, значение параметра, точка с запятой, следующиепараметры. В анном тэге указан цвет фона #EEEEEE,цвет текста #000000, размер шрифта 14 пикселей, название шрифта Arial, если его не будет, то используетсяшрифт Helvetica и, в самом крайнем случае, стандартныйшрифт браузера sans-serif. Данный стиль будет применяться к содержимому документа, дополняя (если этовозможно и стили не переопределены в самих элементах), стили других элементов.Описание стиля сразу для двух тэгов: для заголовковпервого уровня (H1) и тэга FONT.
Размер шрифта 110%,наклонный (italic) и жирный (bold) шрифт.Стиль для гиперссылки (при наведению на нее мышью)и такой же стиль для элементов управления INPUT(кнопки, поля ввода, флажки и т.п.). Цвет #FF009F, текстподчеркнутый (underline).Стиль для гиперссылки (LINK) и для посещеннойгиперссылки (VISITED). Цвет #000099, текст безподчеркивания (none).Стиль для слоя (тэг <DIV> ) с названием (id), равным s1.Слой описан ниже в тексте документа. Координатыабсолютные (absolute), слева – 10 пикселей, сверху 300,ширина 200, высота 100, видимость слоя – отображать(может быть hidden - скрытый), порядок наслоения –самый нижний слой (чем больше число – тем вышеслой). Описание стиля слоя начинается со знака "#".Описание "класса" стиля. Класс может многократноприменяться в документе, при помощи параметра class,добавляемого внутрь любого тэга.
Описание классаначинается с точки.Конец области описания стиля.Конец области заголовка, начало тела документа.Этот заголовок первого уровня выглядит нестандартно,т.к. для него определен стиль.Этот заголовок первого уровня выглядит и не стандартно, и не так, как указано в стиле для тэга <H1>, т.к. кнему дополнительно применен стиль класса zagolovok(точка не указывается).Гиперссылка выглядит не стандартно, в соответствии сописанием в стиле.Текст HTML-страницы<form method="post" action="www.sait.by/cgi-bin/zakaz.cgi"><input type="text" size="20" name="FIO"><BR><BR><input type="reset" value="Cancel"style="color:blue; font-weight:bold;"> <input type="submit" value="OK"class="zagolovok"> <BR></form><DIV ID="s1"><FONT color="blue">К тексту слоя 1 применентэг FONT</FONT></DIV><DIV ID="s2" STYLE="position:absolute; left:350;top:200; width:300; height:100; visibility:show;zIndex:10"><FONT color="blue"><SPAN class="zagolovok">К тексту слоя 2 применен тэг FONT, однако онне действует из-за тэга SPAN </SPAN></FONT></DIV></BODY></HTML> Ляхевич А.Г., 2000 - 2002 годПродолжение табл.
8.7.КомментарийНачало формы.Поле ввода. Вводимый текст будет красным и подчеркнутым, т.к. стиль для гиперссылки (при наведении на неемышью) совпадает со стилем элемента <INPUT>.Здесь стиль определен прямо в самом тэге. Причем этоописание суммируется с описанием стиля для тэга<INPUT>, находящемся в заголовке документа.
В результате, текст на кнопке будет синий (blue), жирный(bold) и подчеркнутый (унаследовано от общегоописания для всех тэгов <INPUT>).2 пробела.Здесь, к описанию стиля, унаследованному от всех тэгов<INPUT>, добавляются описания стиля из классаzagolovok.Конец формы.Начало слоя s1. Стиль слоя (его координаты и размеры)описан выше, в заголовке документа, в тэге <STYLE>.Данный текст будет выглядеть в соответствии со стилемтэга <FONT>, плюс в самом тэге <FONT> указан цветшрифта – синий.Конец слоя.Начало слоя s2. Координаты и размеры слоя, порядокнаслоения, указан прямо в самом тэге <DIV>.
Координаты не обязательно абсолютные. Допустимо, например,указание position:relative; top:10px; left:30px; – смещениена 10px вниз и на 30px вправо относительно нормальнойпозиции в документе. Можно вообще не указыватькоординаты – слой будет на своем обычном месте вдокументе. Помимо координат, для слоя можноуказывать все те же свойства, что и для обычных стилей:шрифт, цвет, фоновая картинка слоя (background-image)и т.д.Данный текст не будет выглядеть в соответствии состилем тэга <FONT>, т.к. он находится внутри"контейнера" <SPAN> и его внешний вид однозначноопределяется классом zagolovok. Никакие другие стили,кроме класса zagolovok, на текст внутри "контейнера"<SPAN> не влияют.Конец слоя.Конец документа.Лекция 9.
Язык VBScriptЯзык VBScript – это несколько обрезанный Visual Basic (по соображениям безопасности отсутствуютвозможности работы с файлами, вызова функций Windows API и др.), использующийся для написаниянебольших программок, встраиваемых в HTML-страницы, для придания им более привлекательного вида.Исходные тексты программ на VBScript записываются непосредственно в HTML-файл и выполняются webбраузером (в частности Internet Explorer-ом) при чтении и анализе файла.
Программы на VBScript можнописать просто при помощи текстового редактора (только текст, без форматирования), редактируя HTMLфайлы непосредственно или воспользоваться "Редактором сценариев" фирмы Microsoft (MicrosoftDevelopment Environment 6.0), который позволяет не только писать но и отлаживать программы на языкахVBSript и JavaScript.Программы на VBScript (также как и на JavaScript) должны заключаться в HTML-тэги <SCRIPT></SCRIPT>. А чтобы текст программы не выводился на экран браузерами, которые не поддерживаютVBScript, он дополнительно заключается в тэги комментария <!-- Программа -->.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
