 |
9.5. Використання інтерактивних можливостей і анімації
|
|
|
|
9. 5. Використання інтерактивних можливостей і анімації
Для залучення інтересу відвідувачів до створюваного Web-сайту чи Web-сторінки широко використовуються інтерактивність й анімація. З їхньою допомогою досягається велика наочність подання матеріалу і динамічна ілюстрація обговорюваних процесів у розвитку.
У навчальній літературі інтерактивний режим взаємодії дає змогу читачу вільно переміщуватися по матеріалу електронного видання відповідно до цілей пошуку і відповідей на конкретні питання, що виникають при вивченні матеріалу.
Багато технічних проблем більш наочно подаються за допомогою анімації.
Цей підхід дає змогу наблизити електронне видання до традиційних методик читання лекцій, де, наприклад, структурна схема системи з'являється на дошці не відразу, а поступово, з поясненням основних принципів чи особливостей її побудови для розглянутого класу систем чи об'єктів керування. Те ж саме можна сказати про різноманітний ілюстративний графічний матеріал.
У середовищі Dreamweaver існує кілька можливостей додання інтерактивності електронним виданням і використання в них засобів анімації.
Можна використовувати лінії поведінки для виконання визначених дій у відповідь на ті чи інші події. Наприклад, при організації навігації можна візуально показати виділення кнопки при впливі на неї курсором миші.
Для створення анімацій використовується спеціальна функція Timelines. Вона не вимагає впровадження об'єктів (plugins), елементів керування Active чи Java-апплетів. Timelines використовують динамічний (dynamic) HTML для зміни місця розташування шару чи вихідного файлу зображення з часом чи викликом лінії поведінки після завантаження сторінки.
|
|
|
У той же час можна використовувати Java-апплети, Shockwave і Flash Player ролики, будь-які елементи керування Active чи Netscape-plugins для впровадження в електронне видання анімаційних роликів, інтерактивних схем навігації й інших мультимедійних елементів.
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-майстрів над тими самими файлами.
Програмний пакет не виконує функцій контролю версій файлів, а також не робить автоматичного видалення файлів і каталогів на віддаленому сервері, яких більше не існує на локальному сайті.
|
|
|
