- •Министерство образования российской федерации
- •Мировые информационные ресурсы
- •Введение
- •Тема 1: Web-технология и Всемирная паутина
- •Как создаются Web-страницы?
- •Поисковые машины, серверы и системы
- •Наиболее популярные ресурсы по поиску информации
- •Тема 2: Создание гипертекстовых документов посредством языка html Форматирование текста
- •Основные тэги html
- •Названия и коды цветов
- •Расчетное задание №1 Работа с текстовыми тэгами
- •Графические изображения
- •Вставка графики
- •Гиперссылки
- •Гипертекстовые ссылки
- •Расчетное задание №2 Внедрение графики в html-документ и использование гиперссылок
- •Элементы html для построения таблиц
- •Расчетное задание №3 Использование таблиц и фреймов
- •Формы (формуляры)
- •Использование скриптов
- •Расчетное задание №4 Работа с формами и использование JavaScript
- •Мировые информационные ресурсы
Использование скриптов
Язык HTML предоставляет возможность разработки Web-страниц довольно изощренного вида, но чего не может предоставить автору Web-сайта HTML, так это – так называемую интерактивность.
Под интерактивностью понимается оперативное реагирование на те или иные действия посетителей сайта. Для преодоления ограничений HTML используются Web-сценарии. Сценарий – это программный код, который включается в текст страницы в виде исходного текста и выполняется браузером при просмотре страницы. Сценарии пишутся на скриптовых языках. Одним из самых признанных считается JavaScript.
В отличие от языка Си, который является компилируемым, JavaScript – интерпретируемый язык. Именно эта его особенность объясняет синтаксис вводимых команд.
Скрипты могут выполняться как на машине пользователя, так и на сервере, минимизируя загрузку сети.
В JavaScript содержится большой набор встроенных функций и команд, позволяющих отображать HTML-документы в среде браузера, открывать URL-ссылки, видоизменять внешний вид браузера и т.п.
Программный код можно внедрять непосредственно в текст HTML-документа и он будет выполняться в момент загрузки этого документа браузером.
Примеры использования JavaScript.
Пример 7. Скрипт, который поместит на Web-страницу текущую дату и время.
<html><head><title>Скрипт с датой </ title ></head>
<body bgcolor="pink">
< script Language="JavaScript">
d=new Date();
var m=d.getMonth();
var m1=m+1;
document.write("Сегодня "+d.getDate()+"-"+m1+"-"+
d.getFullYear()+"."+" Вы зашли на страницу ровно в "+
d.getHours()+":"+d.getMinutes()+"<br>");
</script>
</body></html>
Внимание! Строка document.write() не должна прерываться. В примере она разбита на несколько строк, чтобы удобнее было читать.
Рис. 7
Результат работы скрипта изображен на рис.7.
Пример 8. Фрагмент скрипта с датой обновления документа.
< script Language="JavaScript">
var LastM = document.lastModified;
if (LastM == 0)
{document.writeln("Обновление: нет данных <br>© 2003 Copyright The Bookof Light");}
else
{document.writeln("Обновление: " + LastM + "<br>© 2003 Copyright The Bookof Light<br>");}
</script>
Пояснение: объект document имеет свойство lastModified, которое хранит дату последнего изменения страницы. Результат работы скрипта показан на рис.8.
Рис.8
Расчетное задание №4 Работа с формами и использование JavaScript
Цель работы: научиться использовать и оформлять элементы форм, а также создавать динамические Web-страницы.
Создайте проект формы на бумаге.
Запишите код данной формы на языке HTML и разместите ее в любом удобном месте вашего сайта.
Добавьте интерактивности Web-страницам, используя программный код JavaScript.
Составьте отчет о проделанной работе, включив в него:
код HTML-страницы, содержащей форму;
изображение формы в окне обозревателя;
описание программного кода JavaScript с подробным комментарием к используемым функциям, объектам, их свойствам и методам.
результат работы скрипта в окне браузера.