- •Создание Web-документов
- •Общая характеристика Web-технологии
- •Язык html
- •Общая характеристика языка html
- •Синтаксис языка html
- •Структура html-документа
- •Размещение текста на странице
- •Рисунки
- •Использование таблиц стилей
- •Создание динамических страниц
- •Объекты броузера
- •Методы объектов
- •Обработка событий
- •Примеры сценариев
- •Визуализированные средства создания Web-страниц
- •Работа с проводником FrontPage.
- •Работа с редактором FrontPage.
- •Вставка фрагментов html-кода
- •Форматирование элементов с помощью таблиц стилей
- •Вставка в документ сценариев на языке JavaScript
- •Контрольне вопросы
Создание динамических страниц
Создаваемые с помощью HTML страницы являются статическими, т.е. их содержание и вид остаются неизменными до изменения кода в файле. Однако в настоящее время в составе Web-технологий имеются средства обеспечивающие придание странице динамических свойств вплоть до создания полноценных интерактивных приложений (краткая характеристика этих средств дана в п.4.1). Самым простым с точки зрения использования средством являются сценарии, включаемые в текст HTML-документа.
Сценарии или скрипты (script – сценарий) представляют собой программы на языках JavaScript или Visual Basic Script (VBScript), являющихся подмножествами соответствующих объектно-ориентированных языков программирования. Эти программы включаются непосредственно в HTML-документ в виде исходных текстов. Выполняются они броузером и позволяют изменять внешний вид окна, а также создавать различные эффекты в окне. Поскольку язык JavaScript распространен более широко, то в дальнейшем речь будет идти только о нем.
Встраивание исходных текстов программ в HTML страницы превращает броузер в самодостаточную среду программирования, которую можно использовать не только при перемещениях по Интернет, но и в локальных системах. Используя JavaScript, можно организовать гибкий многооконный интерфейс с локальной контекстной справочной системой и встроенной графикой, при этом многие вопросы проверки вводимых пользователем данных можно возложить на функции JavaScript. Однако по своим функциональным возможностям JavaScript довольно сильно уступает Java как языку программирования. Кроме того, язык ориентирован только на встроенные объекты броузера (окна, формы, поля форм, элементы рабочих областей и т.п.) и не поддерживает механизм наследования и связи между объектами.
Для размещения сценариев в тексте страницы служит специальный парный тег SCRIPT. Он может содержать либо текст сценария, либо ссылку на файл с расширением js, содержащий сценарий. Сам тег размещается либо в заголовке, либо в теле страницы, а может и там, и там. Различие состоит в доступности имен и возможности их использования. Рекомендуется размещать его в заголовке. Кроме того, текст сценария может присутствовать в других тегах, например, в ссылках.
В общем случае тег выглядит следующим образом.
<SCRIPT LANGUAGE="JavaScript">
// текст сценария
</SCRIPT>
При размещении сценария в отдельном файле, в тег помещается путь и имя файла, например,
<SCRIPT LANGUAGE="JavaScript" SRC=”root/my.js”>
</SCRIPT>
Внутри файла my.js только текст сценария и никаких тегов.
Часто текст сценария помещают внутрь комментария, чтобы броузеры, не поддерживающие тег SCRIPT, не выводили его в окно. Выглядит это следующим образом.
<html>
<head>
<title>сценарий </title>
<script language="JavaScript">
<!--
текст сценария
//-->
</script>
</head>
…
Броузер, поддерживающий сценарии, извлечет сценарий из комментария, а не поддерживающий – пропустит как комментарий.
Для воздействия на окно в сценарии используются свойства и методы объектов броузера. Свойства – это специальные переменные, значения которых определяют внешний вид и другие характеристики окна и расположенных в нем элементов. Методы – это функции для выполнения различных действий со свойствами.
Порядок и момент выполнения функций сценария задаются их привязкой к определенным событиям.