Тема. Веб-програмування та інтерактивні сторінки
Каскадні стилів HTML будують логічну структуру документа, а потім визначати формат її відображення. Цей підхід змінив усю технологію проектування сторінок сайту. Тепер можна визначити спочатку типи сторінок, потім логічні структури сторінок для кожного типу і, нарешті, для кожного логічного елемента, його склад і зовнішній вигляд.
Такі сценарії розміщують у спеціальних тегах <SCRIPT> і </SCRIPT>.Щоб веб-сторінка була інтерактивною, тобто могла взаємодіяти з користувачем, і динамічною, необхідно використовувати скрипти, або сценарії.
Сценарій (script, скрипт) — це програма, написана спеціальною мовою програмування і вбудована в HTML-документ.
Сценарії описують усі
можливі дії над елементами HTML-документа під час взаємодії з користувачем:
реакцію на натискання кнопки миші, зміну вмісту сторінки залежно від певних дій
користувача тощо
.
Програмний код JavaScript можна помістити в документ HTML у три способи:
Метод alter ()
Цей метод відображає звичайне діалогове вікно попередження, вміст якого є текст, вказаний в якості параметру даного методу.
Єдина кнопка ОК,
напис якої не можна змінити, призначена для того, щоб користувач міг
підтвердити, що він прочитав попередження.
Метод prompt ()
Цей метод генерує діалогове вікно запиту. Дві кнопки, наявні в діалоговому вікні, — ОК і Cancel — дають змогу користувачу закрити діалогове вікно, повернувши у
сценарій значення текстового поля (кнопкою ОК) або спеціальне значення null (кнопкою Cancel).
Confirm (повертає значення true (істина), якщо користувач
клацає кнопку ОК, і false
(хибність).
Приклад веб-сторінки зі сценарієм
<HTML>
<HEAD>
<TITLE>Приклад</TITLE>
</HEAD>
<BODY>
<SCRIPT>
alter (! ! !);
</SCRIPT>
</BODY>
</HTML>
Можете спробувати самі. Завантажте файл, відкрийте його та ознайомтесь з прикладом веб-сторінки зі сценарієм (посилання на файл тут)
Домашнє завдання
1. Вивчіть матеріал заняття. Основні визначення запишіть у робочий зошит.
2. Виконайте практичне завдання. (для отримання практичного завдання натисни тут).
Контакти для відправки домашніх завдань та зв'язку з вчителем:
Фейсбук
Електронна пошта
ivan.nykyrsa@gmail.com
Немає коментарів:
Дописати коментар