Тема III. Основи Web-дизайну
1. World Wide Web
World Wide Web (WWW) – це лише одна зі служб, доступних користувачам Інтернет [1]. Подібно іншим службам, WWW не є мережею. Вона являє собою спосіб організації інформації, що, за умови дотримання певних правил, дозволяє звертатися до неї з будь-якого комп'ютера.
WWW - це частина Інтернет, що становить собою гігантський набір документів, які зберігаються на комп'ютерах по усьому світу. Скорочено WWW називають просто Веб (Web).
Правила, що регламентують доступ до інформації й передачу її в мережі, називаються HTTP (Hyper Text Transfer Protocol – протокол передачі гіпертекстової інформації).
Web-сторінка - це окремий документ Web, який призначений для розміщення інформації різного виду - текст, малюнки, фото, відео, аудіо записи. Такі Web-сторінки зберігаються на спеціальних комп'ютерах, які називаються серверами. Будучи збереженою на Web-сервері, сторінка стає доступною для використання користувачами в мережі Інтернет. Колекція Web-сторінок, об'єднана за якою-небудь ознакою, називається веб-сайтом або просто сайтом.
Web-сторінки створюються за допомогою мови HTML (Hypertext Markup Language – мова гіпертекстової розмітки).
Розробником WWW вважається Тім Бернерс-Лі. Він розробив систему зв'язування інформації, а саме: принцип адресації ресурсів у глобальній мережі, протокол, за допомогою якого зв'язані між собою фрагменти даних передаються в мережі та мову опису цієї інформації.
Рис. 1. Три основні характеристики World Wide Web
Бернерс-Лі на базі існуючої мови SGML (Standard Generalized Markup Language – стандартна узагальнена мова розмітки) розробив мову HTML. Мові HTML властиві наведені нижче властивості, які також умовно представлені на рис. 1.:
-
Доступність. Оскільки мова SGML, на базі якої була створена HTML, відрізнялася достатньою складністю, Бернерс–Лі взяв за основу невелику підмножину дескрипторів цієї мови й відмовився від підтримки стилів документа. Частково бурхливий розвиток Web був обумовлений простотою мови HTML, що дозволяло досить швидко створювати Web-документи й розташовувати їх на серверах;
-
Універсальність. HTML і мови, що створені згодом на її основі, можуть інтерпретовані практично у будь-якому комп'ютері та у багатьох спеціалізованих пристроях;
-
Сумісність знизу. Створюючи систему для використовування в Інтернеті, Бернерс-Лі усвідомлював, що згодом будуть спроби розширення і удосконалення мови HTML. Щоб забезпечити умови її подальшого безперешкодного розвитку, він визначив наступне правило: «Нові версії мови не повинні суперечити її попереднім реалізаціям». У зв'язку із цим розвиток WWW не змушував проводити обов'язкове оновлення складових системи. Нові версії HTML були всього лише удосконаленням старих версій.
Довільний Web навігатор, що завантажений на комп'ютері, забезпечував однакову інтерпретацію базового набору дескрипторів. Високорівневі робочі станції можуть відображати на кольорових дисплеях високоякісні документи, у той же час на простих терміналах з обмеженими можливостями реалізована підтримка деякої підмножини мови HTML.
В 1993 р. був розроблений перший графічний браузер Mosaic, який дозволив користувачам працювати із графікою. Наслідком цієї події стали підтримка в Internet засобів мультімедіа й широке використання WWW у сфері бізнесу. До цього WWW забезпечувала лише середовище для поширення текстових документів. В 1994 р. трафік WWW перевищив трафік всіх інших служб Internet. Із цього часу WWW стала базовою системою для розвитку Інтернет-технологій. Завдяки появі пошукових серверів, Java-аплетів, JavaScript-сценаріїв й інших подібних засобів система WWW перетворилася у систему , якою ми користуємося сьогодні [2].
- Тема I. Основи будови, функціонування та сервіси глобальної комп’ютерної мережі Інтернет
- 1. Загальна характеристика та етапи розвитку глобальної комп’ютерної мережі Інтернет
- 2. Інтернет з'єднання
- 2.1. Протоколи комп’ютерних мереж в Інтернеті
- 2.2. Локальна мережа (Local-area networks - laNs)
- 2.3. Глобальна мережа (Wide-area networks - waNs)
- 2.4. Віртуальні приватні мережі (Virtual private network - vpn)
- 2.4.1. Переваги використання віртуальних приватних мереж
- 3. Служби глобальної комп’ютерної мережі Інтернет
- 4. Мережні дані та класифікація комп’ютерних мереж
- 5. Мережні пристрої
- 5.1. Network interface card (nic) – мережний адаптер
- 5.2. Установка nic та модему
- 5.3. Мережні топології
- 6. Короткий огляд високошвидкісного і комутованого підключення
- 7. Опис tcp/ip. Тестування підключення за допомогою утиліти ping
- Список рекомендованих джерел інформації
- 1. Мережні моделі
- 1.1. Використання рівнів для опису передачі інформації
- 1.2. Модель osi
- 1.4. Однорангова модель взаємодії (peer-to-peer communications)
- 1.5. Модель tcp/ip
- 1.6. Складові процесу інкапсуляції
- 2. Система адресації комп’ютерів у мережі Інтернет
- 3. Ідентифікація комп’ютерів у мережі Інтернет за допомогою символьних імен - dns
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 1.1. Концептуальна модель web
- 1.2. Характеристики World Wide Web
- 1.3. Організації www
- 2. Елементи Web - документів
- 2.1. Етапи розвитку мови html
- 2.2. Інші мови розмітки
- 2.3. Ієрархія dom
- 2.4. Структура html документа
- 2.5. Елементи, дескриптори і атрибути
- 2.6. Дескриптори, що визначають структуру html-документа
- 2.7. Включення зображень в Web-сторінку
- 2.8. Гіпертекстові посилання
- Зовнішній вид фрагмента коду html у вікні навігатора
- 2.9. Таблиці
- 2.10. Списки в html документі
- 2.11. Фрейми
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 3.6. Поддержка стилей
- 3.6.1 Встраиваемые стили
- 3.6.2 Включаемые стили
- 3.6.3 Связываемые стили
- 3.6.4. Импортируемые стили и правило @import
- 4.1. Формати графічних файлів Web-сторінок
- 4.1.1. Формат jpeg
- 4.1.2. Формат gif
- 4.1.4. Який формат краще
- 4.2. Звук в документах html
- 5. Додатки cgi
- 5.1. Створення форм
- 5.1.1. Опис форми
- 5.1.2. Створення органів керування для форми
- 5.1.3. Приклад документа html із формою
- 5.2. Передача даних програмі cgi
- 5.2.1. Метод get
- 5.2.2. Метод post
- 5.2.3. Порівняння - get і post
- Список рекомендованих джерел інформації
- Лабораторна робота №1
- 2. Вміти використовувати мережні команди для одержання інформації про топологію та конфігурацію мережі, мережне обладнання робочих станцій та працездатність комп’ютерної мережі.
- 1. Визначення апаратного забезпечення робочої станції
- 2. Вивчення роботи мережних команд в режимі емуляції dos (командному рядку).
- Net send 15-09 Як справи, друже. Як працює мережа?
- 3. Дослідження підключення локальної мережі класу до глобальної мережі Internet.
- Ping.Exe -t ім’я робочої станції викладача
- Ping.Exe -l розмір пакету ім’я робочої станції
- Ping.Exe -w інтервал ім’я робочої станції
- 4. Висновки за результатами лабораторної роботи
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №4
- Вивчити структуру побудови та елементи html-документа.
- Вивчити застосування непарних міток та Esc-послідовностей у html-документах.
- Вивчити засоби та дескриптори фізичного форматування тексту в html-документах.
- Завдання
- Висновки за результатами роботи
- Контрольні питання
- Список рекомендованої літератури