Сучасні веб-технологі

глобальна телекомунікаційна мережа інформаційних і обчислювальних ресурсів

система, що надає доступ до зв'язаних між собою документів, розташованих

на різних комп'ютерах, підключених до Інтернету
Основні складові:
мова гіпертекстової розмітки документів HTML
універсальний спосіб адресації ресурсів в мережі URL
протокол обміну гіпертекстовою інформацією HTTP

— це розподілена інформаційна система, що надає доступ до гіпертекстових

документів по протоколу HTTP (HyperText Transfer Protocol).
WWW - це мережева технологія, побудована на клієнт-серверній архітектурі і використовуючи інфраструктуру Інтернет для взаємодії між сервером і клієнтом.
Сервери WWW (web-сервери) - це сховища гіпертекстової (у загальному випадку) інформації.
Документи, представлені у вигляді гіпертексту називаються web-сторінками. Декілька web-сторінок, об'єднаних загальною тематикою, оформленням, зв'язаних гіпертекстовими посиланнями і які знаходяться на одному і тому ж web-сервері, називаються web-сайтом.

(Secure Sockets Layer)

ресурсів, стандартизований спосіб запису адреси ресурсу в WWW і мережах

Інтернет. Адреса URL має гнучку структуру для максимально точної вказівки на місцезнаходження ресурсів в мережі.
Для представлення адреси використовується обмежений набір символів ASCII|.

клієнтів, зазвичай веб-браузерів. Веб-сервер приймає запити і повертає відповіді, зазвичай

разом з HTML-сторінкою, зображеннями, файлами, медіа-потоками або іншими даними. Веб-сервери — основа Усесвітньої павутини.
Створенням програмного забезпечення web-серверів займаються багато розробників, але найбільшу популярність в WWW отримали такі програмні продукти, як Apache (Apache Software Foundation), IIS (Microsoft), QZHTTP (він же qq.com), Google Web Server (GWS, Google Inc.) і nginx.

сумісною з GPL ліцензією. Apache вже багато років є лідером

по поширеності в Усесвітній павутині через свою надійність, гнучкість, масштабованість і безпеку.
IIS (Internet Information Services) - набір серверів для декількох служб Інтернету, розроблений майкрософт і поширюваний з ОС сімейства Windows NT. Основним компонентом IIS є веб-сервер, також підтримуються протоколи FTP, POP3, SMTP, NNTP.
QZHTTP - модифікований Apache, використовуваний на китайському порталі qq.com. На ньому розміщені сервіси онлайн-щоденників і миттєвого обміну повідомленнями.
Google Web Server (GWS) - розробка компанії Google на основі web-сервера Apache. GWS оптимізований для виконання застосувань сервісу Google Applications.
nginx [engine x] — це HTTP-сервер, поєднаний з поштовим проксі-сервером. Розроблений І.Сисоєвим для компанії Рамблер. Осенью 2004 роки вийшов перший публічно доступний реліз, зараз nginx використовується рядом крупних сайтів.
lighttpd — веб-сервер, що розробляється з розрахунком на швидкість і захищеність при використанні на сильно навантажених сайтах, а також відповідність стандартам, вільне програмне забезпечення, поширюване за ліцензією BSD.

1990 Через кілька років

додана технологія SSI (Server Side Include).
Додано загальний інтерфейс CGI (Common Getaway Interface) для запуску зовнішніх додатків) і обміну даними за допомогою STDIN і STDOUT.
Додано інтерфейс ISAPI (MS Internet Server API для IIS), Apache Shared Module… для роботи рий в єдиному адресному просторі з сервером (часть процесса Web-сервера). Не треба нічого додатково запускати, обмінюватися даними через файли або STDIN/STDOUT. Теоретично вони готові одночасно обробляти будь-яку кількість запитів. При помилках в таких додатках може «вилетіти» весь Web-сервер. Платформозалежні, програмуються на Delphi, C#...

exe

DLL

4.1 Платформонезалежні ASP, JSP, PHP – 1997
через відповідні ISAPI -інтерпретатори
4.2 MS .NET –технологіі (конкуренція з Java) ⇒ ASP.NET 2005
4.2 Сервис-ориентированное программирование 2008

HTML

статичні — він обслуговує будь-якого відвідувача однаково, якщо розробник Web-сайту

не вирішить вручну змінити його копію на сервері
На динамічному Web-сайті, з іншого боку, контент серверу буде таким же, але окрім звичайного коду HTML він містить також динамічний код, який може відображати різні дані, залежно від інформації, яка передається на Web-сайт з баз даних.

мова розмітки веб-сторінок, по можливостях схожа з HTML, створена на

базі XML
CSS – технологія опису зовнішнього вигляду документа, написаного мовою розмітки.
XML – текстовий формат, призначений для зберігання структурованих даних, для обміну інформацією між програмами, а також для створення на його основі більш спеціалізованих мов розмітки.

програмування загального призначення, що інтенсивно застосовується для розробки веб-додатків
AJAX –

підхід до побудови інтерактивних інтерфейсів користувача веб-додатків, що полягає в «фоновому» обміні даними браузера з веб-сервером
ASP.NET – технологія створення веб-додатків и веб-сервісів від компанії Microsoft
Perl, Python, Ruby – високорівневі динамічні мови загального призначення, інтерпретуються

для створення RIA-додатків, а також для інтеграції відеоматеріалів у веб-сторінки.
(Зараз

втрачають значення з появою html5)
Rich Internet application (RIA, «багатий інтернет-додаток») - це додаток, якому доступна функціональність традиційних настільних додатків, що не підтримуються браузерами безпосередньо.

частинами є НТМL, графічний дизайн, дизайн інформації та інші технології,

схожі на програмування. Для опису всього процесу планування і створення Web- вузла найкраще підходить термін «публікація».
Мета Web-дизайну полягає в розробці Web- вузла, що може бути представлений користувачеві в прийнятному виді, буде зрозумілий йому і приведе до бажаного результату. Web-дизайн повинен оцінюватися не тільки по естетичних параметрах, але і по загальному сприйняттю його користувачем у контексті визначеної задачі або проблеми.
Web-сторінка (іноді ще говорять, html-сторінка) - це текстовий файл написаний мовою HTML у визначеному кодуванні і з визначеним розширенням.

робота з НТМ. Проектування Web- сайта проходить наступні етапи:
Визначення мети

Web-сайту (основні види призначення Web-сайтів – це налагодження ділових зв'язків, комерція, розваги, маркетинг, дослідження, обробка даних, технічна підтримка).
Визначення аудиторії Web-сайта
Визначення джерел фінансування Web-сайта. (Оплата виробляється за рахунок творця, стягування з відвідувача плати за перегляд сайта, використання посередника між власниками вузла і його відвідувачів)
Визначення дизайну сайта
Підбір матеріалів для Web-сайта.
Організація інформації на Web-сайте.
Розробка компонентів сайту.

мова розмітки документів у всесвітній павутині
Розроблена Тімом Бернерсом-Лі в

1991 року в CERN
Є розвитком мови SGML (стандартної узагальненої мови розмітки)

вмістом і спеціальних засобів мови HTML, — тегів розмітки, які

визначають структуру і зовнішній вигляд документа при його відображенні браузером. Структура HTML-документа досить проста:
Опис документа починается з вказівки його типа (секція DOCTYPE).
Текст документа розміщується в тегу . Текст документа складається із заголовка і тіла, які виділяються відповідно тегами і .
У заголовку () вказують назва HTML-документа і інші параметри, які браузер використовуватиме при відображенні документа.
Тіло документа () — це та частина, в яку поміщається власне вміст HTML-документа. Тіло включає призначений для відображення

конструкція вигляду:
“”
Весь HTML-документ є вкладеним набором елементів розмітки.
Сінтаксіс

тегу:
<тег параметр1="значення" параметр2="значення">...

і пошукових систем

Заголовок

сторінки (
Посилання () – зв'язок із зовнішнім документом, або програмним додатком

Скрипти (

є обов'язковими елементами, але можуть бути корисні.
Приклад опису метаданих:

content="строка"> — автор веб-документа
— дата останньої зміни веб-сторінки
— авторські права
— список ключових слів
— короткий опис (реферат)
— заборона на індексування
— тип і кодування
— управління кешуванням
— перенаправлення

не кешується proxy-сервером.
- повна заборона на

кеш (документ не кешується ні proxy-сервером, ні браузером).
- документ кешується, але не зберігається в архів.
- документ кешується, навіть якщо і не повинен, начебто, при звичайних обставинах.
- документ оновлюється браузером при параметрі max-age, в якому вказано, на скільки секунд кешується документ.
- то ж для проксі-сервера.

документа (те, що відображується в заголовку вікна браузеру)
... — контейнер

тіла документа
— контейнер загального призначення (структурний блок)
... — заголовок N-ного рівня (N = 1...6)

...

— основний текст (абзац)
<а>... — гіперпосилання

— примусовий перехід рядка

— контейнер таблиці
... — рядок таблиці
... — елемент таблиці
... —

зображення

...

— форма
... — відображення тексту курсивом
... — відображення тексту напівжирним шрифтом
... — виділення (курсивом)
... — посилення (напівжирним шрифтом)

нижнього полів документу. Працює лише в браузерах Netscape.
TOPMARGIN - визначає

ширину (у пікселах) верхнього і нижнього полів документу. Працює лише в браузерах Internet Explorer.
MARGINWIDTH - визначає ширину (у пікселах) лівого і правого полів документа. Працює лише в браузерах Netscape.
LEFTMARGIN - визначає ширину (у пікселах) лівого і правого полів документа. Працює лише в браузерах Internet Explorer.
BACKGROUND - визначає зображення для "заливки" фону. Значення задається у вигляді повного URL або імені файлу з картинкою у форматі gif або jpg.
BGCOLOR - визначає колір фону документа.
TEXT - визначає колір тексту в документі.
LINK - визначає колір гіперпосилань в документі.
ALINK - визначає колір підсвічування гіперпосилань у момент натиснення.
VLINK - визначає колір гіперпосилань на документи, які ви вже проглянули.

cellpadding="4" cellspacing="0">

191

Mountain Tire Tube

/>

елементи:


Сущності – © (©)

це параграф, що вирівняний з правого краю.

Блок:
...Текст, таблиці, зображення.

По центру.