- •Тема 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-документах.
- •Завдання
- •Висновки за результатами роботи
- •Контрольні питання
- •Список рекомендованої літератури
1.1. Концептуальна модель web
World Wide Web - це не тільки текст і зображення. Ця система має таку характеристику, як дія. Ви не тільки переглядаєте Web-вузли й -сторінки, ви активно взаємодієте з ними. Ступінь взаємодії виявляється набагато більш високою, ніж при читанні звичайного інформаційного джерела. Web-портал дозволяє користувачам здобувати авіаквитки, грати на біржі, вивчати мови, переглядати поточні новини, переглядати прогноз погоди тощо. Така взаємодія називається інтерактивною.

Рис. 2. Модель, що описує принципи організації й подання елементів в Web
Текст, зображення й інтерактивні засоби є основними елементами, необхідними для створення Web-вузла. Була створена спеціальна модель, що описує принципи організації й подання цих елементів при розробці Web–вузла (рис. 2). Ці принципи перераховані нижче
-
Представлення. Способи подання інформації користувачам.
-
Структура. Організація й оптимізація інформації, що спрощує її розуміння й використання.
-
Функціонування. Принципи взаємодії користувача із продуктом і реакція системи в результаті такої взаємодії.
1.2. Характеристики World Wide Web
WWW відрізняється від всіх інших Інтернет-служб тим, що вона має нелінійну структуру, забезпечує інтерактивну взаємодію й орієнтована на відображення графічної інформації. Основні характеристики Web перераховано нижче.
-
Нелінійність. У більшості випадків користувач одержує доступ до Web-сторінок за допомогою гіпертекстових посилань, які входять до складу документів, розташованих на тому ж або на іншому Web-вузлі. Можна налаштувати Web-вузол так, що користувач обов'язково буде переглядати сторінки в деякому певному вказаному вами порядку, однак такі обмеження не відповідають призначенню Web. Працюючи в Web, користувач повинен мати можливість вибрати власний шлях.
-
Підтримка інтерактивної взаємодії. На відміну від друкованих видань, Web-публікації здатні реагувати на дії користувача. Розроблювачі Web-вузлів можуть стимулювати активність користувача, передбачаючи зміну форми й кольори графічних зображень при приміщенні на них курсору або безпосередньо пропонуючи користувачеві зробити вибір з декількох альтернативних варіантів.
-
Відображення графіки. Web була першою службою Internet, у якій була реалізована підтримка графіки. Цьому сприяло поява графічного браузера, здатного працювати із зображеннями й мультимедіа-інформацією. Можливість роботи із графікою стала однією з причин росту популярності Internet.
1.3. Організації www
Нижче наведені організації, відповідальні за різні аспекти WWW.
ISOC (www.isoc.org). Співтовариство Internet (ISOC - Internet Society) - це неурядова некомерційна організація, створена для підтримки й розвитку Internet. За допомогою організацій, що є членами співтовариства Internet, здійснюється розробка й впровадження нових стандартів і протоколів Internet. Прикладами таких організацій є IAB (Internet Advisory Board - координаційна рада Internet) і IETF (Internet Engineering Task Force - інженерна проблемна група Internet).
IAB (www.iab.org) - це технічна група в складі ISOC, що відслідковує тенденції розвитку Internet. IAB контролює IETF, IRTF (Internet Research Task Force - дослідницька група Internet) і IANA (Internet Assigned Numbers Authority - організація розподілу IP адрес в Internet).
IETF (www.ietf.org) встановлює стандарти протоколів Internet-взаємодії, такі, як TCP/IP. IETF являє собою велику міжнародну організацію, у яку входять фахівці з мережних технологій, виробники апаратного й програмного забезпечення та науковці, що займаються розвитком архітектури Internet і забезпеченням її надійного функціонування. Стандарти, вироблені IETF, оформляються у вигляді документів RFC (Request For Comments).
IRTF (www.irtf.org). Під керуванням IАВ IRTF розробляє нові мережні технології.
IANA (www.iana.org) відповідає за розподіл доменних імен, IP-адрес й ідентифікаторів протоколів.
ICANN (www.icann.org) (Internet Corporation for Assigned Names and Numbers - корпорація по присвоєнню імен і числових ідентифікаторів) - це приватна некомерційна організація, що відповідає за IP-адресацію, призначення параметрів протоколів, підтримку системи доменних імен і забезпечення функціонування кореневих серверів системи доменних імен.
W3C (www.w3c.org). W3C (World Wide Web Consortium - консорціум WWW) був створений з ініціативи Тіма Бернерс-Лі у жовтні 1994 р.; його метою є забезпечення взаємодії в рамках даної системи. На сьогодні час членами W3C є більше 500 організацій з різних країн. Завдяки реальному внеску в розвиток WWW консорціум має авторитет в усьому світі. Завданням W3C є розробка стандартів, які визначають розвиток HTML, а також різних протоколів і мов, що мають відношення до WWW (наприклад, XML, CSS й SMIL).
Принципами реалізації Web-технологій є:
-
Здатність до взаємодії. Специфікації мов і протоколів повинні забезпечувати їх сумісність і здатність апаратного й програмного забезпечення до сумісної роботи.
-
Здатність до подальшого вдосконалювання. Існуючі технології повинні бути побудовані так, щоб забезпечити сумісність із майбутніми технологіями.
-
Децентралізація. Забезпечення масштабованості у світовому масштабі й зведення до мінімуму ймовірності появи помилок.
