- •Тема 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-документах.
- •Завдання
- •Висновки за результатами роботи
- •Контрольні питання
- •Список рекомендованої літератури
4.1.4. Який формат краще
Сучасні навігатори дозволяють працювати з форматами GIF, JPEG, PCX, BMP і ХВМ, однак формати PCX і BMP не володіють розвиненими коштами компресії, тому вони практично не використовуються. Формат ХВМ народився в світі операційної системи UNIX з оболонкою X-Windows і застосовується тільки для зберігання чорно-білих зображень. При розміщенні в документі HTML графічного зображення треба буде зробити вибір між форматами GIF і JPEG.
Якщо розміщується в документі HTML копія екрана або інше аналогічне зображення (наприклад, зображення вікна додатку або діалогової панелі), вибір зробити легко. У цьому випадку доведеться використати формат GIF, оскільки стиснення з втратою якості приведе до незадовільного результату.
Аналогічно, якщо потрібно отримати ефект прозорості або аніації, вибору також немає - тільки формат GIF дозволить вам створити необхідні зображення.
Важче усього зробити вибір для фотографічних зображень або для малюнків з плавними змінами кольорів, оскільки важко заздалегідь сказати, який з форматів дозволить досягнути мінімального розміру файлу при достатній якості зображення. Можливо, що доведеться провести експерименти, вибираючи різні міри втрати якості для формату JPEG. При цьому не виключено, що формат GIF дасть кращі результати, особливо якщо врахувати можливість використання скороченої палітри.
Анімаційні зображення, виконані у вигляді файлів GIF, використовуються в документах WWW досить широко, оскільки для їх підготовки можливо застосовувати недорогі або навіть безкоштовні програми. Однак таким чином можна зробити тільки "німе кіно". Повноцінні озвучені відеофрагменти можливо розмістити в документах HTML як посилання на файли в форматі Microsoft Video for Windows (файл AVI).
4.2. Звук в документах html
Після попадання на головну сторінку сервера WWW корпорації Microsoft в кінці 1996 року можна почути запрошення в Internet (на чистій англійській мові). Сторінки сервера також можливо озвучити, використовуючи спеціальні оператори мови HTML, призначені для вставки звукових файлів WAV і музичних файлів MIDI.
На жаль, навігатори Microsoft Internet Explorer і Netscape Navigator використовують різні способи для вставки звуку в документи HTML
Для того щоб вставти звуковий файл в документ HTML, призначений для перегляду навігатором Microsoft Internet Explorer, треба скористатися оператором <BGSOUND>. Цей оператор має два параметри - SRC і LOOP.
Параметр SRC вказує адресу URL звукового файла, яка може бути в форматі WAV, AU або MIDI. За допомогою параметра LOOP можливо указати, скільки разів необхідно програти звуковий файл при завантаженні сторінки. Якщо файлу має бути програватися в нескінченному циклі, параметр LOOP повинен мати значення INFINITE.
Нижче приведений приклад оператора, за допомогою якого виконується звукове оформлення документа HTML:
<BGSOUND SRC="kaas.wav">
При завантаженні сторінки відбувається однократне програння файла kaas.wav.
Навігатор дозволяє використати інший спосіб вставки звукових фрагментів, заснований на застосуванні оператора <EMBED>:
<EMBED SRC="kaas.wav" HIDDEN="true">
Оператор <EMBED> призначений для вставки довільних об'єктів OLE. Технологія OLE працює тільки в середовищі операційної системи Microsoft Windows, тому вказаний оператор розпізнається не всіма навігаторами.
Є і ще один, третій, спосіб озвучення документів HTML, який працює тільки з навігатором NCSA Mosaic. Цей спосіб полягає у використанні оператора <SOUND>:
<SOUND SRC="kaas.wav" LOOP=infinite DELAY=15>
Призначення параметрів SRC і LOOP аналогічне призначенню однойменних параметрів оператора <BGSOUND>. Параметр DELAY дозволяє затримати початок програння звукового файла на задану кількість секунд.
Який же з перерахованих трьох способів можливо порекомендувати для звукового оформлення ваших сторінок - перший, другий або третій?
Відповідь буде такий - потрібно використати комбінацію першого і другого методу, як це зроблене в документі, початковий текст якого приведений в лістинг 4.8.
Лістинг 4.8. Файл chap4\wave\wave.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Вставка файла WAVE</TITLE>
</HEAD>
<BODY>
<EMBED SRC="kaas.wav" HlDDEN="True"> <BGSOUND SRC="kaas.wav">
</BODY>
</HTML>
Дана комбінація буде успішно працювати з навігаторами Microsoft Internet Explorer і Netscape Navigator. Що ж до навігатора NCSA Mosaic, що послужив прообразом навігатора Microsoft Internet Explorer, то він здатний розпізнавати оператор <BGSOUND>. Тому документ буде звучати і в тому випадку, якщо користувач працює з навігатором NCSA Mosaic.
Навігатор Microsoft Internet Explorer версії 3.0 успішно програє звукові файли WAV і музичні файли MIDI, вбудовані за допомогою оператора <EMBED>, тому можна також обмежитися тільки цим оператором. У документі, початковий текст якого представлений в лістинг 4.9, так і зроблено. На жаль, цей документ "не звучить" в навігаторе NCSA Mosaic.
Лістинг 4.9. Файл chap4\midi\midi.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Вставка файла MIDI</TITLE> </HEAD>
<BODY>
<EMBED SRC="bach.mid" HIDDEN="true">
</BODY>
</HTML>
Невелике зауваження відносно навігатора NCSA Mosaic. Якщо вставляється в документ HTML файл MIDI за допомогою оператора <BGSOUND>, то для програння цього файла буде запущений відповідний додаток, зареєстрований для програння файлів MIDI, наприклад Media Player.