Урок 54(10)

Перейти до списку тем

Тема : "Вебпрограмування та інтерактивні сторінки"

Семантичний конспект уроку:

Веб-програмування - галузь веб-розробки і різновид дизайну, в завдання якої входить проектування користувацьких веб-інтерфейсів для сайтів або веб-додатків.

JavaScript - Це об’єктно-орієнтована клієнтська мова, підтримується додатками, які працюють з дизайном сайта та обробляє дії користувачів сайта.

Разом з HTML і CSS, JavaScript - третій важливий блок, на основі якого будується більшість стандартних вебінтерфейсів.

Функції JavaScript дозволяють:

• зберігати дані в змінних

• активувати частину коду згідно з певними сценаріями,

що реалізуються на сторінці сайта

• створювати контент, який оновлюється автоматично

• керувати мультимедійними можливостями (працювати

з відео, анімувати зображення)

веб-_технології_23.pptx

Технології, які використовуютья на вебсторінках із застосуванням JavaScript:

AJAX (англ. Asynchronous Java Script And XML — асинхронний JavaScript і XML (мова розмітки веб-сторінок)) — дає змогу створювати набагато зручніші веб-інтерфейси користувача на тих сторінках сайтів, де необхідна активна взаємодія. Поки сервер обробляє запит, користувач може переглядати вміст сайта. Браузер лише довантажує потрібні йому дані.
JSON (англ. JavaScript Object Notation 0151 — запис об’єктів JavaScript) для обміну даними та дозволяла веб-розробникам створювати веб-додатки з постійним двостороннім зв’язком із веб-сервером.
Comet
Браузерні ОС
Закладки
Браузерні скрипти
Серверні застосунки
Мобільні застосунки
Віджети

Серверні скрипти - це спеціальні програмні коди написані для реалізації інтерактивних "властивостей" сайтів.

Інтерактивність сторінки забезпечується за допомогою HTML-форм:

реєстраційних,
відправки повідомлень,
онлайн-замовлень
тощо.

HTML-форми - елементи управління для збирання інформації від відвідувачів веб-сайта.

Такі форми є набором текстових полів, кнопок, списків та інших елементів управління, які активізуються клацанням миші.

Завдання форми полягає в передаванні даних користувача віддаленому серверу.

Тег <form> - контейнер, який утримує всі елементи керування форми,

Обов’язкові атрибути: action і method.

Action містить url-адресу, яка визначає, куди буде надіслано дані форми.

Method визначає спосіб відправлення даних із форми. Може набувати двох значень:

"get" - за замовчуванням надсилає дані на сервер через адресний рядок, тобто їх видно в адресному рядку браузера
"post" - приховує запит і дозволяє передавати великі обсяги даних.

Елемент <input> створює поля форми.

Атрибут <type> визначає тип поля:

Атрибут “name” — ім’я поля (латиницею, надає розроник сторінки), необхідне для правильного опрацювання даних на сервері.

<label> - тег підпису поля

Робочий Аркуш уроку № 55-2

веб_урок_24-практична_10.docx

<!DOCTYPE html>

<head>

</head>

<body>

<h1>Main Header – Name of site</h1>

<h2> Sub header – Topic of site </h2>

</header>

<nav >

<ul>

<li><a href="info.html">About</a></li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="form.html">Contacts</a></li>

</ul>

-------------------------------------------------------------

</footer>

</body>