Лабораторна робота № 4 Візуальний редактор html Macromedia Dreamweaver mx Основні теоретичні відомості

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

Можливості візуального редагування в Dreamweaver дозволяють швидко створювати, редагувати макет сторінки, і налаштовувати її функціональні можливості, не вносячи змін безпосередньо в код HTML. Всі елементи сайту можна розглядати і перетягувати безпосередньо в документ. Спростіть собі роботу, створивши і відредагувавши зображення в Macromedia Fireworks, а потім імпортуйте їх безпосередньо в 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.

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

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