- •Сучасні веб-технології
- •Термін «Інтернет»
- •Фізична модель Інтернету
- •Логічна модель Інтернету
- •World Wide Web
- •Взаємодія Клієнт – Web-сервер
- •Стандарт URL
- •Концепція
- •Технологічна карта концепцій Веб
- •Веб-технології
- •Що таке Web-сервер?
- ••Apache - вільний web-сервер з відкритим вихідним кодом, поширюється під сумісною з GPL
- •Еволюція Веб-серверів
- •Веб-розробка
- •Веб-розробка
- •Статичні HTML-сторінки
- •Веб-технології
- •Веб-технології
- •Веб-технології
- •Мета Web-дизайну
- •Процес створення Web- сайтов.
- •Поняття «HTML»
- •Деяка інформація про
- •Структура HTML- документу
- •Структура HTML-
- •Параметри тегу BODY
- •Параграфи
- •Шрифти
- •Кольори в HTML
- •Таблиця основних кольорів в HTML
- •Таблиця основних кольорів в HTML
- •Невпорядоковані списки
- •Впорядковані списки
- •Комментарі в HTML
- •XHTML
- •HTML 5
- •Литература
Сучасні веб-технології
Лекція №1
Доц. Камінський Олег Евгенович
Термін «Інтернет»
•Інтернет (Internet, сокр. від Interconnected Networks – об'єднані мережі) – глобальна телекомунікаційна мережа інформаційних і обчислювальних ресурсів
2
Фізична модель Інтернету
• Стек протоколів TCP/IP
3
Логічна модель Інтернету
•Всесвітня павутина (World Wide Web, Веб) – розподілена система, що надає доступ до зв'язаних між собою документів, розташованих на різних комп'ютерах, підключених до Інтернету
•Основні складові:
–мова гіпертекстової розмітки документів HTML
–універсальний спосіб адресації ресурсів в мережі URL
–протокол обміну гіпертекстовою інформацією HTTP
4
World Wide Web
•World Wide Web (WWW, web, веб-сервер, Усесвітня павутина) — це розподілена інформаційна система, що надає доступ до гіпертекстових документів по протоколу HTTP (HyperText Transfer Protocol).
•WWW - це мережева технологія, побудована на клієнт- серверній архітектурі і використовуючи інфраструктуру Інтернет для взаємодії між сервером і клієнтом.
•Сервери WWW (web-сервери) - це сховища гіпертекстової (у загальному випадку) інформації.
•Документи, представлені у вигляді гіпертексту називаються web-сторінками. Декілька web-сторінок, об'єднаних загальною тематикою, оформленням, зв'язаних гіпертекстовими посиланнями і які знаходяться на одному і тому ж web-сервері, називаються web-сайтом.
5
Взаємодія Клієнт – Web-сервер
Web-додаток
Web- Сервер
запрос
відповідь
Клієнт
Web-сайти
Можливо – HTTPS с SSL захищеним з’єднанням (Secure Sockets Layer)
URL
•URL (Uniform Resource Locator, RFC 1738) - уніфікований локатор (покажчик) ресурсів, стандартизований спосіб запису адреси ресурсу в WWW і мережах Інтернет. Адреса URL має гнучку структуру для максимально точної вказівки на місцезнаходження ресурсів в мережі.
•Для представлення адреси використовується обмежений набір символів ASCII|.
7
Стандарт URL
протокол://користувач:пароль@сервер:порт/шлях/файл/шлях в файлі?параметри
Наприклад,
http://vova:12345@www.kneu.edu.ua:81/hotdog/Scripts/x.exe/go?n1=20&n2=55
Локальний сервер IIS
C:\Inetpub\wwwroot
http://localhost
Концепція
Властивість
Концепція
Кількість
користувачів
Орієнтація
Структура даних Концепція даних
Концепції Веб
Web 1.0 |
Web 2.0 |
Web 3.0 |
Веб тільки для читання |
Веб для швидкого |
Портативний |
|
читання-запису |
індивідуальний Веб |
45 мільйонів |
Більше 1 мільярда |
Ще більше |
користувачів (1996) |
користувачів (2006) |
|
Ориентация на |
Орієнтация на |
Орієнтация на |
компании |
спільноти |
особистості |
Домашні сторінки |
Блоги |
Lifestreaming-функції |
Володіння контентом |
Обмін контентом |
Об’єднання динамічного |
|
|
контенту |
Управління знаннями |
Britannica Online |
Wikipedia |
Інтернет |
Технології |
HTML, портали |
XML, RSS |
Технології «drag and |
|
|
|
drop» і mashups |
Уявлення |
Веб форми |
Веб-додатки |
Віджети та гаджети |
Классифікація |
Директорії |
Теги |
Діяльність користувачів |
Пошук |
Netscape |
iGoogle, NetVibes |
|
Вартість реклами |
Перегляд сторінок |
Ціна за клик |
Активність користувачів |
Просування |
реклама |
Обмін інформацією |
Cloud Computing |
9
Технологічна карта концепцій Веб
• Стек протоколів TCP/IP
10
11