Macromedia Dreamweaver 8: краткий и полезный обзор

Macromedia Dreamweaver 8 – это HTML-редактор, созданный известной во всем мире компанией Macromedia. Ее отличительные особенности – хороший инструментарий, весьма удобный интерфейс, а также открытость для практически любых настроек. Все это делает Macromedia Dreamweawer если не самым популярным HTML-редактором в мире, то однозначно – одним из самых популярных.

Возможности 8-й  версии по сравнению с предыдущими значительно выросли, и дают больше возможностей в процессе создания различных веб-страниц. При этом программа и новичков, работающих над созданием своих первых веб-проектов, так и для профессионалов, перед которыми стоят самые сложные задачи. И все это – благодаря простому пользовательскому интерфейсу, который совсем просто настраивается.

Стоит отметить, что главная фишка этой версии продукта – визуализация разработки веб-страниц. Работа проходит в максимально удобном режиме What You See Is What You Get (WYSIWYG). Таким образом, Dreamweaver позволяет визуально располагать элементы, управлять их свойствами с помощью HTML а также “помощника” – Dynamic HTML.

Какие новые и заапдейченные возможности открывает Macromedia Dreamweaver 8?

  • Дает средства для наглядного дизайна фреймов и таблиц
  • Производит генерацию HTML-кода, свободного от ошибок
  • Позволяет динамически отображать в конкретном браузере создаваемую вами страницу
  • Сохраняет расположения как документов, созданных раньше, так и документов, которые были созданны при помощи других средств
  • Также вы получаете генерацию Dynamic HTML для разных браузеров
  • Наслаждаетесь постоянной расширяемой коллекцией программ JavaScript
  • И не забываем о поддержке анимации, которая имеет сходство с инструментами Macromedia Director

Приятные ништяки на закуску дизайнеру и не только
1. Пользуясь Macromedia Dreamweaver 8, вы имеет под рукой 2 в 1 – средство для разработки дизайна, а также редактор кода

2. Эта версия Dreamweaver позволяет даже непрокачаным специалистам использовать новые технологии кодирования и дизайна.

3. Хотите разместить видео на сайт? С и Flash Video и Macromedia Dreamweaver 8 вам не это будет сделать проще чем выйти в магазин за хлебом.

4. Навороченная CSS-панель программы дает возможность производить изменения, не набирая код вручную;

5. Ну и не забываем – Dreamweaver отлично взаимодействует с XML!

Что с визуальным дизайном?

С Macromedia Dreamweaver 8 вы можете без проблем создавать страницы на основе фреймов – просто делите страницу на фреймы использую команду Modify – Frameset. После этого вы можете задать любой цвет фона для каждого фрейма или же произвести какие-либо иные действия. После того как фреймы расположены, можно приступить к дизайну каждого отдельного фрейма – в качестве отдельной страницы или же, если вам так удобнее, продолжать работу с ними в виде фреймов. Также можно запросто вносить изменения вручную – просто переключившись на редактор HTML-кода.

А как вставить элементы? Очень просто – для этого используем меню Insert и диалоговые панели, которые выскакивают в процессе выбора разных команд. Важно помнить – кроме традиционных меню в программе в наличии много разных инструментальных панелей. Например, для установки атрибутов, или же для управления фреймами. Впрочем, многие могут возразить, что спецификация каскадных таблиц стилей в этой замечательной программе появилась уже давненько. Все так, но вот только этот механизм стал актуальны только после внедрения в браузеры поддержки Dynamic HTML. Между тем, Macromedia Dreamweaver вы можете удобно работать с каскадными таблицами стилей – все благодаря тому, что в панели определения стилей можно как импортировать существующие так и создавать практически любые собственные стили.

Радуемся качественной поддержке JavaScript

Dreamweaver 8 имеет в наличии расширенные возможности для написания скриптовых программ, а также их связей с отдельными элементами в документе, который вы создаете. Например, поместите в документ форму, а потом в нее – самую обычную кнопку. Благодаря панели Behaviors вы получаете список событий, которые поддерживает данный элемент. Кроме того, вы можете выбрать различные скриптовые программы – и, например, вывести сообщение в статусной строке или же в диалоговой панели.

Эта версия программы также позволяет создавать скриптовые программы для разных браузеров – то есть, вы можете выбирать разные платформы.

Работаем с анимацией

Timeline – это механизм поддержки анимации. С его помощью после выбора объекта, например, графического изображения, помещенного в layer, вы можете задать сценарий поведения. Просто используйте для этих целей timeline, которая разделена на кадры – ведь к каждому кадру возможно присоединить событие.

Осваиваем новые возможности

С Macromedia Dreamweaver 8 вы получаете возможность визуально работать с XML. Также программа имеет в активе улучшенную технологию WebDAV (чтобы закачивать файлы), а также возможность для удобной фоновой загрузки файлов во время работы с документом или же новыми шаблонами сайтов. А некоторые инструменты значительно облегчат вам работу и помогут при создании страниц как в режиме кода, так и в режиме дизайна. О чем конкретно идет речь?

Такая знакомая, но модифицированная панель CSS

Она содержит инструменты для как для изучения так и для применения стилей CSS к страницам – в режиме визуального редактирования. Все они удобно сгрупированы в одном месте. Благодаря новому интерфейсу вам будет легче просматривать каскадные таблицы, которые применяются к отдельным элементам.

Удобная визуализация слоев CSS

Воспользовавшись этой визуальной помощью при работе со слоями, вы сможете быстрее разобраться с сложными структурами документов.

Опция Zoom

Как следует из самого названия, эта опция поможет с более точным контролем над дизайном, помимо того, что с ее помощью вы можете приближать или удалять страницу вашего документа. Кстати, границы возможных манипуляции лежат между 6 и 6400%.

Специальная вставка

Воспользуйтесь этой новой опцией – и вы сможете сохранить любое форматирование, которое было создано в Microsoft Word, ну или же просто вставить нужный вам текст.

Усовершенствованное представление CSS

Этот инструмент дает возможность просматривать результаты применения CSS в различных браузерах, учитывае их основные особенности, что согласитесь, очень удобно. Macromedia Dreamweaver 8 на 100% поддерживает возможности CSS, например элементы формы или псевдоэлементы, а также и большинство других.

Улучшенная синхронизация и сравнение файлов

Очень удобная штука – с ее помощью вы сможете быстро сравнивать файлы чтобы понять – что же было изменено в них. При этом у вас есть возможность сравнить как файл на удаленном и локальном сайтах, так и 2 локальных файла, или же 2 файла на удаленном компьютере.

Обновлена помощь от O’REILLY

Тут все просто – вы найдете новые материалы по XSLT, XML и XPath, а также обновленные материалы по ASP.

Сворачивание кода

Благодаря этой функции у вас есть возможность свернуть часть кода. Попробуйте – и вы увидите, что это сильно упростит вам работу.

Style Rendering

Эта панель придет вам на помощь когда необходимо посмотреть – как именно пользователь будет видеть вашу страницу без поддержки стилевых таблиц CSS и с ней, а также на экранах мониторов, мобильных телефонов и тп.

Несколько слов о поддержке новых технологий

Ну и конечно же, нельзя не упомянуть о поддержке PHP, ColdFusion MX 7, и Flash Video.

Три рекомендации по использованию

  1. Отступы
    В этой замечательной программе существует очень опасная кнопка – увеличение отступа. Почему мы не рекомендуем вам использовать этот способ управления отступом? Все дело в том, что Dreamweaver применяет теги, не предназначенные для этого. Поэтому, если вы хотите создать пару абзацев с большим отступом от левого края, используйте для лучше классы CSS.

2. Таблицы
В 8 версии вы можете от руки нарисовать как таблицы таки их ячейки  – в Layout View. Однако, мы рекомендуем никогда не пользоваться этим режимом. Все очень просто – в HTML таблицы по-прежнему описываются строками и ячейками, при этом столбцы всегда имеют одинаковую ширину. Поэтому, если вы нарисуете столбцы разной ширины, то получите код ну очень большего размера, который будет очень сложным как для анализа так и для чтения.

Стили в Dreamweaver
Хотите красивую страницу с чистым кодом? Используйте стилевые правила CSS!  Редактор таблиц стилей, встроенный в эту версию, позволит вам не только создать классы CSS но и назначать стилевое оформление отдельным элементам HTML. Например, чтобы сделать фон одной из ячеек таблицы красным, назначьте стиль непосредственно элементу c id, соответствующему этой ячейке.

Одна фраза вместо выводов

Кто бы что не говорил, но Macromedia Dreamweaver 8 – до сих пор один из самых удобных редакторов HTML 🙂

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

One Comment

  1. tekton

    Мені приходилось користуватися програмою Dreamveaver. Це чудовий інструмент, який дозволяє практично повністю автоматизувати роботу під час верстки сайту. Суттєво прискорюється робота, адже не потрібно писати вручну код HTML та СSS.

Залишити відповідь