 |
9.2. Структурна схема програмного пакету
|
|
|
|
9. 2. Структурна схема програмного пакету
Структурна схема програмного пакету Dreamweaver приведена на рис. 9. 1.
До складу пакета входить ряд функціональних модулів, основними з який є наступні. Ядро системи керує всіма підсистемами і погодить дії периферійних пристроїв.
Підсистема виводу інформації досить складна. Вивід даних здійснюється в декількох форматах. Технологія розробки WYSIWYG пропонує вивід інформації у вигляді, що близький до перегляду у вікні браузера. Для цього виду відображення потрібно підсистема керування. Другий спосіб відображення інформації полягає в перегляді і редагуванні вихідного HTML-коду (цей метод використовується відносно рідко). При цьому способі відображення в роботу включається підсистема синтаксичного аналізу.
Підсистема для роботи з файлами не тільки здійснює зчитування й запис даних з диску, але і слідкує за синхронізацією версій (локальної і вилученої версій файлів).
Блок зв'язку з вилученим Web-сервером реалізований у вигляді вбудованого FTP-клієнта. Клієнт забезпечує зв'язок із сервером, а також бере участь у перевірці файлів на несинхронність.
Підсистема керування інтерфейсом забезпечує гнучкість системи стосовно користувача. Однієї з основних задач підсистеми керування інтерфейсом є переключення системи відображення інформації з одного режиму в іншій. Підсистема також виконує функції контролю введення і реагування на зміни в настроюваннях середовища.
База даних об'єктів зберігає всі візуальні і невізуальні об'єкти, а також деякі зв'язки між об'єктами.
Надходження даних з бази даних у ядро здійснюється за допомогою модуля настроювання властивостей об'єкта. Модуль забезпечує зміну усіх властивостей об'єкта.
|
|
|
У системі є інтерфейс для підключення зовнішнього редактора. Інтерфейс базується на використанні шлюзу, що узгоджує параметри інтерфейсу зовнішнього редактора.
У програмному пакеті є також один або більше вбудованих редакторів (наприклад, Allaire HomeSite).
Після того як інформація проходить шлюз до зовнішніх HTML-редакторів, вона піддається синтаксичному аналізу за допомогою блоку синтаксичного розбору. Інформація перетвориться в об'єктну модель і відразу ж відображається в робочому вікні програмного пакета.
9. 3. Інтерфейс користувача і принципи його організації
Програмний пакет Dreamweaver має приємний інтерфейс користувача. Багато типових задач реалізуються на інтуїтивно доступному рівні, тому рідко виникає необхідність звертання до довідкової системи або до специфікацій мови HTML. Гнучка зміна інтерфейсу під кожну конкретну ситуацію дає змогу більш ефективно використовувати дане програмне середовище. Цей пакет може бути побудований під різні стилі роботи й адаптований до професійного рівня розробника Web-публікацій.
Кілька компонентів робочого простору програмного пакета використовуються практично постійно:
- вікно документа, у якому документ відображається майже в такому ж вигляді, як він буде виглядати в браузері;
На панелі керування проектом (панель запуску) розташовані кнопки для відкриття і закриття контролерів (inspectors) і панелей, що найбільш часто використовуються. Іконки на панелі запуску продубльовані в нижній частині вікна документу. Вони служать для швидкого доступу до відповідних команд у тому випадку, якщо панель керування проектом (запуску) закрита.
- панель об'єктів, що містить кнопки-піктограми для створення різних компонентів електронного видання: зображення (картинки), таблиці, шари, форми, фрейми і т. п.
- контролер поведінки (властивостей) відображає властивості обраного об'єкту.
|
|
|
- система головного і підтримуючих меню (нижчих рівнів).
- контекстні меню відображають необхідні команди, що відносяться до поточного об'єкту.
- плаваючі меню дають змогу швидко отримати доступ до найбільше часто використовуваних команд, застосовуваних до різних компонентів Web-документу.
9. 4. Деякі типові процедури пакета Dreamweaver
Розглянемо деякі типові процедури програмного пакету Macromedia Dreamweaver, що використовуються при створенні Web-сторінок. Ці процедури стосуються як загального процесу проектування Web-сторінок, так і створення окремих компонентів, у тому числі мультимедійних, і їхнього включення в об'єднуючу Web-публікацію.
9. 4. 1. Робота з текстом
Текстовий HTML-документ може створюватися як у програмному середовищі різних HTML-редакторів, так і в програмному пакеті Dreamweaver. Введення символів може здійснюватися вручну з клавіатури, підготовлені в іншому середовищі текстові матеріали, що не мають структури HTML-документа, можуть вставлятися в пакет Dreamweaver через буфер Clipboard. HTML-документи, створені в інших HTML-редакторах, розкриваються в цьому пакеті командою File/Open.
Оскільки в більшості Web-сторінок, розташованих у російських Web-сайтах, використовується кирилиця, необхідне попереднє настроювання властивостей HTML-документа. Настроювання властивостей текстового документа в Macromedia Dreamweaver здійснюється або в діалоговому вікні Page Properties, викликом команди Modify/Page Properties, або за допомогою панелі контролера поведінки (властивостей).
Вікно настроювання параметрів документа Page Properties представлене на рис. 9. 22.
Для створення русифікованого тексту в полі списку введення даного вікна Document Encoding необхідно вибрати одне з чотирьох наступних кодувань: Cyrillic (ISO-8859-5), Cyrillic (KOI-8-R), Cyrillic (Windows-1251) чи Cyrillic (Mac).
У поле введення Title вікна настроювання Page Properties вводиться заголовок Web-сторінки. У протилежному випадку програмний пакет Dreamveawer вставляє в поле заголовка Untitled Document (Неназваний документ).
У якості фону проектуємої сторінки може використовуватися зображення, що вказу-ється в полі Background Image у вигляді посилання на конкретний графічний файл із розши-ренням *.gif або *.jpg. Це зображення може розмножуватися, заповнюючи все поле сторінки.
|
|
|
Замість фонового зображення в полі Background можна задати код кольору фону. Код кольору фону задається автоматично. Для цього необхідно клацнути курсором миші в полі візуалізації кольору фону Background. З'являється палітра кольорів, представлена на рис. 9. 23.
У нижній частині вікна ліворуч візуалізується обраний курсором колір майбутнього фону, а в центрі відображається його кодовий еквівалент. Цей код автоматично вставляється в поле Background після натискання курсором на вибрану комірку з визначеним кольором.
Для більш точного задання кольору чи використання розширеної палітри кольорві можна скористатися діалоговим вікном Колір, приведеним на рис. 9. 24.
Візуалізація цього вікна здійснюється натискуванням курсор миші по піктограмі Палітра, що знаходиться в правому нижньому куті вікна рис. 9. 23.
Колір може вибиратися в основній дискретній палітрі кольорів, у центральному полі колірної гами за допомогою курсору, що має вигляд хрестика, або задаватися вручну, шляхом уведення числових значень у полі Red, Green, Blue, з відповідною корекцією відтінку, контрасту і яскравості кольору.
Розглянутий спосіб візуального кодування кольором використовується для візуалізації символів тексту (поле Text), а також колірного виділення посилань: нової (Link), відвіданої (Visited) і обраної (Active) у даний момент часу.
Контролер поведінки (властивостей) тексту звичайно застосовується для зміни параметрів виділеного тексту, а також для перетворення виділеного тексту в посиланні чи, навпаки, посилання у виділений фрагмент. Для перегляду властивостей тексту курсор миші розміщують в текстовий блок.
|
|
|
