Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
Поиск по сайту

 

   Графика и дизайн -> 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.

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

 
Ищешь Батарейку: аккумуляторные батарейки аа. Зарядка аккумулятора. | стеновые панели
 
Интересное в сети
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full

Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.
 
Rambler's Top100