9.6. Створення Web-сайту

Програмний пакет Macromedia Dreamweaver призначений для створення і редагування сайтів і керування ними.

Web-сайт – це набір зв'язаних HTML-документів, об'єднаних предметною областю, тематикою і цілями.

Перш ніж створювати Web-сайт чи його окремі сторінки, рекомендується створити проект майбутнього сайту. Він передбачає проектування базової структури Web-сайту, принципів організації навігації в Web-сайті, структури збереження різноманітної інформації, використовуваної в сайті: ієрархія папок (директорій), піддиректорій і файлів.

Зокрема, вже на етапі проектування бажано оцінити імовірність відвідування користувачами окремих розділів чи сторінок електронного видання, для того щоб забезпечити до них найбільш простий доступ. Слід зазначити, що в процесі експлуатації сайту може бути організована реєстрація відвідувань Web-сайту і його окремих сторінок, що дає змогу визначити статистику відвідування, за допомогою якої може бути перевизначений доступ до сторінок сайту.

У розглянутому програмному середовищі можливе створення елементів Web-сайту, що використовують текст, зображення, таблиці, фрейми, шари, форми. Деякі компоненти електронного видання створюються в інших програмних середовищах, наприклад анімація, цифрові відеоролики, аудіоінформація. У цьому випадку Macromedia Dreamweaver забезпечує вбудовування компонентів електронного видання в підсумковий документ і здійснює обмежене настроювання відповідних атрибутів. Відзначимо, що все різноманіття використовуваних компонентів електронного видання підлягає класифікації і розміщенню у виді файлів в окремих директоріях, до створення сайту в цілому. Наприклад, в одну директорію розміщують усі використовувані зображення, в іншу - інформацію про продукцію, у третю - інформацію про що виставила Web-сайт організації і т.д. У свою чергу, ці директорії також можуть мати ієрархічну структуру.

У пакеті Dreamweaver термін “сайт” може відноситися як до Web-сайту в цілому, так і до локальної сторінки документу, що належить Web-сайту.

У процесі проектування Web-сайту необхідно враховувати його доступність для апаратно-програмних засобів відвідувачів (апаратної платформи, операційних систем і браузерів), можливі швидкості передачі інформації і деяких інших особливостей інтерактивної взаємодії відвідувачів з Web-сайтом.

Такий підхід реалізується навіть у випадку створення персональної домашньої Web-сторінки.

Першорядною задачею є визначення цілей створення Web-сайта. Сформульовані цілі дають змогу адаптувати Web-сайт до інтересів визначеної групи користувачів мережі Internet. У результаті прогнозу запитів користувачів виявляються можливим оптимізувати режими перегляду і навігації в Web-сайті, вибрати найбільш раціональні форми представлення відповідної інформації і прийняти зважене рішення щодо програмних засобів їхнього створення.

При проектуванні Web-сайту необхідно орієнтуватися на визначене апаратно-програмне середовище, що є в потенційних відвідувачів Web-сайту. У першу чергу, мова йде про використовувані програми перегляду Web-сайтів (браузерах) і операційних системах. Наприклад, у деяких операційних системах передбачена робота з русифікованими іменами файлів. У той же час дуже розповсюджені в провайдерів операційні системи типу UNIX не «бачать» ці файли. Може бути різною критичність програмних засобів до регістра імен файлів, директорій і тегів.

Необхідно враховувати, на якій апаратній платформі і моніторах буде проглядатися проектований Web-сайт, який спосіб буде використовуватися для підключення до мережі (і відповідна йому швидкодія) і т.д.

Організація структури сайту. При проектуванні сайту необхідно продумати організацію його збереження. Звичайно сайт розміщується в створеній папці на локальному диску комп'ютера. Ця папка включає усі файли сайту (локальний сайт), так що створюються і редагуються документи всередині цієї папки. Потім, коли сайт створений, здійснюється копіювання створених файлів на Web-сервер по конкретній URL-адресі.

Програмний пакет Dreamweaver дає змогу розміщувати сайти, керувати файлами сайту, зв'язками, модифікувати сторінки і т.д. Наприклад, всі інтерактивні сторінки можна розмістити в одній папці, а офіційні повідомлення, дані про реєстрацію роботи сайту і статистичні дані - в іншій папці. При необхідності можна використовувати підкаталоги. Подібний тип організації приводить до простішої реалізації сайту, його підтримки і переміщення.

Необхідно вирішити питання з розміщенням зображень, аудіоінформації й інших компонентів електронних видань у виді не-HTМL-файлів. Звичайно всі зображення знаходяться в одній піддиректорії. Це дає можливість швидко знайти потрібний графічний елемент сайту і при необхідності замінити його або модернізувати. Аналогічний підхід реалізується і стосовно інших компонентів електронних видань. Тому, поряд з директорією зображень, використовують звукову, анімаційну й інші папки.

Для локальних і віддалених (на сервері) Web-сайтів звичайно використовуються ідентичні структури. Зокрема, пакет Dreamweaver гарантує, що при копіюванні локальна структура сайту буде точно продубльована на віддаленому сервері. Важливо не тільки підтримати несуперечність у розміщенні сторінки на сайті й у проекті, але і вирішити дуже важливі питання модернізації URL-адрес усіляких посилань на конкретні елементи електронного видання і його компоненти.

Процес проектування структури в даному програмному середовищі рекомендується здійснювати, базуючи на використанні програмного забезпечення типу Macromedia FreeHand чи Fireworks, що заміняють ручне малювання на папері.

Рекомендується, щоб усі сторінки Web-сайту мали ідентичний набір засобів навігації.

Проектування схеми навігації. При проектуванні Web-сайту велике значення має оцінка знань і досвіду потенційних відвідувачів. Необхідно продумати питання, як відвідувач Web-сайту буде переміщуватися від однієї області сайту до іншої; проробити раціональну систему «повернення». Звичайно використовуються два способи: посилання по глибині Web-сторінки і горизонтальні посилання всередині розділу або теми.

Повернення з будь-якого рівня у вихідну точку не завжди доцільне. Конкретне ріше-ння приймається виходячи з аналізу предметної області. При створенні багатосторінкового Web-сайту чи Web-сторінки доцільно використовувати ідентичні засоби навігації на кожній сторінці. Це значно спрощує інтерактивна взаємодія відвідувача з Web-сайтом.

Система навігації повинна надавати відвідувачу Web-сайту можливість бачити, де він знаходиться в структурі документу, що дає змогу правильно вибирати наступні кроки і спрощує процес повернення до визначеного рівня.

При організації пошуку необхідної інформації в електронному виданні доцільно використовувати алфавітні показники, індекси і пошук по контексту. Рекомендується передбачити можливість отримання інформації про встановлення контактів з Web-майстрами, що створили Web-сайт, а також з людьми, що представляють організацію замовника Web-сайту. Цей підхід називають - «зворотний зв'язок».

Після розробки структури збереження даних необхідно створити папки (директорії), що включають усі файли, що використані в даному електронному виданні.

Використання Dreamweaver для установки нового Web-сайту. Для організації файлів сайту Dreamweaver відтворює структуру документу вилученого сайту на локальному комп'ютері. Зв'язки, створені в локальному сайті, будуть працювати на віддаленому, тому що структура обидвох сайтів є ідентичною.

Створити сайт можна, задавши кореневу директорію, за допомогою команди Site/Define Sites (Визначити Web-сайт). Зв'язати локальний сайт із віддаленим можна, задавши додаткові параметри діалогового вікна Define Sites.

Під час передачі файлів між локальним і віддаленими сайтами Dreamweaver зберігає ідентичну структуру директорій для забезпечення цілісності зв'язків і посилань. Якщо відповідна директорія відсутня на тому сайті, куди здійснюється передача, Dreamweaver автоматично її створює.

У Drеамwеаvеrе є ряд функцій для структуризації сайту, навігації всередині і між документуми і передачі даних на віддалений сервер.

Для того щоб зробити корпоративну роботу над Web-сайтом менше трудомісткою, можна позначати файли на віддаленому сервері для особистого користування і звільняти їх для того, щоб запобігти одночасній роботі Web-майстрів над тими самими файлами.

Програмний пакет не виконує функцій контролю версій файлів, а також не робить автоматичного видалення файлів і каталогів на віддаленому сервері, яких більше не існує на локальному сайті.