Графика и дизайн -> DreamWeaver -> Учебник по Dreamweaver 4

Учебник по Dreamweaver 4

• От автора
• Предисловие
• Что нового в четвертой версии программы
• Системные требования

От автора

В наше время профессия Web-дизайнера стала массовой; почти каждая фирма и даже фирмочка имеет свое “представительство” в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех беи массированной рекламы в сети. Этот мощный “социальный заказ” породил целую индустрию средств Web-проектирования и программирования. Американская софтверная фирма Macromedia Inc., точно уловив тенденции рынка, сделала ставку на развитие программных средств, ориентированных на различные секторы Weft-дизайна и электронной коммерции. Ее успехи, достигнутые за последние несколько лет, впечатляют. Многие продукты фирмы заняли лидирующие позиции в своих отраслях, а некоторые из них можно считать флагманами, определяющими направления и тенденции развития программного обеспечения данного класса. К числу таких, редких в наше время примеров принадлежит программа Dreamweaver.

Система Dreamweaver — это визуальный редактор гипертекстовых документов. Эта совершенно корректная классификационная формулировка не способна точно передать существо дела. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования (WYSIWYG), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов.

Уже первая версия программы привлекла внимание специалистов своими большими функциональными возможностями, а также устойчивой и быстрой работой. С каждой новой версией расширялся потенциал редактора и отрабатывалось его программное ядро. Все издания Dreamweaver отмечались компьютерными специалистами, занимали ведущие позиции в рейтингах и обзорах ведущих компьютерных изданий, имели большой коммерческий успех.

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

В программе последовательно поддерживается визуальное проектирование. Визуальным принято называть такой стиль или способ создания гипертекстовых докумтов, в котором работа с текстом и образами объектов преобладает над непосредственным кодированием. В идеале, пользователь должен быть полностью свободен от необходимости обращения к кодам HTML, а проектирование обязано вытеснить программирование. Идеал — это кРлатегория абстрактная. Ни в одном из существующих в наше время редакторов концепция WYSIWYG не реализована полностью. Программа Dreamweaver подошла к декларируемому идеалу ближе конкурентов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы почти как специализированные программы просмотра: Microsoft Internet Explorer или Netscape Navigator.

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

Язык HTML никогда не считался сложным языком. Информатика знает значительно более сложные лингвистические системы. Например, стандарт языка APT (Automatically Programmed Tools), предназначенного для описания конструктивно-технологической информации, включает в себя более тысячи зарезервированных слов и языковых конструкций. Лексикон языка HTML значительно скромнее; тем не менее, не каждый опытный программист свободно владеет всеми дескрипторами гипертекстовой разметки, их атрибутами. В четвертую версию редактора входит электронное справочное руководство, содержащее компактное и полное изложение основных языковых средств, используемых для создания Web-документов. Это теги языка HTML (Hypertext Markup Language), стилевые декларации CSS (Cascading Style Sheet), функции и операторы языка JavaScript, соглашения и описания DOM (Document Object Model).

Программа Dreamweaver основана на принципах открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста (Application Programming Interface, API), с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса: добавить новый инструмент, создать палитру или раздел меню, запрограммировать новый объект или мультимедийный ролик и пр. Можно сказать, что в настоящее время вокруг системы Dreamweaver сложилась целая индустрия по разработке программных дополнений и расширений. Фирма Macromedia создала специальный сайт для рекламы и распространения этих средств. К моменту опубликования книги число зарегистрированных и сертифицированных дополнений приближалось к трем сотням.

Современные сайты представляют собой сложноструктурированные гетерогенные документы с динамическим контентом и интерактивными эффектами. Один, даже самый, как сейчас принято говорить, продвинутый редактор HTML не способен удовлетворить все потребности Web-дизайнера, Авторам гипертекстовых страничек приходится прибегать к услугам многочисленных программ и программных дополнений, предназначенных для работы с графикой, создания анимаций, загрузки содержимого узла на удаленный сервер и др.

Пользуясь спортивной терминологией, можно сказать, что программа Dreamweaver - командный игрок. Она прекрасно взаимодействует со всеми программами, которые фирма Macromedia позиционирует на рынке средств разработки и поддержки сетевых проектов. Это, прежде всего, векторный редактор Flash, с которым система Dreamweaver образует “хорошо наигранную связку”, и “непосредственный партнер” — растровый редактор Fireworks.

В четвертой версии Dreamweaver интеграция программ получила дальней шее развитие. В состав инструментов гипертекстового редактора включены команды вставки анимированного текста и анимированных кнопок — самых востребованных в повседневной практике дизайнера Flash-объектов. Более сложные ролики надо импортировать в программу как внешние файлы.

В состав системы Dreamweaver входит программное дополнение, предназначенное для проигрывания мультимедийных роликов, поэтому можно просмотреть интерактивные эффекты Flash-технологии, не покидая редактора.

Еще более тесная интеграция связывает программы Dreamweaver и Fireworks, Последняя — специализированный редактор, разработанный фирмой Macromedia для создания и оптимизации Web-графики. Взаимодействие этих программ выходит далеко за пределы совместного использования общих файлов — обычного уровня кооперации различных программных средств. Вместе они представляют собой автоматизированную среду разработки гипертекстовых документов, насыщенных сложными графическими вставками и таблицами.

Процесс разработки развитого сетевого проекта, как правило, не заканчивается созданием всех составляющих гипертекстовых документов и ссылочной структуры. Чтобы “вживить” новый сайт в “ткань” всемирной Сети, требуется выполнить большой объем работ по сопровождению проекта. Регистрация на поисковых машинах и в каталогах, организация сетевой рекламы, обмен ссылками и баннерами с родственными сетевыми ресурсами - вот далеко не полный перечень необходимых мероприятий по поддержке Web-узла. Все эти операции сопровождаются изменениями версий документов, расположенных на удаленном сервере. В оболочку Dreamweaver интегрировано специальное средство, предназначенное для обслуживания опубликованных в сети документов и сайтов. Оно располагает всеми необходимыми инструментами для дистанционного обновления версий документов. Это средство поддерживает распределенную работу нескольких исполнителей над одним сетевым проектом, обладает механизмом синхронизации версий документов и защиты от несанкционированного доступа.

Известно, что многие визуальные редакторы HTML весьма нерационально обращаются с кодами гипертекстовой разметки. Это значит, что часто они порождают избыточный, громоздкий исходный текст, перегруженный сложными языковыми конструкциями. Среди прочих программ данного класса система Dreamweaver выделяется своим корректным обращением с кодами HTML, Она порождает чистый лаконичный исходный текст, в котором почти нет вспомогательных дескрипторов и громоздких служебных комментариев. Встроенный в программу механизм препроцессорной обработки (он называется Roundtrip HTML technology) позволяет импортировать файлы HTML, созданные сторонними приложениями — гипертекстовыми и текстовыми редакторами. Гибкая система настроек процедуры импорта помогает добиваться отличных результатов: почти во всех случаях импортированный документ будет представлен в программе без потерь и искажений.

Чтобы дать исчерпывающее описание всех ресурсов и возможностей программы потребовалось бы увеличить размер этой книги примерно в два раза. Поэтому часть возможностей редактора, связанная с генерацией динамических гипертекстовых документов и интерактивных эффектов, не получила полного освещения на ее страницах. Планируется к изданию продолжение книги, посвященное работе с языками DHTML и XML, программированию на JavaScript и средствам программного расширения редактора.

Автор с благодарностью примет аргументированную критику, пожелания и предложения читателей. Пишите по адресу arcad@aha.ru.

Предисловие

Что нового в четвертой версии программы

В четвертой версии программы Dreamweaver по сравнению с третьей имеется ряд существенных нововведений. Приобретения четвертого издания — это не только косметические улучшения интерфейса, но и радикальные технологические новшества, которые, по мнению авторитетных специалистов, вывели эту программу в безусловные лидеры данного класса программ. Улучшена работа с кодами гипертекстовой разметки; появилось принципиально новое средство для разработки макета Web-страниц; в систему интегрированы команды вставки Flash-объектов; получили дальнейшее развитие средства управления Web-узлами и коллективного распределенного проектирования. Рассмотрим пакет улучшений и новшеств четвертой версии программы Dreamweaver более подробно.

Существенное развитие получили средства работы с кодами разметки. Первые версии редактора позиционировались фирмой Macromedia в качестве среды визуального проектирования гипертекстовых документов; в них прямому кодированию отводилась роль вспомогательного средства, к которому пользователь прибегает лишь эпизодически, для тонкой настройки фрагментов кода или разрешения конфликтов. Четвертая версия — это полноценная оболочка для гипертекстового программирования, обладающая мощным арсеналом средств для работы с исходными текстами любой сложности. Перечислим основные ресурсы.

• Окно документа теперь может работать в разных режимах. В режиме Design View (Режим планировки), пользователь видит макет страницы HTML примерно в том виде, в каком она отображается в программах просмотра. В режиме Code View (Режим разметки) в окне документа отображается исходный текст страницы со всеми дескрипторами, сценариями и комментариями. Между этими режимами в программе существует тесная координация. Изменение кодов влечет за собой модификацию макета, а правка планировки или форматирования и визуальном режиме вызывает изменение исходного текста документа.
• В оболочку системы Dreamweaver интегрирована программа, которая представляет собой полноценный редактор кодов, обладающий всеми необходимыми инструментами. В нем реализованы средства, облегчающие работу с исходными текстами документов HTML: отступы вложенных тегов, цветовая разметка кодов разного типа, средства быстрого поиска, пометка синтаксически некорректных конструкций, автоматический перенос длинных строчек, режим автокоррекции. Средствами программы можно редактировать не только гипертекстовые страницы, но и любые документы с текстовым содержанием: программы, сценарии, обычные тексты, документы с разметкой XML и пр.
• Работу с кодами разметки существенно упрощает справочная панель. Это встроенное в программу интерактивное справочное руководство в лаконичной форме описывает все стандартные конструкции языка гипертекстовой разметки и связанных с ним средств: дескрипторы, атрибуты, декларации иерархических стилевых спецификаций (Cascading Style Sheet), синтаксические конструкции языка JavaScript. Это руководство построено на основе серии справочников издательства O'Reilly, получивших всеобщее признание и переведенных на многие языки мира, в том числе и на русский. Даже самый опытный Web-мастер, глубоко знающий язык HTML, едва ли в состоянии запомнить сотни кодов и атрибутов, входящих в стандарт этого языка. Справочная панель дает ясное и точное описание дескриптора, информацию о его атрибутах и совместимости с различными версиями программ просмотра.
• Отладчик сценариев JavaScript Debugger позволяет выявить скрытые ошибки в сценариях, написанных на языке JavaScript. Это средство способно выявить не только синтаксические ошибки, что вполне по силам многочисленным анализаторам и отладчикам, которые используются в настоящее время в области Web-программирования. Интегрированный в систему Dreamweaver отладчик может идентифицировать многие скрытые логические дефекты и ошибки времени исполнения программы. Отладчик обладает механизмом встроенных контрольных точек и средствами пошагового исполнения программных инструкций и контроля состояния переменных.

Инструментарий визуального проектирования редактора, всегда обладавший значительным потенциалом, пополнился еще одним средством. Это специальный режим работы программы, предназначенный для планировки и структурирования гипертекстовых страниц. Он реализован в виде специального режима отображения страницы (Layout View) и двух инструментов, с помощью которых можно просто рисовать элементы макета. Макет любой сложности реализуется при помощи таблиц, которые программа самостоятельно создает на основе эскиза.

Нее прежние поколения редактора отличались отменным взаимодействием с программой Flash — лидером в области создания векторных анимированных изображений. В текущую версию программы интегрированы две основные команды генерации анимированных объектов. Теперь можно непосредственно в окне редактора создать интерактивную кнопку или “живой текст”. Техническая сторона вставки подобных объектов предельно упрощена и больше напоминает анкетирование, чем проектирование. От пользователя не требуется глубоких знаний в области Flash-технологии; он должен просто заполнить поля диалогового окна. Большинство современных программ просмотра корректно отображают анимированную Flash-графику. Объекты этого типа отличаются отличной масштабируемостью и требуют весьма скромных ресурсов в процессе передачи по Сети и при хранении на диске.

Перечислим, так сказать, “одной строкой” менее значительные нововведения программы.

• Значительно усовершенствованы средства работы с иерархическими стилевыми спецификациями (стилями CSS).
• Получила дальнейшее развитие интеграция программы Dreamweaver с разработанным фирмой Macromedia графическим редактором Fireworks.
• Появилась новая палитра Assets (Ресурсы). Она выполняет в программе функции хранилища разнородной информации, которая совместно используется несколькими страницами одного Web-узла. Это могут быть изображения, анимированные ролики, цвета, внешние ссылки, сценарии, библиотеки и пр. Хранимые ресурсы можно разместить в требуемых областях разных страниц методом перетаскивания.
• Сняты досадные ограничения предыдущих версий на работу с комментариями разработчика (Design Notes). Теперь их можно связывать с любыми гипертекстовыми файлами и объектами и обмениваться ими по сети с другими членами коллектива разработчиков.
• Новая команда Site Report (Отчет о сайте) способна создать подробный отчет о состоянии проекта, включающего в себя большое число гипертекстовых документов. Данные, собранные командой после сканирования всех составляющих проекта, облегчают тестирование и отладку большого Web-узла.
• Система контроля обращения файлов дополнена встроенным почтовым клиентом. Это программное средство посылает электронное почтовое сообщение членам коллектива разработчиков, уведомляя их о том, что документ взят на обработку одним из авторов проекта.
• В редактор добавлены средства интеграции с пакетом Microsoft SourceSafe — ведущим программным средством контроля версий и управления обновлением программного обеспечения, что дает основания использовать систему Dream weaver как основной инструмент для распределенной коллективной разработки сложных проектов для Интернета.
• Четвертая версия программы полноценно поддерживает протокол WebDAV (Web-Distributed Authoring and Versioning). Это расширение классического протокола, которое предоставляет расширенные возможности по управлению версиями и организации распределенной работы.
• Проделана большая работа по стандартизации и шлифовке интерфейса. Внешний вид многих программ фирмы Macromedia базируется на единой концепции плавающих палитр. В последней версии редактора вид палитр стандартизован. Почти все они получили способность к объединению в составные комплексные палитры. Устранены некоторые оформительские огрехи предыдущих версий.
• Унифицированы клавиатурные комбинации. Они приведены в соответствие с внутренним стандартом, общим для всех программных средств, разработанных фирмой Macromedia для Web-дизайна. При помощи встроенного менеджера можно изменить любое предопределенное сочетание клавиш.

Системные требования

Для работы программы требуются следующие минимальные системные ресурсы:

• процессор Intel Pentium 166 или эквивалентный;
• операционная система Windows 95, Windows 98, Windows Me, Windows NT (с пакетом обновлений Service Pack 3) или Windows 2000;
• средство просмотра Internet Explorer или Netscape Navigator четвертой или более поздней версии;
• 32 Мбайт оперативной памяти и 110 Мбайт на жестком диске;
• монитор с поддержкой разрешения 800x600 пикселов при 256 цветах;
• дисковод CD-ROM.

[ Содержание ] | [ Дальше ]