Обработка изображений

         

Adobe InDesign CS2

Добро пожаловать в Adobe® InDesign® CS2. InDesign - мощное программное средство, предназначенное как для разработки, так и для производства печатной продукции. Оно характеризуется точностью, высоким уровнем управляемости и простотой интеграции с другим программным обеспечением компании Adobe, ориентированным на работу с графикой. С помощью InDesign можно выпускать полноцветную полиграфическую продукцию профессионального качества на высокопроизводительных станках цветной печати, распечатывать документы на разнообразных выводных устройствах, таких как настольные принтеры, и создавать файлы в различных форматах, например, PDF или HTML. Писатели, художники, дизайнеры и издатели как никогда прежде могут расширить свою аудиторию и использовать для этого беспрецедентное разнообразие информационных носителей. Именно на многообразие форм данных ориентирована концепция сетевого издательства компании Adobe (Adobe Network Publishing), реализуемая с помощью средств создания визуально насыщенного содержимого, которое доступно везде, в любое время и на любом устройстве. Программа InDesign поддерживает данный подход благодаря полной интеграции с приложениями Adobe Photoshop8, Adobe Illustrator® и Adobe GoLive®. В книге «Adobe InDesign CS2. Официальный учебный курс» описываются новые функции, технологии и методы, поддерживающие новые веяния в издательской сфере.

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

Обзор программы Adobe InDesign
Вы начнете обзор программы с открытия частично готового документа. Вы добавите заключительные изменения в данную 6-страничную статью о народном искусстве Мексики для воображаемого туристического журнала. Прежде чем запустить программу Adobe InDesign, следует восстановить настройки по умолчанию, если это не было сделано ранее. Восстановление настроек по умолчанию гарантирует, что инструменты и палитры будут действовать в точном соответствии с описанием данного урока. После того как вы освоите программу InDesign, этот шаг уже не надо будет выполнять.

Рабочее пространство программы InDesign
В этом уроке рассматриваются задачи, которые характерны для программных продуктов компании Adobe, таких как Photoshop®, Illustrator® и Acrobat. Если вы знакомы с этими продуктами компании Adobe, возможно, вы пожелаете пропустить данный урок и перейдете к следующему уроку.

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

Работа с фреймами
В этом уроке вы будете работать над двухстраничной статьей для журнала об оригами - искусстве складывания фигурок из бумаги. Прежде чем начать выполнение упражнений урока, необходимо восстановить для программы Adobe InDesign настройки по умолчанию, чтобы инструменты и палитры полностью соответствовали описанию данного урока. Затем вы откроете готовый документ для данного урока, чтобы увидеть, что будет создаваться.

Импортирование и редактирование текста
В этом уроке вы будете работать над 8-страничным бюллетенем для компании «Sonata Cycles» («Соната Сайклз») - воображаемой сети велосипедных магазинов. Некоторые страницы бюллетеня уже готовы к печати. Теперь, когда написана заключительная статья для бюллетеня, все готово для вставки статьи в документ и выполнения заключительного форматирования бюллетеня. Прежде чем начать работу, необходимо выполнить несколько подготовительных шагов

Работа с текстом
В этом уроке вы будете создавать один двухстраничный разворот для ежегодного отчета компании Sonata Cycles. При работе над файлом примера будет использоваться один из шрифтов типа Open Type, которые поставляются на компакт-диске приложения Adobe InDesign CS2. Прежде чем начать работу, следует восстановить настройки по умолчанию для программы Adobe InDesign.

Работа с цветом
В этом уроке вы будете работать над двухстраничным разворотом статьи журнала об оригами. Если вы проработали несколько предыдущих уроков, дизайн этого документа будет вам в определенной степени знаком. Документ содержит два слоя Art и Text), две мастер-страницы (мастер-страница В основана на мастер-странице А), а также отдельный основной рассказ и вставку. Прежде чем начать работу, необходимо будет восстановить настройки по умолчанию для программы Adobe nDesign. Затем вы откроете готовый документ для данного урока, чтобы увидеть то, что вы будете создавать в ходе выполнения упражнений урока.

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

Создание таблиц
В этом уроке вы будете работать над разворотом вымышленного журнала, использующим таблицы с информацией, перенесенные в мир эффективного визуального конструирования. Для создания таблиц будет использоваться палитра Table (Таблица), которая предоставляет возможности для управления свойствами таблицы. Чтобы быть уверенным, что инструменты и палитры функционируют в точном соответствии с описанием шагов данного урока, удалите или переименуйте файлы InDesign Defaults и InDesign SavedData. За более подробной информацией обратитесь к разделу «Восстановление настроек по умолчанию» в начале этой книги.

Создание векторных изображений
В этом уроке вы создадите изображения на лицевой и задней обложках почтовой рекламы (direct-mail). Для рисования некоторых векторных объектов (путей) в документе будут использоваться инструменты рисования программы InDesign. Прежде чем приступить к выполнению упражнений урока, необходимо восстановить стандартные настройки программы Adobe InDesign.

Работа с прозрачностью
Проектом данного урока является меню для вымышленного ресторана Bistro nonXista. Прямо в программе InDesign вы создадите визуальное изобилие цветовых взаимодействий, применив прозрачность к объектам, расположенным на нескольких слоях. Чтобы быть уверенным, что инструменты и палитры функционируют в точном соответствии с описанием шагов данного урока, удалите или переименуйте файлы InDesign Defaults и InDesign SavedData.

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

Объединение файлов в книги
В этом уроке вы скомпонуете вместе набор из нескольких документов программы InDesign, каждый из которых представляет собой одну главу из поваренной книги. Используя программу InDesign CS2, вы соберете эти главы в одну книгу, чтобы можно было легко создать общие элементы, такие как оглавления, предметный указатель, единая нумерация страниц, стили и определения цветов. Чтобы быть уверенным, что инструменты и палитры функционируют в точном соответствии с описанием шагов данного урока, удалите или переименуете файлы InDesign Defaults и InDesign SavedData .

Подготовка к печати и печать
В этом уроке вы будете работать над одностраничной рекламной брошюрой, содержащей полноцветные изображения и плашечный цвет. Документ предполагается распечатывать на цветном струйном или лазерном принтере для получения пробного оттиска, а также на устройствах формирования изображений с высоким разрешением, таких как компьютерная система изготовления печатных форм (computer-to-plate) или фотонаборная машина с выводом изображений на пленку (film imagesetter).

Экспорт в формат PDF
В этом уроке вы возьмете существующий документ программы Adobe InDesign и преобразуете его в документ формата Adobe PDF, подходящий для размещения на Web-сайте, и создадите другую версию PDF-файла, предназначенную для офсетной печати в типографии. В этом уроке используется программа Adobe Acrobat Professional 7.0. Даже если вы не используете программу Adobe Acrobat 7.0, вы все равно можете создавать файлы формата Adobe PDF в программе Adobe InDesign CS2, однако готовый документ придется просматривать программой Adobe Reader, а не программой Adobe Acrobat 7.0.

Обеспечение согласованности цвета
Управление цветом является важным моментом в тех условиях, где необходимо достоверно определять цвет изображения с точки зрения конечного результата. Цветовая коррекция - это другая задача, возникающая для изображений с проблемами тонального или цветового баланса, которая обычно решается с помощью графических редакторов, таких как Photoshop. В этом уроке вы настроите управление цветом для рекламы вымышленной шоколадной компании, называемой Tifflins Truffles. Реклама будет использоваться в ряде публикаций, поэтому наша цель состоит в получении согласованного и предсказуемого цвета.


Cамоучитель по Web-разработке на Macromedia Studio MX

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

Планирование узла
Способность управлять производственным процессом и взаимодействием членов команды в современном мире стала искусством. В прошлом остался производственный процесс, сводившийся к тому, чтобы уловить, чего добивается клиент, к выбору программного обеспечения, наброске эскиза идей и концепций дизайна, и затем созданию страниц. Новый производственный процесс никогда не начинается с выбора программного обеспечения. Он начинается с обычного чистого листа бумаги.

Управление содержанием
Нельзя забывать, что Web-дизайнеры работают в команде. В данном случае взаимодействие членов команды особенно важно. Используя панель Assets и операции Check In/ Check Out в программе Dreamweaver MX, а также ее функции Cloaking, Design Notes и Reports, команда будет обеспечена полным набором средств кооперации.

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

Проверка своих идей на модели узла
Хотя мы работаем в условиях, где правит бал технология, она совершенно не играет роли в процессе планирования. В частности, на этом этапе вполне достаточно таких изобретений цивилизации, как карандаш и листок бумаги. На стадии планирования вырабатывается стратегия всего проекта. Эта стратегия находится не в секторах жесткого диска и не на установочном диске Dreamweaver MX. Она находится в голове и начинает воплощаться в жизнь только тогда, когда вы сформулируете и сравните свои цели и задачи.

Каркасная модель узла
Перенос узла на другой носитель информации включает в себя множество вопросов: от общей композиции элементов до цветовой гаммы. На эти вопросы редко обращают внимание при создании карты узла. Каркасная модель узла переводит разработчика с макроуровня (узла) на микроуровень (страницу). Ошибки в организации информации сначала могут быть незаметными, однако со временем они начинают проявляться. Иногда их обнаружение требует внесения больших изменений в схему навигации и в компоновку страницы. Задержка с решением этих вопросов на ранней стадии выполнения проекта ведет к дополнительным расходам в будущем.

Создание динамических страниц
Динамическое содержание переводит Web-узлы совершенно в иное измерение, в котором информация, отображаемая пользователю, может постоянно обновляться. Преимуществом такого подхода является то, что громадный объем данных может обслуживаться всего несколькими Web-страницами. Например, если некий фотограф решит рассортировать свои работы по категориям, для всех категорий потребуется всего одна страница. Когда страница вызывается из броузера, в нее загружается с сервера необходимое содержание.

Планирование внешнего вида страниц
Опыт показывает, что люди, в основном, бороздят Internet не ради развлечения. Главным их занятием на Web-страницах является чтение текста. Рисунки и анимация могут иллюстрировать текст, однако основная информация заключена в словах. Поэтому очень важно сделать текст на странице как можно более разборчивым и понятным. Рисунки и цвет дополняют содержание, однако только слова описывают то, что ищет пользователь. Вопросы выбора шрифта и разборчивости текста не менее важны, чем его компоновка на странице.

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

Работа с рисунками в Fireworks MX
Fireworks был одним из тех странных продуктов, которые рынок долго не принимал. Одни по-прежнему работали с Photoshop, другим это приложение казалось просто игрушкой. Все это продолжалось до тех пор, пока обе группы не поняли, что главным назначением этого приложения является создание и оптимизация рисунков для Web.

Цифровое видео и Flash MX
До. выхода в начале 2002 года версии Flash MX венцом желаний Flash-разработчиков была возможность воспроизводить видео в приложении Flash. В более ранних версиях продукта эту функцию можно было считать в лучшем случае недоработанной (многие даже скажут, что примитивной).
В то время во Flash можно было загрузить видео, но управлять им можно было только случайным образом, поэтому этой возможностью практически никто не пользовался. В лучшем случае видео можно было импортировать и быть счастливым, если получилось, что все его кадры преобразовались в кадры Flash. По необходимости кадры можно было трассировать и удалять.

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

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

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

Анимация в Web
Качество анимации в Web пока что оставляет желать лучшего. От всех этих мигающих огоньков, которыми украшают, как елочными игрушками, семейные страницы ко дню Благодарения, от примитивных мультиков, взятых из готовых коллекций в той же Internet, глаза лезут на лоб. Собираясь украсить анимацией свой Web-узел, первым делом спросите себя: "А нужно ли мне все это?"

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

Создание анимации для Web-узла JCT
Анимация, которой мы сейчас займемся, будет служить как бы приглашением на сайт и будет воспроизводиться на каждой его странице. Создание Flash-кнопки аналогично созданию простейшей мультипликации. При воспроизведении ее выводится последовательность неподвижных рисунков, что создает иллюзию движения при наведении курсора на кнопку или после щелчка на ней.

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

Этапы
Мы рассмотрели много вопросов, связанных с созданием разных элементов страниц, начиная с планирования содержания и заканчивая созданием графических рисунков. В оставшейся части книги мы рассмотрим, как собрать материалы в динамические Web-страницы; таким образом, наша работа подошла к некоторому важному этапу.

Создание динамических страниц в Dreamweaver MX
Как вы уже догадались, шаблон определяет компоновку страницы. Различие между шаблоном и обычной страницей HTML довольно расплывчатое. Например, Web-узел JCT впоследствии может обрасти страницами, посвященными носкам, украшениям, скейтбордам и роликовым конькам. Если страницы делать статическими, для каждой группы товаров придется создавать ее конструкцию с нуля, каждый раз наполняя ее ссылками на другие страницы. Естественно, такой процесс будет достаточно утомительным и малоэффективным.

Связь с ColdFusion MX
Предполагается, что вы уже ознакомились с основами создания динамических страниц, описанными в главе 6. Используя три страницы, созданные на основе шаблонов ColdFusion MX, в этой главе будет показано, как загрузить на них динамическое содержание из базы данных, создание которой также описывалось в главе 6.

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

Оптимизация узла и программ
Чаще всего Web-дизайнеры, пользующиеся автоматической генерацией HTML-кода в пакете MX Studio, жалуются на то, что Fireworks MX и Dreamweaver MX создают программы-заготовки (ugly code). Этим термином они хотят подчеркнуть, что создаваемые программы являются сложными и слишком длинными.

Избавляемся от ошибок и выпускаем Web-узел в свет
Итак, Web-узел можно считать готовым. Теперь перед командой встает естественный вопрос: "А работает ли он?" Ответ на него не так очевиден, как кажется на первый взгляд. Может, вы и тестировали страницы по мере их создания в Fireworks и Dreamweaver MX с помощью броузера, однако полноценным тестированием узла это назвать нельзя.

Практика создания динамических Web-узлов

За последние несколько лет процесс создания Web-узлов претерпел значительные изменения. Если раньше типичный Web-узел был статическим набором информации, вроде журнала, то современный Web-узел — это динамическое приложение, работающее в реальном времени. Пакет Macromedia Studio MX содержит средства для создания таких Web-узлов.
Современные Web-узлы стали динамическими, а это означает, что в зависимости от запроса их содержание передается броузеру или Flash-приложению. Содержание динамически встраивается на Web-страницу непосредственно в процессе передачи. Это фундаментально отличается от статических Web-страниц, содержание которых встраивается дизайнером в процессе разработки.
Распространение динамических Web-узлов и развитие технологии их создания оказали влияние на команды разработчиков, создающих такие Web-узлы. В эпоху статических Web-узлов творчество команды разработчиков зависело от содержания создаваемых страниц. Члены команды, задействованные в творческом процессе, создавали рисунки, текст, разрабатывали внешний вид и управляющие элементы страницы.
Появление и развитие динамических Web-узлов перевернули всю эту модель с ног на голову. Программисты и разработчики баз данных теперь закладывают основу Web-узла. В новой модели решающую роль при создании динамического содержания играет специфика работы этих разработчиков.
В некотором отношении это разделило создателей Web-узлов на два полярных лагеря — на технических и творческих работников. Такое разделение команды разработчиков на два лагеря создает опасность попасть в неприятную ситуацию, даже можно сказать, что эта неприятность неизбежна, если не предпринять специальные меры. Рано или поздно возникнет ситуация, когда дальнейшая работа невозможна, если дизайнеры не понимают основ программирования и принципов работы баз данных, а программисты не представляют себе, как именно должно быть представлено содержание страницы.

Создание динамических Web узлов
Дизайнеры теперь уже не просто создают Web-страницы. Скорее они создают интерфейс для вывода содержания, полученного в результате работы программной части Web-узла. Работа дизайнеров теперь не статична, как раньше. Элементы дизайна перемещаются на странице и функционируют в зависимости от конкретной ситуации и содержания. Научиться этому невозможно, не понимая сути работы своих партнеров.

Анимация в Web
Недостаточно продуманная анимация может перегрузить Web-узел и сделать его загрузку слишком медленной. Можете быть уверены, что плохую анимацию посетители запомнят в первую очередь. Например, в те дни, когда технология Flash только набирала обороты, почти на каждой Web-странице можно было увидеть вращающийся глобус. Именно тогда один из авторов этой книги посетил Web-узел компании из Акрона, штат Огайо, торгующей автомобильными покрышками.

Создание Webстраниц с помощью Flash
Первые версии приложения не были особенно замечены, но способность создавать небольшие по объему анимационные ролики для Web-страниц или полностью интерактивные страницы произвела должное впечатление. С появлением 3-й версии все изменилось. Неожиданно для многих разработчиков появилась возможность создавать анимацию и интерактивность с помощью простого и знакомого интерфейса, и повсюду на Web-узлах стали появляться анимационные ролики. В 4-й версии появился специальный язык — Actionscript, и технология Flash стала серьезным инструментом для создания не только анимации, но и всего, что движется по экрану или как-то общается с пользователем. Фактически эта технология расширила наши представления о том, что можно делать в ограниченном пространстве Web.

Создание анимации для Webузла JCT
В этой главе мы не раз повторим, что нужно много раз подумать, прежде чем приступить к созданию анимации. Такой аргумент, как "если есть инструмент, то нужно им воспользоваться", не пригоден в сегодняшнем Web-дизайне. Если вы предусмотрите в бюджете создание анимации, то будьте готовы к тому, что у вас потребуют обоснования такого решения.

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

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

Создание динамических страниц в Dreamweaver MX
Как вы уже догадались, шаблон определяет компоновку страницы. Различие между шаблоном и обычной страницей HTML довольно расплывчатое. Например, Web-узел JCT впоследствии может обрасти страницами, посвященными носкам, украшениям, скейтбордам и роликовым конькам. Если страницы делать статическими, для каждой группы товаров придется создавать ее конструкцию с нуля, каждый раз наполняя ее ссылками на другие страницы. Естественно, такой процесс будет достаточно утомительным и малоэффективным.

Связь с ColdFusion MX
Если вспомнить, с чего начиналась Internet, то окажется, что она изначально создавалась как механизм передачи данных, позволяющий ученым обмениваться научными работами. Тогда Web представляла собой статичное информационное средство; для нее были характерны страницы, содержащие текст. Каждая страница была обособленной и не связывалась с другими страницами Web-узла. По мере роста популярности Web-пространства возникла потребность в совершенно ином, более современном механизме хранения информации.

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

Оптимизация узла и программ
Чаще всего Web-дизайнеры, пользующиеся автоматической генерацией HTML-кода в пакете MX Studio, жалуются на то, что Fireworks MX и Dreamweaver MX создают программы-заготовки (ugly code). Этим термином они хотят подчеркнуть, что создаваемые программы являются сложными и слишком длинными.

Избавляемся от ошибок и выпускаем Webузел в свет
Во многих отношениях тестирование узла знаменует собой возврат к точке зрения на лес, а не на отдельные деревья в нем. До этого момента мы концентрировали внимание на отдельных фрагментах узла. Нас мало интересовало, как из них складывается общая картина. Теперь пришло время протестировать узел в целом и убедиться, что все в нем (именно все!) работает так, как планировалось.

Web разработка с Macromedia Studio MX

Перед тем как команда приступит к работе, руководитель проекта должен взять в руки свой блокнот и провести, казалось бы, немыслимый объем времени с клиентом, чтобы собрать необходимую информацию: от общих сведений о целевой аудитории узла до специфичных вопросов, касающихся производственных технологий. Затем эта информация скрупулезно анализируется с заказчиком и членами команды с целью полного ее уяснения, проведения планирования и формирования управления и линий взаимодействия, необходимых для выполнения проекта. Результатом этой работы становится манифест. Этот манифест доводится до сведения команды, и на основе его планируется состав и график работ. Ни одно из этих действий не может быть пропущено.

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

Использование средств управления
Уделите достаточно времени организации управления узлом, пока еще не поставлен первый пиксель, и вы получите щедрые дивиденды выигранным временем в конце проекта. Было бы фатальной ошибкой считать весь свой жесткий диск хранилищем файлов. Что-нибудь непременно будет потеряно. Обязательно подумайте, где будет находиться иерархия файлов, как будут называться файлы и в каких местах они будут храниться.

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

Планирование узла JCT
Узел, создание которого мы рассматриваем на протяжении всей этой книги, посвящен гипотетической компании JCT. Этот узел должен следовать некоторому стратегическому плану. Процесс начался с того, что была поставлена задача создать узел, в котором будут отражены основные принципы Web-дизайна: от постановки концепции до загрузки узла на сервер по протоколу FTP. Любой Web-дизайнер знаком с этим процессом, который начинается со встречи заказчика с разработчиком и с вопроса: "Вы занимаетесь Web-дизайном?"

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

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

Шрифты
Шрифты нельзя рассматривать как серый фон, обрамляющий рисунки. Это — важный элемент процесса коммуникаций, и многие Web-дизайнеры про него забывают в погоне за крутым и модным оформлением. Забудьте о моде. Люди заходят на страницу в поиске информации. Если посетитель не может прочитать информацию из-за того, что текст трудно читается, разве можно ожидать, что он поймет эту информацию? Internet в той или иной форме существует на протяжении 40 лет, однако возраст Web не превышает десятилетия

Создание прототипа во FreeHand
Прототип не содержит иерархических (pop-down) меню, анимации, рабочих кнопок и т.п. (хотя разработчики обычно создают простые программы, осуществляющие навигацию между окнами). Прототип еще иногда называют HTML clickthru (сквозной щелчок). Имея возможность перемещаться по узлу с помощью простых щелчков мышью, вы действительно сможете пройти узел от начала до конца. Можно также посмотреть, правильно ли представлена информация на страницах, и по мере необходимости внести коррективы.

Цветовая коррекция в Fireworks
Изображение, созданное с помощью цифровой камеры или сканера, не может быть совершенным. Смещение цветовой гаммы (color cast) (когда оттенен каким-то посторонним фоном и нужно сместить баланс цвета) происходит независимо от нашего желания и снижает контрастность рисунка. Хотя существует несколько гораздо лучших приложений для цветовой коррекции, особенно в полиграфии, Fireworks может неплохо справиться с этой работой в рисунках с низким разрешением (которые и используются в Web).

Обзор цифрового видео
Цифровое видео используется в Web уже несколько лет. Однако в первое время лучших результатов могли добиться только те, кто имел широкополосный канал в Internet (наподобие Tl, DSL или кабельного модема). Этот вопрос был связан не с технологиями, а скорее со стоимостью услуг. Сегодня ситуация постепенно меняется. Все больше пользователей Internet могут удовлетворить свою потребность в скоростных каналах, так как стоимость последних стала приемлемой. С другой стороны, пользователи, которые удовлетворили свою потребность в скорости, пользуются технологиями видеосжатия (особенно в части потокового видео, примером чему может служить кодек Sorenson Video), которые стремительно развиваются.

Типы графических файлов
Как уже говорилось в главе 9, существуют два типа графики: векторная и растровая. Графика может создаваться как набор векторов или как матрица пикселей. Независимо от того, какой тип графики будет выбран, для отображения на экране она все равно будет преобразована в растровую, так как монитор не может отобразить ничего, не переведя это в растр.

Интеграция приложений на основе WebSphere MQ

Современные корпоративные системы характеризуются как сверхсложные и гетерогенные, распределенные по различным платформам. Положение большинства предприятий в настоящее время во многом определяется тем, что логика интеграции и взаимодействия систем встроена в отдельные приложения. Технология взаимодействия приложений ограничена транспортными механизмами для передачи данных. Потребности бизнеса и набирающего силу электронного бизнеса диктуют необходимость связи и интеграции этих гетерогенных систем и платформ. Современным корпорациям требуются надежные и тотально-распределенные вычислительные инфраструктуры, интегрирующее middleware, решающее задачи интеграции различных прикладных систем между собой. Появился даже специальный термин – Enterprise Application Integration (EAI) – Интеграция Приложений.
Общепринятый в мировой практике подход к интеграции заключается в уходе от создания прямых интерфейсов приложений и в использовании интеграционного связующего программного обеспечения (ПО), которое способно обеспечить выполнение всех функций, необходимых крупной корпорации. В результате становятся возможными централизация и стандартизация подхода к интеграции, что позволит предприятиям разработать интеграционную среду, которую можно будет совершенствовать и изменять в соответствии с эволюцией бизнес среды.

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

Установка WebSphere MQ на платформе Windows NT
Рассмотрим порядок установки WebSphere MQ на платформе WindowsNT. Процесс установки построен таким образом, что инсталляцию может выполнить пользователь, никогда ранее не работавший с данным продуктом. WebSphere MQ не является требовательным программным обеспечением (ПО) по отношению к аппаратной части компьютера. Несмотря на это, вряд ли стоит планировать серьезную работу на низко производительных системах.

Очереди
Простая локальная очередь (local queue) создается и существует как самостоятельный объект, независящий от других объектов. В нее приложения могут помещать или забирать сообщения. Кроме того, локальная очередь может использоваться как очередь инициализации для запуска того или иного процесса.

Состояние каналов. Создание интерфейсов передачи сообщений
Как говорилось в предыдущей лекции, сообщения передаются с помощью каналов, с одинаковыми именами, расположенными как на одном, так и на другом менеджере. Для управления процессом старта каналов существует специальная служба, которая называется Channel initiator. На платформе Windows NT она запускается автоматически при старте менеджера с помощью WebSphere MQ Explorer.

Авторизация и доступ к объектам
Рассмотрим опции авторизации: MQI authorizations, Administration authorizations и Generic authorizations. Перед данными опциями должны указываться символы "+" или "-", разрешающие или запрещающие соответствующие действия.

Кластер WebSphere MQ
При создании систем передачи данных, нередко возникают ситуации, когда некоторые серверы недоступны в течение какого-то времени или работают посменно. Кластер WebSphere MQ это объединение менеджеров очередей, которые могут располагаться на различных платформах. При правильной настройке объектов кластера, приложения помещают сообщения в кластерные очереди, даже если один из менеджеров очередей становится недоступным, а после возобновления связи с ним приложения могут забирать сообщения из локальных кластерных очередей.

Очередь недоставленных сообщений и восстановление данных
Практически все события, за исключением обработки non persistent сообщений, фиксируются в различных лог файлах WebSphere MQ. Существует два вида лог файлов. В первый записываются сообщения об ошибках, а во второй все изменения состояния объектов менеджера, включая обработанные persistent сообщения. Файл ошибок имеет формат, который легко прочитать с помощью любого текстового редактора. В него записываются события, связанные со стартом или остановкой менеджера и каналов, ошибки установки соединения, ошибки приема или отправки сообщений, например с некорректным форматом или ошибки конвертации, связанные с кодовой страницей.

Общие сведения о разработке приложений для WebSphere MQ
В большинстве приложений, работающих с WebSphere MQ, решаются такие задачи как: чтение сообщений из базы данных (БД) и запись их в очередь; чтение сообщений из очереди и запись их в БД; и то и другое одновременно. В более редких случаях, например, для задач мониторинга осуществляется чтение параметров объектов WebSphere MQ в частности Current Depth, Channel Status, Message Count, Last Message Date/Time и т.п.

Программа rewriter (модель "один к одному")
Первая программа будет достаточно простая и реализует так называемую модель "один к одному" или "точка-точка". Эта программа предназначена для чтения сообщений из очереди 1, записи их в очередь 2 и лог-файл на диске. Эта программа имеет практическое значение. Достаточно часто необходимо иметь файл переданных сообщений за определенный период времени, чтобы быстро ответить на вопрос "Было ли передано сообщение с такими идентификационными параметрами в теле сообщения:…"? WebSphere MQ сохраняет persistent сообщения на диске, но эти лог-файлы малопонятны

Общие сведения о модели публикация-подписка
Механизм публикация-подписка (Publish/Subscribe) позволяет поставлять информацию от поставщика к потребителю. Эта модель стала особенно популярной в последние годы благодаря тому, что часто меняющаяся информация может поставляться постоянно многим получателям. Одним из типичных примеров такой информации являются данные на рынке акций и валют. В такой модели издателю необязатеьно знать о местонахождении получателя и наоборот. В модели Request/Reply движение информации начинается по запросу потребителя (клиента).

Модификация объектов
Характеристики объектов WebSphere MQ определяются в момент создания, но иногда их необходимо модифицировать, например, изменив приоритет сообщений при помещении их в очередь (Default Priority) или максимально допустимое количество сообщений в очереди (Maximum Queue Depth). Модификация объектов WebSphere MQ требуется, в частности, при восстановлении опций очередей Put Messages и Get Messages в состояние Allowed, а также параметров триггеринга, извлечении статистических данных (Message Count и т.п.).

Архитектура и функции интеграционного решения
Топология интеграционного решения отражает различные способы взаимодействия приложений (12.1). Среди основных топологий можно выделить простые соединения точка-точка, шлюзы и шины. Соединение точка-точка означает, что интегрируемые приложения устанавливают прямые связи друг с другом. Обычно на начальной стадии любого интеграционного проекта именно соединение точка-точка используется, как наиболее простой подход. При этом для взаимодействующих приложений необходимо, во-первых, знать точную адресную информацию о партнере и, во-вторых, уметь осуществлять преобразования между форматами данных, используемых партнерами.

Основы обеспечения безопасности WebSphere MQ
Любой специалист, системный администратор, системный интегратор и руководитель ИТ подразделения должен отдавать себе отчет в том, что WebSphere MQ - незащищенная система и потоки сообщений в ней легко читаются, если не предпринять специальных мер защиты. Администратор на собственном компьютере и член группы mqm имеет доступ со своим паролем ко всем удаленным менеджерам корпоративной сети, а также возможность чтения и записи сообщений в любую очередь.

Общая архитектура Omegamon
Для профессиональной работы с WebSphere MQ рекомендуется использовать средства мониторинга. Несмотря на высокую надежность WebSphere MQ сообщения могут застревать в очередях по разным причинам, прежде всего из-за нештатных ситуаций для программ обработчиков, пиковых перегрузок потоков данных, нестабильности работы корпоративной информационной сети (КИС). Рассмотрим систему Omegamon фирмы IBM (ранее Candle Corp., USA) для мониторинга WebSphere MQ.

Web дизайн с Macromedia HOMESITE

Свершилось. Не прошло и года, как объединение усилий двух ведущих разработчиков инструментария для Web-дизайна (компаний Allaire Corporation и Macromedia Inc.) принесло свои результаты. Основным из них на сегодняшний день является появление на свет новой версии популярного редактора Web-страниц, который теперь называется Macromedia HomeSite 5. Сообщение об этом событии появилось на сайтах компаний Allaire и Macromedia 23 октября 2001 года, и с этого дня пользователи получили возможность опробовать возможности оценочной версии продукта.
Тем читателям, которые знакомы с предыдущими версиями HomeSite, наверняка известно, что он обеспечивал достаточно тесную интеграцию средств разработки с визуальным редактором Macromedia Dreamweaver. Отныне это взаимодействие стало еще более тесным и эффективным.
Сохранив основные достоинства предыдущих версий редактора HomeSite (в том числе пользовательский интерфейс), компания Macromedia дополнила этот инструмент целым рядом новых возможностей. Самая главная из них — поддержка синтаксиса нескольких языков разметки, в том числе языка XHTML, который представляет собой реализацию языка HTML 4 в качестве приложения XML.
Кроме того, HomeSite 5 интегрирован с новой версией редактора таблиц стилей TopStyle Lite 2.1, который обеспечивает быстрое и удобное редактирование стилевого оформления страниц сайта.
Для тех, кто не работал ранее с НomeSite, в состав редактора включены многочисленные средства поддержки пользователя, позволяющие освоить работу с редактором за минимальное время.
Следует подчеркнуть, что хотя HomeSite относится к классу профессиональных инструментов, его создатели предусмотрели возможность использования редактора также начинающими Web-дизайнерами. В их распоряжении, в частности, обширная справочная система, содержащая не только сведения по самому редактору, но также полную спецификацию языка HTML 4.01 и рекомендации по проектированию и разработке Web-сайтов.
Хотя HomeSite но инерции продолжают называть «редактором», на самом деле его функциональные возможности значительно шире тех рамок, которые ассоциируются с этим термином. Пожалуй, правильнее было бы обозначить его как «инструмент подготовки и публикации материалов для Web». Входящие в его состав функции и утилиты позволяют не только редактировать отдельные страницы, но также решать другие многочисленные задачи, связанные с созданием Web-сайтов. Это и формирование структуры проекта в целом, и тестирование визуального отображения страниц различными броузерами, и оценка времени загрузки страниц, и, наконец, развертывание подготовленных материалов на Web-сервере. Все это делает HomeSite самодостаточным средством, обеспечивающим поддержку всех основных этапов подготовки Web-публикации (за исключением подготовки графических и мультимедийных элементов страниц).

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

Знакомство с HomeSite
Одним из замечательных свойств HomeSite является то, что для начала работы с ним не требуется знакомство со всеми его возможностями. Чтобы создать с помощью HomeSite простейшую Web-страницу, достаточно иметь навыки по работе с каким-либо текстовым редактором типа Write (Блокнот). Однако, в отличие от Блокнота, HomeSite берет на себя почти 90% работ по вводу основных синтаксических конструкций HTML (или другого используемого языка разметки). Кроме того, чтобы увидеть, как созданная страница выглядит в окне броузера, достаточно одним щелчком мыши переключиться в режим просмотра. В процессе работы с HomeSite вы сможете постепенно наращивать уровень знаний, осваивая его возможности.

Разработка структуры сайта
С одной стороны, она представляет собой некий «информационный ресурс», то есть предоставляет некоторый набор сведений или услуг, которые были бы полезны или интересны для определенной категории посетителей WWW
С другой стороны, Web-сайт — это результат применения тех или иных технологий, поддерживаемых на сегодняшний день аппаратными и программными средствами Интернета. Причем количество этих самых технологий увеличивается буквально с каждым днем. Каждая из них, как говорится, хороша по-своему. Зачастую это порождает у некоторых (особенно у начинающих) Web-дизайнеров желание насытить свои публикации всем, до чего «руки дотянутся»: здесь и звуковое сопровождение, и Flash-фильмы и т. д.

Основные инструменты
Все операции по разработке страниц выполняются в окне документа (его интерфейс был подробно описан вразделе Организация пользовательского интерфейса в главе «Знакомство с HomeSite»).
Это окно является как бы общей строительной площадкой, на которой размещается редактируемая страница, и на которой вы можете поочередно (или совместно) использовать различные инструменты, предоставляемые HomeSite.

Разработка страниц публикации
Несмотря на все достоинства описанных выше инструментов, ни один из них нельзя считать основным средством разработки HTML-страниц. Практика показывает, что наибольший эффект дает именно совместное их применение.
Итак, при создании новой страницы целесообразно придерживаться такой последовательности действий (предполагается, что эскиз страницы, выполненный на бумаге, находится перед вами):

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

Создание интерактивных страниц
Под интерактивными страницами в общем случае понимаются такие, которые содержат элементы, реагирующие на действия посетителя сайта (например, на перемещение указателя мыши, ввод каких-либо данных и т. д.). Наиболее распространенными из таких элементов являются формы (или их элементы), изображения-ролловеры и кнопки. Однако благодаря поддержке последними версиями броузеров Dynamic HTML, Flash, ASP и других современных технологий список интерактивных элементов значительно расширился.

Тестирование сайта и выгрузка на удаленный сервер
Мы уже неоднократно говорили о том, что тестирование страниц является обязательным этапом разработки сайта, независимо от его размера и предназначения. И если HomeSite не способен полностью заменить вас на этапе разработки и редактирования страниц, то на этапе их тестирования он практически всю работу берет на себя.

Сканеры и сканирование

Исходный материал для создания графических композиций можно найти в уже существующих графических файлах. Однако при этом следует помнить, что некоторые из них являются предметом защиты авторских прав и, следовательно, их нельзя свободно копировать. Можно также создавать свои произведения «с чистого листа», используя средства рисования графических редакторов. Но тогда нужны как художественные способности, так и навыки рисования с помощью компьютера. Есть еще один эффективный способ создания компьютерной графики. Он основан на использовании сканеров или цифровых фотокамер. Хорошие фотокамеры довольно дороги, а сканеры успешно завоевывают рынок товаров массового потребления и вполне доступны. С помощью сканера можно ввести в компьютер картинки из газет, журналов, книг и фотографий как целиком, так и частями, которые послужат вам строительным материалом для будущих композиций. Вы можете создавать эскизы и заготовки сначала на бумаге, а затем вводить их в компьютер посредством сканера и дорабатывать с помощью графических редакторов. Наконец, сканер просто незаменим, когда необходимо превратить бумажный печатный документ в текстовый, чтобы можно было открыть его в текстовом (а не в графическом) редакторе (например, в MS Word) для просмотра и редактирования.
Существует множество моделей сканеров, отличающихся как техническими характеристиками и возможностями, так и ценой. Совсем не факт, что вам нужен самый могущественный и самый дорогой сканер. Новички, как правило, испытывают затруднения при выборе модели сканера и, вдальнейшем, при его использовании. Ошибка в выборе сканера выражается либо в том, что вы недоплатили чуть-чуть, либо слишком переплатили. Выбирая сканер, следует исходить из задач, которые вы собираетесь решать с его помощью. Сканеры могут использоваться для текущих задач офисов, домашнего коллекционирования фотографий и профессиональной работы с графикой. Для Web-дизайна, например, вы можете обходиться и самыми дешевыми сканерами. Но для работ, предназначенных, в конечном счете, для полиграфии, вам, возможно, потребуется более мощное устройство.

Сканеры и сканирование
Сканер является устройством для ввода изображений в компьютер. Исходные изображения (оригиналы) обычно находятся на непрозрачных (бумага) или прозрачных (слайды, фотопленка) носителях. Обычно это — рисунки, фотографии, слайды и/или тексты, но могут быть и объемные предметы. По существу сканер является устройством, которое воспринимает оптическую информацию, доступную для нашего зрения, и сначала преобразует ее в электрическую форму, а затем приводит к цифровому виду, пригодному для ввода в компьютер. Таким образом, процесс сканирования оригинала состоит в его оцифровке. Оцифрованное изображение (на жаргоне — «скан») в дальнейшем может быть обработано в компьютере с помощью графического редактора (например, Photoshop), если это рисунок, или с помощью программы распознавания символов (например, FineReader), если это текст.

Элементы языков HTML и JAVASCRIPT
Здесь мы не будем подробно рассматривать ни HTML, ни вопросы дизайна Web-страниц. На эту весьма обширную тему написано достаточно много книг. В этой главе мы остановимся лишь на некоторых основных моментах HTML, наиболее тесно связанных с графикой и мультимедиа. Мы думаем, что дизайнер графики для Web должен понимать, что происходите его творением, когда оно встраивается в HTML-документ. Часто бывает, что эффективнее непосредственно подправить HTML-код, чем мучиться со средствами визуальной разработки в специализированных редакторах. Кроме того, следует учитывать, что и в HTML имеются средства управления графикой.







Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий