Робоча область програми

СРС 5 Web-редактори. Редактор Macromedia Dreameaver

Основні теоретичні відомості

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

Можливості візуального редагування в Dreamweaver дозволяють швидко створювати, редагувати макет сторінки, і налаштовувати її функціональні можливості, не вносячи змін безпосередньо в код HTML. Всі елементи сайту можна розглядати і перетягувати безпосередньо в документ. Спростіть собі роботу, створивши і відредагувавши зображення в MacromediaFireworks, а потім імпортуйте їх безпосередньо в Dreamweaver, або створіть об’єкти Flash безпосередньо в Dreamweaver.

Робоча область програми

Для запуску програми Dreamweaver MX необхідно виконати наступні кроки: Пуск > Програми > Macromedia > Macromedia Dreamweaver MX.

Робоча область програми налаштовується за бажанням користувача в залежності від стилю і досвіду роботи.

Рис.1. Інтерфейс програми Dreamweaver MX

Головними компонентами робочої області є:

· вікно документа показує документ, що редагується;

· палітра об'єктів (Insert) містить кнопки для швидкого розміщення на сторінці деяких типів об'єктів, таких як малюнки, таблиці, спеціальні символи і т.д.

· палітра властивостей (Properties) показує властивості виділеного тексту або об'єкта, і дає можливість їх редагувати;

· плаваючі палітри, (Floating Palettes) дозволяють поєднувати в загальні блоки вікна, інспектори і палітри.

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

Палітра об'єктів складається з кнопок для швидкої вставки об'єктів, таких як таблиці, малюнки і слої. Щоб відкрити/закрити палітру об'єктів, виберіть пункти меню Window > Insert або натисніть комбінацію клавіш Ctrl+F2.

Панель об'єктів має наступні розділи:

· Characters – спеціальні символи, такі як знак копірайта, символи деяких валют, дужки, дає можливість вставити символ на вибір;

• Common – найбільш використовувані об'єкти, такі як малюнок, таблиця, кліпи Flash, Shockwave, аплети Java і інші;
• Forms – створення форм і елементів керування;
• Frames – містить найбільш використовувані структури фреймів на сторінці;
• Head – теги заголовка сторінки, такі як META, KEYWORDS і BASE, REFRESH і інші;

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

Виділяти об'єкти можна як в основному вікні документа, так і у вікні HTML-коду.

Для появи палітри властивостей, потрібно вибрати Window > Properties або натиснути Ctrl+F3.

Більшість змін властивостей відразу застосовуються до об'єкта (є деякі властивості, для застосування яких потрібно клацнути мишкою за границями палітри властивостей).

У палітрі властивостей спочатку відображаються найбільш використовувані властивості об'єкта. Щоб відобразити додаткові параметри, потрібно натиснути на трикутник у правому нижньому куті.