Лабораторна робота № 1. Синхронна передача даних в Internet по протоколу http. Використання кешування і cookie для оптимізації обміну даними.

Мета роботи: Навчитись створювати HTML-сторінки для введення даних автоматизованої системи. Дослідити кешування Web-ресурсів на стороні Web-сервера, а також використання Cookies і методи їх створення, за допомогою тегу <META> на Web-сторінці, і за допомогою команди document.cookie у Javascript.

1. Теоретичні відомості 1.1. Основи html

HTML - це гіпертекстова мова розмітки документів. Будь-який документ на мові HTML є набором елементів, причому початок і кінець кожного елементу позначається спеціальними позначками - тегами. Елементи можуть бути порожніми, тобто не містити тексту і інших даних (наприклад, тег переходу на новий рядок <br>). В цьому випадку зазвичай не вказується закриваючий тег. Крім того, елементи можуть мати атрибути, що визначають деякі їх властивості (наприклад, розмір шрифту для елементу font). Атрибути вказуються у відкриваючому тезі. Регістр, в якому набрано ім'я елементу і імена атрибутів, в HTML значення не мають (на відміну від XHTML). Елементи можуть бути вкладеними.

Окрім елементів, в HTML-документах є і сутності (англ. entities) «спеціальні символи». Такі сутності починаються з символу амперсанда і мають вигляд &ім'я; або &#NNNN;, де NNNN код символу в Юникоді в десятковій системі числення. Наприклад, нерозривний перебіг позначається через  .

Зазвичай документ HTML або XHTML дотримає чотири головні частини.

• Оголошення типу документа (DOCTYPE), що містить інформацію про версію HTML.

• Елемент html, що містить елементи head і body. У документі HTML елемент html може мати атрибути, що інформують броузер про мову і напрям виведення тексту.

• Заголовний розділ - елемент head, що містить заголовок сторінки, різні метадані і дані про сценарії і стилі.

• Тіло документа - елемент body.

У пункті 3 записаний приклад статичного контенту Web-сайту автоматизованої системи магазину. Призначення використаних у index.html файлі тегів наступне:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - визначає тип змісту документа як html-сторінка в кодуванні UTF-8.

<script src="script.js"></script> - вказує браузеру завантажити JavaScript-файл script.js, який знаходиться в папці разом із Web-сторінкою.

<link rel="stylesheet" type="text/css" href=style.css"/> - вказує браузеру завантажити CSS-файл зі стилями Web-сторінки style.css, який знаходиться в папці разом із Web-сторінкою.

<bоdу onload="greeting()"> - вказує браузеру виконати JavaScript-функцію gгeeting(), яка визначена у файлі script.js

<h1>...</h1>, <h2>...</h2> - теги тексту зі стилем заголовку з розміром 1, 2.

<hr /> - тег вставки горизонтальної лінії.

<br /> - тег переведення рядку на новий абзац.

<from>...</form> - тег Web-форми. Розглянемо детальніше її призначення і

зміст.