- •Змістовній модуль 1. Створення статичних Web-сторінок тема 1. Проектування Web-сайту Лабораторна робота 1. Проектування Web-сайту
- •Тема 2. Розмітка тексту з використанням html Лабораторна робота 2. Розміщення текстової інформації на Web-сторінках
- •Теги логічного форматування
- •Теги фізичного форматування
- •Лабораторна робота 3. Створення зв'язаних Web-сторінок
- •Лабораторна робота 4. Дослідження сторінок складної структури
- •Тема 3. Використання стильових специфікацій Лабораторна робота 5. Форматування сторінок з використанням таблиць стилів
- •Властивості області розміщення елемента
- •Лабораторна робота 6. Дослідження елементів дизайну, створених на основі таблиць стилів
- •Властивості для управління фоном
- •Змістовній модуль 2. Клієнтські технології створення динамічних Web-сторінок тема 4. Сценарії, що виконуються на клієнтській стороні Лабораторна робота 7. Розробка сценаріїв для Web-сторінок
- •Зразки завдань до лабораторної роботи 7
- •If (умова) { блок 1 }
- •Лабораторна робота 8. Виконання сценаріїв, вбудованих в Web-сторінки.
- •Тема 5. Створення динамічних сторінок Лабораторна робота 9. Використання об'єктів dom в скриптах
- •Зразки завдань до лабораторної роботи 9
- •Лабораторна робота 10. Створення динамічних сторінок
- •Змістовній модуль 3. Серверні технології створення динамічних Web-сторінок Тема 6. Характеристика серверних технологій Лабораторна робота 11. Дослідження взаємодії браузера з сервером на основі cgi
- •Тема 7. Технології активних сторінок Лабораторна робота 12. Дослідження взаємодії браузера з сервером при генерації динамічних сторінок asp
- •Лабораторна робота 13. Дослідження взаємодії браузера з сервером при відображенні динамічних сторінок, створених з використання asp.Net
- •Лабораторна робота 14. Дослідження взаємодії браузера з сервером при відображенні динамічних сторінок, створених з використання мови php
- •Змістовній модуль 4. Xml і його використання тема 8. Мова розмітки xml Лабораторна робота 15. Створення та відображення xml-документів
- •Тема 9. Використання xhtml Лабораторна робота 16. Дослідження особливостей xhtml-документів
- •Рекомендована література Основна література
- •Додаткова література
- •Тема 8. Мова розмітки xml 55
- •Тема 9. Використання xhtml 59
- •Видавець і виготівник – видавництво хнеу, 61001, м. Харків, пр. Леніна, 9а.
Змістовній модуль 3. Серверні технології створення динамічних Web-сторінок Тема 6. Характеристика серверних технологій Лабораторна робота 11. Дослідження взаємодії браузера з сервером на основі cgi
Література: основна [1].
Мета роботи – вивчення можливостей створення динамічних сторінок з використанням CGI-программ та придбання практичних навиків програмування на боці серверу.
Дане лабораторне заняття забезпечує напрацювання таких умінь:
обґрунтовувати вибір потрібної технології створення WEB-додатків;
створювати динамічні сторінки і обробляти дані з форм, використовуючи засоби програмування на стороні сервера WWW.
Указані вміння надають можливість вирішення наступних задач:
налаштовувати Web-сервери для роботи зі сторінками, яки формуються динамічно;
створювати CGI-програми у середовищі Visual Studio;
обробляти данні з форм за допомогою CGI-програм.
Завдання на лабораторну роботу
При підготовці до лабораторної роботи:
1. Відпрацювати матеріал лекції та рекомендовану літературу.
2. Продумати тему своєї розробки, підготувати необхідні алгоритми і програми.
При виконанні лабораторної роботи:
1. Познайомитися з налаштуваннями сервера IIS
2. Створити консольний додаток у середовищі VS для видачі клієнтові простої Web-сторінкі.
3. Випробувати роботу створеної CGI-програми
4. Створити CGI-програму для обробки даних з форми за індивідуальним завданням.
Звіт по лабораторній роботі надається у вигляді продукту, який створено при виконанні роботи за кожним пунктом завдання та оформлено за особистим задумом.
Контрольні запитання:
1. Який з підходів до створення динамічних сторінок представляється вам найбільш універсальним? Чому?
2. Який з підходів до створення динамічних сторінок представляється вам найбільш простим в реалізації? Чому?
3. Поясните зв'язок між розширеннями сервера і технологіями, заснованими на скриптах, вбудованих в сторінку.
4. Дайте характеристику інтерфейсу CGI?
5. У чому відмінність технологій CGI і ISAPI?
6. Як здійснюється доступ до змінних оточення в середовищі VS?
7. Чим відрізняється передача даних при використанні методів GET і POST?
Зразки завдань до лабораторної роботи 11
ВАРІАНТ 1
Створити сторінку для заповнення анкети нового користувача
ВАРІАНТ 2
Створити сторінку для входу на сайт з| перевіркою імені і пароля
ВАРІАНТ 3
Створити сторінку для збору статистики за віком відвідувачів
Довідкові матеріали до лабораторної роботи
До пункту 1.
Для тестування динамічних сторінок на комп'ютері має бути встановлений Web-сервер. При використанні операційної системи Windows XP найпростішим рішенням є установка Internet Information Services(IIS). Панель керування - Установка і видалення програм -Установка компонентів Windows, запуститься майстер, відзначити перемикач Internet Information Services(IIS) і виконати установку.
Налаштування сервера проводяться через оснащення Internet Information Services, ярлик якого розміщений на вкладці Адміністрування (Панель керування - Адміністрування).
Для розміщення сайту з динамічними сторінками необхідно створити віртуальну папку, яка зв'яже ім'я сайту на сервері з однією з фізичних папок комп'ютера. Папка створюється в дереві папок Web-узіл за умовчанням по команді Створити - Віртуальний каталог з контекстного меню. Запуститься майстер, в діалозі з яким будуть задані всі необхідні імена і права доступу. Надалі доступ до налаштувань віртуальної папки здійснюється по команді Властивості з контекстного меню. Необхідно задати дозволені дії з каталогом, дозвіл на запуск сценаріїв і виконуваних файлів, можна виконати і інші налаштування (наприклад задати імена, використовувані за умовчанням і ін.). Після виконання налаштувань для доступу до розміщених ресурсів використовується адреса
http://localhost/им'я_вiр_папки/им'я_ресурсу.
До пункту 2.
Запустити VS, створити новий консольний додаток, в заготівку функції Main вставити текст
Console .Write("Content-Type:text/html\n\n");
Console .WriteLine("<html >");
Console .WriteLine("<head >");
Console .WriteLine("<title>Простійша CGI-програма</title>");
Console .WriteLine("</head>");
Console .WriteLine("<body >");
Console .WriteLine("<h1>Вас вітає проста CGI-програма !</h1>");
Console .WriteLine("</body>");
Console .WriteLine("</html>");
Запустити на виконання в режимі відладки, переконається, що у вихідний потік виводиться правильна директива серверу, після неї порожній рядок і далі синтаксично правильний HTML-документ
До пункту 3.
Скопіювати створений виконуваний файл в папку , пов'язану з віртуальним каталогом сервера і випробувати роботу, задавши в браузері адресу ресурсу.
При використанні на лабораторній роботі сервера, що знаходиться на ВЦ 418, матеріали розміщувати у віртуальному каталозі web_4_7 в папці з вашим прізвищем. Створений в проекті виконуваний файл по локальній мережі помістити в папку на сервері, переконатися в працездатності ресурсу, задавши його адресу в браузері: http://172.16.178.20/web_4_7/им'я_папки/им'я_ресурсу
До пункту 4.
При відправці даних з форми методом GET (використовується за умовчанням) вони поміщаються сервером в змінну оточення QUERY_STRING у вигляді name1=value1&name2=value2& .
Доступ до змінної і перетворення даних в масив рядків (без символів "=" і "&" ) для подальшого використання може виконуватися так:
string query = System .Environment.GetEnvironmentVariable("QUERY_STRING ");
char[ ] SplitChars = new char[ ] { '=' , '&' };
string[ ] result = query .Split(SplitChars );