1.9. Розробка Web-сайтів
Розробка будь-якого Web-документа або системи документів (Web-сайта) починається з визначення вимог до нього для конкретного набору користувачів і закінчується експлуатацією системи цими користувачами. Існують різні підходи і технології розробки Web-сайтів. Хоча проектування Web-сайта (як і окремих сторінок) в значній мірі є мистецтвом, все ж можна систематизувати і узагальнити накопичений досвід у цій галузі.
Процес створення Web-сайта можна поділити на такі етапи:
1. Визначення цілей та функцій Web-сайта.
2. Створення структури (схеми) сайта.
3. Добір апаратних і програмних засобів, необхідних для реалізації Web-сайта.
4. Створення окремих сторінок.
5. Тестування.
6. Публікація сторінок на сервері.
7. Реклама Web-сайта.
8. Експлуатація (підтримка Web-сайта).
Етап визначення цілей та функцій Web-сайта
На початковому етапі створення Web-сайта виконуються такі дії:
1) Визначається мета створення (забезпечення інформацією про навчальний заклад, підприємство чи приватну фірму; електронна бібліотека; електронний бізнес; дискусійний форум, дистанційне навчання тощо).
2) Визначається аудиторія потенційних користувачів («відвідувачів»).
3) Визначаються функції Web-сайта (пошукова система, дискусійний форум, система тестування, розміщення замовлень та ін.).
Етап створення структури (схеми) сайта
Сайт — це сукупність Web-документів (Web-сторінок), між якими встановлено певні зв'язки. Множина зв'язків між елементами системи визначає певну структуру. Загальна структура сайта визначається, в першу чергу, його призначенням, функціями та змістом.
Найпростішою структурою є лінійна структура. У цьому випадку кожна сторінка (крім останньої) має посилання тільки на одну наступну сторінку. Документи, які входять до лінійної структури, можна переглядати послідовно тільки в одному напрямі — від початкової ланки до останньої. Для забезпечення двостороннього зв'язку на сторінки помішують також посилання на попередню ланку (рис. 1.29). У такій структурі є можливість рухатися від кожної ланки як вперед, так і назад.
Перша Друга
Передостання Остання
сторінка сторінка … сторінка сторінка
Рис. 1.29
Найчастіше сайт має нелінійну структуру. Важливим випадком нелінійних структур є ієрархічні (деревовидні) структури, які вважаються одними з найпоширеніших типів класифікаційних структур. У цьому випадку елементи сторінки впорядковані так, що існує лише один елемент (коренева сторінка), який не має попереднього, а всі інші елементи мають тільки один попередній. Зазначимо, що лінійна структура є окремим випадком деревовидної. Деревовидний зв'язок є зв'язком типу один-до багатьох. На рис. 1.30 наведено приклад дерева.
Деревовидну структуру може мати, наприклад, довідник із деякої галузі знань. Початкова сторінка може містити зміст посібника, кожна вітка — інформацію, що стосується певної теми.
Рис. 1.30
Якщо сайт має нелінійну структуру, то кожна сторінка може містити гіпертекстові посилання на багато інших сторінок, яким-то чином зв'язаних з даною. Приклад такої структури сайта наведено на рис. 1.31.
Згадану структуру може мати, зокрема, сайт, що є розробкою деякої енциклопедії з певної галузі знань. Енциклопедія може, наприклад, складатися з великої кількості відносно незалежних фрагментів, кожен з яких цікавий сам по собі. Аналогічна ситуація може виникнути і у випадку, якщо ряд фрагментів тісно пов'язані між собою. Розробник надає можливість здійснювати різноманітні переходи між сторінками, а користувач сам виділятиме послідовні ланцюжки сторінок, які викликають для нього інтерес. Використовуючи наявні в документах посилання, користувач сам визначає порядок перегляду енциклопедії. Загальна структура сайта може бути комбінацією як лінійних, так і нелінійних структур. Наприклад, енциклопедія, про яку згадувалося вище, може мати нелінійну структуру, але кожному окремому питанню можна присвятити декілька послідовних сторінок. І ці сторінки можуть розглядатися тільки одна за одною. Можливий ще й інший варіант: енциклопедія може складатися з послідовних розділів, кожен з яких має нелінійну структуру.
Етап добору апаратних і програмних засобів, необхідних для реалізації Web-сайта
1. Встановлюються види необхідного матеріального забезпечення (сервер) і прикладних програм для Web-сайта (пошукові системи, інтерфейс, системи для реєстрації та ідентифікації користувачів та ін.). Web-сайт може розміщуватися на власному сервері (за умови наявності надійного виділеного каналу Internet). Альтернативним варіантом, і найчастіше — найзручнішим є укладання угоди на послуги хостинга з компанією, що спеціалізується на наданні таких послуг. Під хостингом мається на увазі надання оператором деяких ресурсів — дискового простору, оперативної пам'яті, процесорного часу, каналу доступу в Інтернет тощо — для розміщення і підтримки цілодобової працездатності інтернет-проектів.
2. Реєстрація доменного імені.
3. Якщо планується використання бази даних, необхідно вибрати тип системи управління базами даних (MySQL, PostgresSQL, Oracle). Також на цьому етапі необхідно вибрати технологію доступу до бази даних — доступ засобами мови РНР, CGI-скриптів тощо. (Технології доступу до баз даних із Web-сторінок розглядатимуться у другому розділі.)
4. Вибір інструменту написання HTML-коду: текстовий редактор, спеціалізований редактор HTML-коду, візуальний Web-редактор.
5. Вибір інструментів створення графіки й анімації.
Етап створення окремих сторінок
Розробка загального дизайну або макета кожної сторінки, колірної схеми, малюнків. Створення анімацій.
2. Розробка коду окремих сторінок.
3. Розробка коду для прикладних програм Web-сайта (механізм пошуку, форум, доступ до бази даних, система динамічного оновлення новин, система обробки замовлень, поштові програми та ін.).
4. Складання всіх елементів в одну структуру Web-сайта.
Етап тестування
1. Випробовування роботи гіперпосилань.
2. Випробування прикладних програм для Web-сайтів (наприклад, тестування у граничних режимах).
Етап публікації сторінок на сервері
1. Перенесення html-файлів, файлів графіки, анімації, прикладних програм на сервер.
2. Створення структури бази даних на сервері, заповнення бази даних початковими даними.
3. Тестування роботи Web-сайта на сервері.
4. Оцінювання швидкості завантаження з різних точок доступу до мережі Internet (виділена лінія, модем).
Етап реклами Web-сайта
1. Реєстрація сайта в пошукових системах.
2. Реєстрація в банерних системах обміну. Для комерційних ресурсів купівля банерної реклами.
Етап експлуатації
Період експлуатації Web-сайта починається тоді, коли розробка Web-сайта завершується і всі сторінки переносяться на сервер. Період експлуатації включає також поновлення змісту, модернізацію графіки, доповнення сайта додатковими функціями, відстеження «відвідуваності» сайта.