- •Сучасні веб-технології
- •Термін «Інтернет»
- •Фізична модель Інтернету
- •Логічна модель Інтернету
- •World Wide Web
- •Взаємодія Клієнт – Web-сервер
- •Стандарт URL
- •Концепція
- •Технологічна карта концепцій Веб
- •Веб-технології
- •Що таке Web-сервер?
- ••Apache - вільний web-сервер з відкритим вихідним кодом, поширюється під сумісною з GPL
- •Еволюція Веб-серверів
- •Веб-розробка
- •Веб-розробка
- •Статичні HTML-сторінки
- •Веб-технології
- •Веб-технології
- •Веб-технології
- •Мета Web-дизайну
- •Процес створення Web- сайтов.
- •Поняття «HTML»
- •Деяка інформація про
- •Структура HTML- документу
- •Структура HTML-
- •Параметри тегу BODY
- •Параграфи
- •Шрифти
- •Кольори в HTML
- •Таблиця основних кольорів в HTML
- •Таблиця основних кольорів в HTML
- •Невпорядоковані списки
- •Впорядковані списки
- •Комментарі в HTML
- •XHTML
- •HTML 5
- •Литература
Веб-технології
Клієнт (мультіпротокольний) FTP
HTTP
HTML
URL (URI)
CSS
JavaScript
Java Plug-ins
JQuery
FTP - сервер HTTP - Сервер
CGI
SSI
Java
PHP
ASP
JSP
API
Perl Python
RoR 12
Що таке Web-сервер?
•Веб-сервер — це мережеве застосування, обслуговуюче HTTP-запити від клієнтів, зазвичай веб-браузерів. Веб-сервер приймає запити і повертає відповіді, зазвичай разом з HTML- сторінкою, зображеннями, файлами, медіа- потоками або іншими даними. Веб-сервери — основа Усесвітньої павутини.
•Створенням програмного забезпечення web- серверів займаються багато розробників, але найбільшу популярність в WWW отримали такі програмні продукти, як Apache (Apache Software Foundation), IIS (Microsoft), QZHTTP (він же qq.com), Google Web Server (GWS, Google Inc.) і nginx.
•Apache - вільний web-сервер з відкритим вихідним кодом, поширюється під сумісною з 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.
14
Еволюція Веб-серверів
HTML 1. |
Повернення клієнту існуючих статичних HTML-сторінок. |
1990 |
|
Через кілька років додана технологія SSI (Server Side Include). |
|
exe 2. |
Додано загальний інтерфейс CGI (Common Getaway Interface) для запуску |
|
|
зовнішніх додатків) і обміну даними за допомогою STDIN і STDOUT. |
|
3.Додано інтерфейс ISAPI (MS Internet Server API для IIS), Apache Shared
DLL |
Module… для роботи рий в єдиному адресному просторі з сервером (часть |
|
|
процесса Web-сервера). Не треба нічого додатково запускати, обмінюватися даними |
|
|
через файли або STDIN/STDOUT. Теоретично вони готові одночасно обробляти будь-яку |
|
|
кількість запитів. При помилках в таких додатках може «вилетіти» весь Web-сервер. |
|
|
Платформозалежні, програмуються на Delphi, C#... |
|
4.1 |
Платформонезалежні ASP, JSP, PHP – |
1997 |
через відповідні ISAPI -інтерпретатори |
|
|
4.2 |
MS .NET –технологіі (конкуренція з Java) |
|
|
ASP.NET |
2005 |
4.2 |
Сервис-ориентированное программирование |
|
2008
Веб-розробка
•Веб-програмування – розділ програмування, орієнтований на розробку динамічних Internet- додатків
•Мови програмування
–Клієнтські
–Серверні
16
Веб-розробка
•Статичний Web-сайт є Web-сайтом, контент якого (HTML і графіка) завжди статичні — він обслуговує будь-якого відвідувача однаково, якщо розробник Web-сайту не вирішить вручну змінити його копію на сервері
•На динамічному Web-сайті, з іншого боку, контент серверу буде таким же, але окрім звичайного коду HTML він містить також динамічний код, який може відображати різні дані, залежно від інформації, яка передається на Web-сайт з баз даних.
17
Статичні HTML-сторінки
Запит |
|
|
Клієнт |
Web-сервер – |
|
набір |
||
|
||
Відповідь |
html-сторінок |
Веб-технології
•HTML – стандартна мова розмітки документів у всесвітній павутині
•XHTML – мова розмітки веб-сторінок, по можливостях схожа з HTML, створена на базі XML
•CSS – технологія опису зовнішнього вигляду документа, написаного мовою розмітки.
•XML – текстовий формат, призначений для зберігання структурованих даних, для обміну інформацією між програмами, а також для створення на його основі більш спеціалізованих мов розмітки.
19
Веб-технології
• JavaScript – це об'єктно-орієнтована
скриптова мова програмування
• PHP – скриптова мова програмування
загального призначення, що інтенсивно застосовується для розробки веб-додатків
• AJAX – підхід до побудови інтерактивних
інтерфейсів користувача веб-додатків, що полягає в «фоновому» обміні даними браузера з веб-сервером
• ASP.NET – технологія створення веб-додатків
и веб-сервісів від компанії Microsoft
• Perl, Python, Ruby – високорівневі динамічні
мови загального призначення, інтерпретуються
20
Веб-технології
•Adobe Flash і Microsoft Silverlight
– мультимедійні платформи, що використовуються для створення RIA- додатків, а також для інтеграції відеоматеріалів у веб-сторінки.
•(Зараз втрачають значення з появою
html5)
• Rich Internet application (RIA,
«багатий інтернет-додаток») - це додаток, якому доступна функціональність традиційних настільних додатків, що не підтримуються браузерами безпосередньо.
21