- •Тема 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.2. Формат gif
Незважаючи на те, що зображення, що зберігаються в цьому форматі, не можуть мати більше за 256 кольорів, формат GIF володіє можливостями, які роблять його незамінним в цілому ряді випадків.
По-перше, в форматі GIF використовуються алгоритми стиснення зображення без втрат якості. Тому цей формат як не можна краще підходить для зберігання списів екранів або штріхових малюнків, що містять великі однотонні площі.
По-друге, можна істотно зменшити розмір графічного файла, записавши в нього скорочену колірну палітру замість повної 256-кольорової.
По-третє, розміщуючи в документах HTML спеціальним образом підготовлені зображення GIF, можна отримати ефект прозорості. Частини зображення можуть бути прозорими, тому видима форма зображення може відрізнятися від квадратної або прямокутної.
По-четверте, формат GIF і тільки формат GIF дозволяє створювати анімаційні графічні зображення, оживляючі зовнішній вигляд документа HTML.
І нарешті, по-п'яте, формат GIF дозволяє створювати файли з черезстрочним (interlaced) зображенням.
Що це таке? Рядки черезстрочних зображень GIF розташовуються не підряд, а по черзі. Спочатку в цьому файлі знаходяться рядки, номери яких кратні восьми, потім - чотирьом і т. д. Чересстрочноє зображення виявляється на екрані навігатора поступово, збільшуючи свою чіткість по мірі отримання нових порцій даних. Це дає користувачеві можливість оцінити вміст графічного зображення до моменту його повного завантаження. Якщо зображення не потрібне, можна відмовитися від його завантаження до повного завершення процесу і тим самим зекономити час.
Як влаштований файл GIF? Файл в форматі GIF версії 89а складається з блоків декількох типів, два з яких є обов'язковими, а інші - додатковими. Обов'язкові блоки - це блоки заголовка і блоки зображення. Додатково файл GIF може містити блоки коментаря, текстові і керуючі блоки, а також блоки даних, що містять довільну інформацію.
У блоці заголовка розташована палітра і відомості про розміри області, в якій бажано відображати вміст файла. Що ж до палітри, то в файлі GIF може бути визначена одна глобальна палітра, яка використовується для всіх графічних зображень, записаних в файлі, або декілька локальних палітр для окремих зображень.
У одному файлі GIF може бути один або декілька блоків зображень. Якщо створюються прозорі або анімационі зображення, буде треба підготувати декілька зображень і записати їх в файл.
У блок коментаря можна записати текст, що описує зображення, або відомості про права на зображення. Вміст блоку коментаря не з'явиться на екрані під час відображення файлу GIF, однак його можливо побачити безпосередньо в файлі, наприклад за допомогою програми перегляду файлу.
Що ж до текстових блоків, то розташований в них текст буде виведений на екран понад зображення. При підготовці текстового блоку можна указати колір і розташування тексту.
Створюючи керуючі блоки, можна визначити колір в зображенні або тексті як прозорий. При відображенні такого зображення прозорі фрагменти не будуть закривати малюнок, який використовується як фон.
Додаткові блоки даних з довільною інформацією можуть використовуватися додатками, що відображають зображення.
4.1.3. Вибір палітри
Палітрою називається таблиця кольорів, яка є в графічному файлі і містить всі кольори, використані в зображенні. Формат GIF дозволяє вказувати точний розмір таблиці кольорів, необхідний для зображення.
На що впливає цей розмір? Кількість елементів в таблиці кольорів самим безпосереднім образом впливає на розмір файлу, що містить графічне зображення, оскільки від нього залежить кількість біт даних, що використовуються для представлення кольору.
Наприклад, якщо палітра (тобто таблиця кольорів) містить тільки 2 елементи, в зображенні є 2 кольори (наприклад, чорний і білий або червоний і жовтий). При цьому для представлення кольору кожного пікселя досить використати 1 біт. Якщо ж палітра містить 256 кольорів, для представлення кольору пікселя необхідно використати 8 біт даних.
Багато які графічні редактори дозволяють вказувати точний розмір палітри або задавати кількість біт, що використовуються для представлення кольору. Як приклад можна назвати графічний редактор Adobe Photoshop. Докладний опис цього редактора, однак, виходить за рамки курсу.
При виборі палітри для графічного зображення потрібно враховувати можливі обмеження колірної роздільної здатності відеоадаптер видаленого користувача. Якщо відеоадаптер здатний відображати одночасно тільки 256 кольорів, можуть виникнути колірні спотворення.
Якщо в файлі GIF є декілька зображень, треба вирішити, чи потрібно використати для них одну глобальну палітру або підготувати для кожного зображення свою локальну палітру. Якщо створюється анімаційне зображення з декількох кадрів, в яких застосовуються схожі кольори, доцільно підготувати одну глобальну палітру. Помітимо також, що на завантаження нової палітри може піти багато часу, що приведе до сповільнення процесу відображення.
Як вже говорилося, формат GIF дозволяє зберігати в одному файлі декілька графічних зображень. При відображенні такого файлу навігатори можуть показувати ці зображення по черзі, як кадри звичайного кінофільму. Підготувавши достатню кількість кадрів, можна створити невеликий фільм (або мультфільм) і розмістити його в документі HTML. Для створення анімаційних графічних файлів GIF використовується спеціальне програмне забезпечення, наприклад, створений корпорацією Microsoft програмний продукт називається Microsoft GIF Animator.
Детальніше про використання палітр в операційній системі Microsoft Windows можна дізнатися з 14-го тому "Бібліотеки системного програміста", який називається "Операційна система Microsoft Windows для програміста. Графічний інтерфейс GDI".