- •Сучасні веб-технології
- •Термін «Інтернет»
- •Фізична модель Інтернету
- •Логічна модель Інтернету
- •World Wide Web
- •Взаємодія Клієнт – Web-сервер
- •Стандарт URL
- •Концепція
- •Технологічна карта концепцій Веб
- •Веб-технології
- •Що таке Web-сервер?
- ••Apache - вільний web-сервер з відкритим вихідним кодом, поширюється під сумісною з GPL
- •Еволюція Веб-серверів
- •Веб-розробка
- •Веб-розробка
- •Статичні HTML-сторінки
- •Веб-технології
- •Веб-технології
- •Веб-технології
- •Мета Web-дизайну
- •Процес створення Web- сайтов.
- •Поняття «HTML»
- •Деяка інформація про
- •Структура HTML- документу
- •Структура HTML-
- •Параметри тегу BODY
- •Параграфи
- •Шрифти
- •Кольори в HTML
- •Таблиця основних кольорів в HTML
- •Таблиця основних кольорів в HTML
- •Невпорядоковані списки
- •Впорядковані списки
- •Комментарі в HTML
- •XHTML
- •HTML 5
- •Литература
Невпорядоковані списки
<UL>
<LI> Перший пункт списку <LI> Другий пункт списку <LI> Третій пункт списку
<UL>
<LI> Перший підпункт <LI> Другий підпункт
</UL>
</UL>
<UL TYPE=“disk” | “circle” | “square”>
Впорядковані списки
<OL TYPE="I" START="2"> <LI> Пункт два
<LI> Пункт три <LI> Пункт чотири
</OL>
<OL TYPE="A" START="2">
<LI> Пункт, відмічений буквою B.
<LI VALUE="6"> Пункт, відмічений буквою F. <LI> Пункт, відмічений буквою G.
</OL>
Параметри:
START - визначає перше число, з якого починається нумерація пунктів. (лише цілі числа)
TYPE - визначає стиль нумерації пунктів. Може мати значення:
"A" - заголовні букви A, B, C ...
"a" - рядкові букви а, b, з ...
"I" - великі римські числа I, II, III ...
"i" - маленькі римські числа i, ii, iii ...
"1" - арабські числа 1, 2, 3 ...
За умовчанням використовується TYPE="1".
Комментарі в HTML
<STYLE TYPE="text/css">
<!--
P { font-family: "Arial Cyr, Arial" }
TD { font-family: "Times New Roman" }
-->
</STYLE>
XHTML
•XHTML (Extensible Hypertext Markup Language, розширена мова розмітки гіпертексту) – мова розмітки веб-сторінок, за можливостями відповідає HTML, створена на базі XML
•XHTML 1.1 – 31 травня 2001 року
•Стандарт XHTML – перелік розходжень між HTML 4.01 и XHTML
46
HTML 5
•Підтримка геолокации — визначення місця розташування користувача на карті і використання цієї інформації для обчислення маршруту його руху, виведення довколишніх магазинів, кінотеатрів, кафе і інших даних.
•Відтворення відеороликів.
•Відтворення аудіофайлів.
•Локальне сховище — дозволяє сайтам зберігати інформацію на локальному комп'ютері і звертатися до неї пізніше.
•Фонові обчислення — стандартний спосіб запуску JavaScript в браузері у фоновому режимі.
•Оффлайновиє застосування — сторінки, які можуть працювати при відключенні Інтернету.
•Малювання — усередині тега <canvas> за допомогою JavaScript можна малювати фігури, лінії, створювати градієнти і трансформувати об'єкти на льоту.
•Нові елементи форм: для дати, часу, пошуку, чисел, вибору кольору і ін.