Импортирование таблицы стилей в документ
(CSS в отдельных файлах)
Для импортирования таблицы стилей после тэга <STYL_TYPE=”TEXT/CSS” >следует задать значение свойства @import, которое определяет адрес файла таблицы стилей, импортируемой в документ.
@import специальная инструкция,вот ее формат:
@import URL(“адрес_ файла_ стилей“),
он проставляется между тэгами<STYLE> И </STYLE> .
Другой способ использования внешних таблиц стилей основан на применении тэга <LINK> внутри тэга <HEAD>.
Например:
<HEAD>
<LINK_REL=STYLESHEET_TYPE=”text/css”_HREF=”адрес_таблицы_стилей_TITLE=”style”
</HEAD>
С помощью свойств позиционирования нетрудно создавать эффекты трехмерности для надписей. Тут смысл в том, чтобы вывести одинаковые по содержанию тексты слегка сдвинутыми друг относительно друга и имеющими различные цвета.
Для примера попробуем создать трехмерный эффект при помощи стилей (Рис. ):
Рис. Пример создания трехмерной надписи с помощью CSS
Примеры сценариев
2.4.1.Реакция на действия пользователя.
Пользователь может выполнять различные действия - щелкнуть кнопкой мыши, нажать клавишу на клавиатуре, поместить курсор мыши на некоторый элемент и т.д. Для организации взаимодействия с пользователем обычно применяются такие специальные элементы, как кнопки, переключатели, поля ввода данных и меню. Можно устроить так, чтобы на то или иное действие пользователя последовала на странице некая реакция. Тогда возникает эффект интерактивности страницы (диалога взаимодействия).
В нижеприведенном примере при щелчке мыши по тексту выведется панель с сообщением : Был щелчок!и кнопкой OK! В этом примере использовалось событие On Click! (щелчок), стандартная (встроенная в Java Script) функция alert( ) для вывода сообщений и функций My_func( ), которую мы определяем самостоятельно. Функция My_func( ) просто вызывает стандартную функцию alert( ).Таким образом и получается написанным сценарий обработки события «щелчок кнопкой мыши» - простейший пример интерактивной страницы. Цель данного примера- продемонстрировать, что мы принципиально можем, во-первых «поймать» событие и во-вторых отреагировать на него.
Приведенный ниже текст HTML-программы содержит сценарий написанный на Java Script.
Поскольку в приведенном примере пользовательская функция просто вызывает стандартную функцию alert( )и больше ничего не делает, то аналогичного результата можно было достичь с помощью программы без сценария.
Рассмотрим еще один пример, в котором при щелчке на тексте Попробуй, щелкни по этому тексту в окне браузера появляется новы текст: Не надо щелкать где попало. Для этой цели используется метод write() объекта document, записывающий в документ текст, указанный в качестве параметра. Объект document является одним из элементов объектной модели, у которой имеется множество свойств и методов, обеспечивающий доступ к HTML-документам и его частям.
НАПРИМЕР:
Таким образом, полностью изменено содержание страницы(один текст заменен другим). Необходимо обратить внимание на то, что в последнем случае в документ записан не просто текст, а инструкция HTML-программы. Метод write() позволяет поменять содержание загруженного документа, но не делает изменений в HTML-файле.
Вернемся еще раз к напоминанию, что объект document является подъобъектом объекта windous.
Дата добавления: 2016-02-11; просмотров: 580;