 |
Розділ 9. Автоматизація створення Web-публікацій.
|
|
|
|
Розділ 9. Автоматизація створення Web-публікацій.
Програмний пакет Macromedia Dreamweaver
Web-публікації в WWW реалізуються у вигляді Web-сторінок і Web-серверів. У сучасній літературі поряд з терміном Web-сервер часто використовується термін Web-cайт або Web-вузол.
Для підготовки цих електронних видань створено багато програмних продуктів - від найпростіших HTML-редакторів до засобів проектування Web-сторінок і Web-серверів.
Найбільш помітні відмінності між Web-сторінками і друкованими публікаціями стосуються швидкості їхньої появи. Безсумнівно, час завантаження Web-сторінки має істотне значення, але робота Web-дизайнерів у першу чергу залежить від вимог, пропонованих клієнтами до темпів реалізації проекту на всіх його стадіях, починаючи з народження ідеї і закінчуючи її практичним втіленням. Не менш важливим є те, як часто клієнт планує обновлювати зміст вузла, а також додавати в нього нову інформацію.
У традиційному друці термін випуск видання визначається графіком робіт друкарень та структур, що поширюють видання. Як правило, нова цікава інформація з'являється в Internet набагато раніше. Це пов’язано наявністю засобів автоматизації проектування Web-сторінок і більш складних інформаційних структур - Web-серверів. Саме в цьому особлива роль і значення програмних пакетів Macromedia Dreamweaver і Microsoft FrontPage.
У даному розділі розглянутий один з найбільш розповсюджених програмних пакетів автоматизованого проектування Web-публікацій Macromedia Dreamweaver.
9. 1. Призначення та функціональні можливості пакету
Пакет Dreamweaver корпорації Macromedia призначений для досвідчених HTML-програмістів і дає змогу створювати електронні видання відповідно до задуму їхніх авторів. У Dreamweaver передбачені функції для підготовки і налагодження текстів мовою Dynamic HTML (DHTML) та каскадних таблиць стилів Cascading Style Sheets (CSS).
|
|
|
Фактично Dreamweaver - це досить складний HTML-редактор, що забезпечує режим повної відповідності WYSIWYG і доступ у реальному часі до внутрішнього HTML-редактора або подібній до програми, вбудованої в пакет Dreamweaver. В одне з вікон, що випливають, можна вставляти зображення, таблиці, Java-аплети й інші об'єкти, що викликають появу вікна властивостей для настроювання користувацьких об'єктів.
Програмний пакет спрощує процедуру створення Web-вузла, змушуючи розробника копіювати в придатні підкаталоги всі зовнішні об'єкти в міру їхнього використання. В результаті на диску утворюється набір файлів, що відповідає остаточному варіанту Web-вузла.
Dreamweaver забезпечує підтримку чисельних і досить різнорідних розширень, що прийнято об'єднувати виразом “динамічний HTML”. Об'єкти створюються з абсолютним позиціюванням за допомогою так званих layers (шарів). Більш того, програмний пакет здатний перетворити зверстану на основі таблиць сторінку так, що кожна комірка таблиці перетвориться в “шар”. Зручна і наочна панель, що нагадує про інтерфейс програм Director чи Flash, дає змогу організувати анімаційні ефекти з переміщенням шарів і зміною зображень. Генеруємий при цьому JavaScript-код орієнтований на різні версії браузерів, а усі випадки можливої несумісності обумовлюються як у повідомленнях пакетів, так і в коментарях до генеруємого коду.
Більшість вставлених програмою тегів і сценаріїв будуються, так що користувач може пристосувати свою програму до нових версій HTML і до нових версій браузерів.
Вважається, що Dreamweaver є першим засобом візуальної HTML-верстки, створеним з врахуванням основних потреб професійних Web-дизайнерів. В області Web-дизайну Dreamweaver претендує на місце, що займає Adobe Photoshop в області обробки зображень. З Adobe Photoshop його ріднить і методологія використання модулів, що підключаються. Починаючи з першої версії програмного пакету компанія Macromedia реалізувала задум - винести HTML “за дужки” Web-дизайну, не примушуючи при цьому розробників зовсім відмовитися від контролю над вихідними текстами. Творці програмного пакету зрозуміли, що багато розробників вузлів Web відкидають додатки в стилі WYSIWYG, оскільки для Web не зовсім підходить принцип “що бачу - те й отримую”. У відповідь на це в пакет Dreamweaver були інтегровані два текстових редактори для HTML: BBedit for Macintosh компанії Bare Bone Software і HomeSite for Windows компанії Allaire.
|
|
|
Dreamweaver автоматизує роботу над Web-сторінкою і не додає “від себе”у HTML-файл жодного зайвого байта, так що код, створений цим пакетом, практично неможливо відрізнити від ручної розробки (при цьому “авторські”фрагменти розмітки зберігаються в початковому вигляді).
Dreamweaver - це середовище, відкрите на всіх рівнях для сторонніх розробників. Можливості програмного пакета (який сам у значній мірі створений з використанням JavaScript і HTML) можна розширювати, не чекаючи виходу нової версії. Аналогічну картину можна побачити при розширенні функціональних можливостей Photoshop шляхом встановлення нових plug-in модулів. Для Dreamweaver цей процес реалізується значно простіше. Існують, наприклад, розширення для підтримки QuickTime, G2, OpenPix, IBM HotMedia і тощо.
У цьому редакторі дуже зручний і звичний інтерфейс, у стилі PageMaker/Illustrator/Photoshop. Цим він відрізняється від іншого відомого HTML-редактора HomeSite з його Delphi-подібним інтерфейсом, орієнтованим на професіоналів-програмістів.
Для Dreamweaver на відміну від багатьох інших додатків не існує “заборонних тем”, оскільки він підтримує максимально можливе число тегів (керуючих елементів) і коректно поводиться з усіма сучасними Web-технологіями. До функціональних можливостей програмного пакета Dreamweaver відносяться:
- Dreamweaver являє собою професійний редактор для створення Web-сайтів (серверів) та керування ними. За допомогою Dreamweaver можна створювати Web-сайти, незалежні від серверної платформи і браузера кінцевого користувача;
- створення і редагування WWW-документів за допомогою стандарту мови HTML. Dreamweaver дає змогу використовувати можливості Dynamic HTML, наприклад анімаційні таблиці, шари, форми, фрейми, об'єкти, та задавати поведінку об'єктів без необхідності написання коду HTML вручну;
|
|
|
- функція оптимізації під визначений браузер дає змогу уникнути існуючих проблем при роботі Web-сервера з різними платформами і браузерами;
- створення карти сайту, що дає змогу автору наочно подати його структуру;
- створення комплексного компонування сторінки (complex page layout). Форматування і редагування текстового матеріалу Web-публікації; шрифтове і стильове оформлення Web-документів. Остання функціональна можливість підтримується таблицями стилів (CSS) з врахуванням особливостей окремих браузерів;
- можливість прямого доступу до HTML-коду (в окремому вікні) і паралельного ручного редагування;
- підтримка російської мови (включаючи КОІ-8 і т. п. ). Можна вказати в настроюваннях набір символів і розкладку клавіатури (звичайно ця можливість реалізується в момент створення нової чистої сторінки);
- робота з таблицями. Можливість роботи із шарами. Підтримка позиціонуємих динамічних шарів (DIV, SPAN, LAYER, ILAYER);
- можливість взаємної конвертації таблиць і шарів;
- вбудовування зображень. Контроль над відповідністю атрибутів height і width реальним розмірам зображення;
- трасування зображень;
- робота з палітрами кольорів;
- робота з формами, фреймами;
- керування об'єктами;
- підтримка зовнішніх об'єктів Active, Java, Flash, Shockwave, QuickTime, RealSystem G2;
- автоматизація роботи з мета-елементами;
- виділення “загублених” і недоречних тегів;
- вбудовування анімаційних Flash-роликів;
- засоби контролю за інтерактивними анімаційними роликами (Timeline);
- функція очищення й оптимізації коду (актуальна при обробці сторінок, створених у редакторах типу FrontPage);
- перевірка і коректування локальних і глобальних посилань. За замовчуванням вони можуть задаватися всередині сайту;
- можливість застосовувати єдиний шаблон (template) для всього сайту (сервера) або його частини;
- застосування декількох шаблонів до однієї Web-сторінки;
- завдання лінії поведінки (behavior) для елементів сторінки;
|
|
|
- перевірка коду на сумісність зі специфікаціями HTML 2. 0/3. 2/4. 0, WebTV і з версіями браузерів Netscape, Explorer, Opera;
- трансляція серверних технологій Server Side Includes (SSI);
- технологія Templates, що дає змогу створювати шаблони оформлення сторінок із замороженими областями, що не редагуються. Певною мірою може замінити серверні технології типу SSI;
- зручний менеджер сайтів і відновлення по FTP;
- реалізація глобального пошуку і сучасна система заміни “плоского” тексту, тегів чи оформленого тексту в межах документа, або директорії сайту (сервера);
- розвинута система настроювань, що включає керування табуляцією, регістром літер у тегах/атрибутах, лапок, кінцями рядків у HTML-коді;
- панелі, що випливають, (палітри) з доступом до властивостей об'єктів;
- меню в рядку стану для пересувань по ієрархії тегів;
- арсенал подій, генеруємих при завантаженні сторінки, у тому числі в залежності від версії браузера;
- інтеграція з іншими додатками.
Необхідно також відзначити довідкову систему, створену у вигляді інтерактивного сайту (сервера). У її склад включені спеціальні ролики, що демонструють основні можливості програмного пакету і принципи роботи з ним.
Macromedia Dreamweaver був задуманий розробниками не для редагування окремих документів, а для створення великих Web-вузлів й керування ними. Тому від користувача потрібно певна кваліфікація, зокрема знайомство з основними Internet-технологіями.
Web наповнюється все більш складними мультимедійними і динамічно генеруючим змістом. Тому важливо є поява могутнього інструмента для створення більш “інтелектуальних” елементів сторінок.
Сучасні версії Dreamweaver підтримує мова XML, що розширює інструментарій Dreamweaver. Зокрема, виконується розділення вихідного тексту XML, використовуються тегі XML, а також надається можливість додавати об'єкти XML у палітру Objects (Об'єкти).
Dreamweaver дає змогу змінювати готові конструкції у процесі до і після завершення чи створення сторінки. Програмний пакет автоматично обновить з врахуванням внесених користувачем змін кожну сторінку, створену за допомогою даного шаблона. Наприклад, щоб змінити загальні елементи, такі, як невдалий колір тіла, значки на панелі навігації чи невірно розміщений логотип, достатньо відкоректувати вихідний шаблон і вибрати команди Modify (Змінити), Templates (Шаблони), Update Pages (Обновити сторінки).
Відкрита архітектура Dreamweaver дає змогу інтегрувати цей пакет з іншими програмами, типу iCat E-commerce, і супроводжувати весь електронний Web-магазин засобами Dreamweaver.
У Dreamweaver є функція підтримки вкладених файлів (include). За допомогою цих файлів можна включати інформацію, що надходить від інших джерел.
|
|
|
Проблема в тому, що інформація, що включається, генерується динамічно, тому звичайно протестувати результати роботи до їхнього розміщення на сервері не можливо. Dreamweaver знімає ці обмеження, виступаючи як сервер і відображаючи динамічно генеруємий вміст навіть у тому випадку, коли вся інформація розміщається тільки на локальному твердому диску.
Дуже цікава функція трасування зображень. Багато розробників Web-вузлів розпочинають свою роботу в ілюстративних програмах, таких, як Adobe Illustrator чи Macromedia, а потім повторюють намальований макет у HTML за допомогою спеціалізованих пакетів типу Dreamweaver. Розробники компанії Macromedia врахували цю тенденцію і ввели в програмний пакет функцію трасування зображень, що дає змогу помістити зображення на сторінку, зробивши його “тілом” сторінки, змінити ступінь прозорості, а потім “прорисувати” поверх макета готову сторінку, як по кальці. Зображення для трасування в дійсності не є тілом і не відображається при перегляді сторінки через браузер.
Програмний пакет Dreamweaver ілюструє прагнення розробників засобів автоматизованого створення Web-серверів, Web-сторінок і її окремих компонентів врахувати потреби професіоналів в області Web-дизайну, а потім інтегрувати їх в обновлену версію програмного продукту.
|
|
|
