РАСКРУТИМ.RU: Для каждого Интернет-проекта очень важно найти свою целевую аудиторию и суметь удержать ее. Поисковые машины теряют свою эффективность, выдавая пользователю обилие информации в котором Ваш сайт теряется как песчинка. Баннерные сети дают только 0,2-1,2% переходов на Ваш сайт от всего объема рекламных показов. А все места в известных рейтингах поделили между собой старожилы сети. И каким бы ни был интересным, привлекательным и выгодным Ваш проект, он ничего не стоит, пока о нем никто не узнает, пока на него никто не придет.
Мы предлагаем Вам стать участником нашей системы, которая позволит привлечь на Ваш сайт новых посетителей.

XP-Hosting - качественный хостинг на серверах в США!
- Цены от $1.5 за месяц
- Все стандартные возможности (Perl, PHP4, MySQL4, SSI, логи, WebMail, POP3 эккаунты и т.д.)
- Служба поддержки
- Партнерская программа с выплатой до 25% комиссионных
- Открытие эккаунтов в течении 24-х часов

101 совет при работе с графикой

Самые яркие издательские "звезды" раскрывают свои величайшие секреты

• Обработка изображений
• Создание иллюстраций
• Верстка
• Web-дизайн
• Технологический процесс

Вы до сих пор не разобрались, как работает управление цветом в пакете Adobe Photoshop 5.5? Не знаете, что делать с клавиатурными ускорителями в QuarkXPress 4.x? Чувствуете себя слепым, запуская Adobe InDesign?

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

Вниманию читателей предлагается 12-ый ежегодный калейдоскоп главных секретов и советов от признанных мастеров в области издательского дела. Это проверенные рецепты, которые должны придать особый вкус любому издательскому «блюду».

Кроме уже упомянутых здесь освещаются и другие кросс-платформенные приложения, среди которых Macromedia FreeHand 8, Adobe Illustrator 8 и Adobe PageMaker 6.5. А еще вы найдете множество советов, касающихся CorelDraw 9 (8 для Macintosh), HTML и AppleScript. И помните, даже если рекомендации касаются определенного приложения, которого нет в вашем наборе инструментов, подобный прием можно применить и в другой, регулярно используемой вами программе.

 Web-дизайн

	Шон Уогстафф web-дизайнер, фокусирует свои творческие усилия на интерактивном дизайне и анимации. Он написал книгу Animation on the Web (Peachpit Press).
	Фрит Брейтзер web-дизайнер, является помощником редактора журнала Publish и помощником по производству узла Web этого издания.
	Сол Соломон владеет Spider — специализирующейся на Web-дизайне компании из Сан-Франциско. Среди его клиентов есть как маленькие, некоммерческие фирмы, так и крупнейшие корпорации Силиконовой долины.

	Энн-Мари Консепсьон, ведущая колонки в журнале Publish, является художником, консультантом и преподавателем в области программного обеспечения. Ее компания, Seneca Design and Consulting, расположена в Чикаго.
	Джанин Уорнер — ведущий редактор узла Web газеты Miami Herald, она написала несколько книг, посвященных Web-дизайну и издательскому делу, включая Dreamweaver for Dummies (IDG Books Worldwide) и Flash 3 Web Animation F/X and Design (Coriolis Group).
	Крис Макгрегор — главный партнер в MacGregor Media, фирмы, разрабатывающей информационные архитектуры и оказывающей услуги по Web-дизайну. Он часто пишет на темы типографики и маркетинга в Internet.

Некоторые поисковые механизмы просто ничего не могут поделать со страницами, построенными на основе фреймов. Чтобы решить эту проблему, добавьте в секцию NOFRAMES страницы с фреймами текстовые ссылки на все размещенные во фреймах файлы HTML в этом разделе узла Web. Таким образом, индексирующие программы поисковых механизмов, таких как Alta Vista и HotBot, смогут «докопаться» и до файлов, спрятанных в глубине узла, и индексировать их. — Энн-Мари Консепсьон

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

Однако в пакете Macromedia Dreamweaver не всегда можно добиться, чтобы ячейки таблицы не превышали размеры помещенных в них файлов GIF, даже если высота ячейки задана правильно. Обычно это связано с тем, что в ячейку был вставлен неразрывный пробел. Код ISO-8859 для неразрывного пробела ( ) не показывается в графической среде пакета Dreamweaver, поэтому лишний символ найти или удалить трудно.

Каково же решение? Выделите ячейку и выполните команду HTML в меню Window — на экране будет отображен исходный текст HTML. Выполните поиск для всех вхождений строки символов

Тег «якоря», который создает ссылки на определенное место страницы, а не на ее начало, не обязательно должен быть окружен каким-либо текстом ниже или выше той строки, на которую он указывает. На практике, когда строка с «якорем» окружена строками с текстом, она оказывается сразу же под строкой заголовка браузера, как это показано в примере на верхнем рисунке. Автор предпочитает, чтобы зрители видели некоторый отступ между текстом со ссылками и верхним краем окна, поэтому всюду, где это возможно, Энн-Мари вставляет между ссылкой-«якорем» (<A NAME=«OSHA Compliance»></A>) и первой строкой связанного текста пустую строку (<P>) (см. нижний рисунок примера). — Энн-Мари Консепсьон

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

В Miami Herald страница об американском футболе всегда существовала по адресу www.herald.com/sports/dolphines, и на нее есть прямые ссылки у многих читателей и поисковых механизмов. После редизайна узла эта страница была перемещена в структуре каталогов на два уровня ниже, но в редакции не хотели потерять все ссылки, указывающие на этот адрес. Поэтому были созданы «виртуальные ссылки»: команды Unix на уровне сервера, которые переадресовывали браузеры, обращавшиеся по старому адресу, на новый. Виртуальные ссылки работают быстрее и эффективнее, чем метатеги или команды JavaScript, для которых приходится создавать страницу HTML и поддерживать старую структуру каталогов. Но для реализации виртуальных ссылок необходимы навыки программирования в среде Unix, которыми большинство дизайнеров не обладают. Поэтому подготовьте список ссылок, которые вы изменяете (включив туда старые и новые адреса), и попросите своего поставщика услуг, программиста или системного администратора реализовать перенаправление запросов на уровне сервера. — Джанин Уорнер

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

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

Хотите верьте, хотите нет, но компания WebTV, расположенная в городе Моунтейн-Вью (шт. Калифорния) и являющаяся подразделением Microsoft, входит в десятку крупнейших Internet-провайдеров. Однако это никак не упрощает жизнь многих Web-дизайнеров, поскольку большинство страниц Web при их показе на WebTV выглядят ужасно: на WebTV 10-пунктовые шрифты увеличиваются до 20 пунктов — чтобы их можно было читать с расстояния нескольких метров — и это вызывает сжатие видимой области страницы. Поэтому, если вы создаете дизайн для экрана с разрешением 640і480, изображения могут налезать друг на друга, слова могут оказаться обрезанными или будут происходить еще более худшие вещи. Чтобы оценить, как результаты вашего творчества будут выглядеть на WebTV, загрузите бесплатный эмулятор браузера WebTV, который работает как на платформе Macintosh, так и на Windows. Эмулятор и другие ресурсы для разработки находятся по адресу http://developer.webtv.net — Джанин Уорнер

Все знают, что единственный способ гарантировать показ текста, набранного определенным шрифтом, одинаково для всех посетителей узла Web — это создать из текста изображение и вставить его в документ HTML. Однако существует еще одна хорошая альтернатива — можно задать несколько шрифтов в теге FONT: если вы сделаете это, браузер будет использовать первый шрифт из списка; если данный шрифт не установлен в системе пользователя браузера, будет выбран следующий шрифт и так далее. Можно задать даже категорию шрифтов, например, без засечек (sans serif).

В приведенном примере браузер будет искать и пытаться отобразить текст шрифтом Verdana, затем Arial, а затем Helvetica. Если ни один из этих шрифтов не будет найден, помещенный в конец списка описатель «sans serif» будет хотя бы гарантировать, что браузер использует для отображения один из шрифтов без засечек. — Джанин Уорнер

Руководства по Web-дизайну и эксперты с давних пор советуют дизайнерам ограничивать палитру использумых цветов до «безопасных» 216, чтобы не возникало смешения цветов на компьютерных экранах, которые могут отображать только 256 цветов. Хотя разумность этого совета не вызывала сомнений в эпоху «молодого» Web, сейчас количество мониторов, которые работают в режимах отображения более 256 цветов неизмеримо выросло.

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

Когда вы пытаетесь сократить размер изображения GIF до минимального количества байтов, будет полезно понять принципы сохранения данных в этом формате. Файл GIF сжимается по горизонтали; поэтому формат GIF лучше подходит для сохранения изображений с однородными цветными областями. Например, AAAABB CCCDDDDD, строка цветных пикселов (представленных буквами) с блоками одинакового цвета, будет сжата в строку 4A2B3C5D. Строка с частыми сменами цветов, ADBCBADACB DCDBAC, совсем не будет сжата. Это значит, что удалив при помощи однопиксельной кисти небольшие изменения цветов, вы сможете сократить размеры файла GIF вплоть до 40%. — Крис Макгрегор

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

Например, в условно-бесплатной программе GIFBuilder (ее можно загрузить по адресу www.pascal.com) достаточно включить опцию Frame Optimization (Оптимизация кадров) в меню Options (Опции). Понять, задействован ли режим оптимизации кадров в программе сжатия GIF, можно открыв отдельные кадры анимации в пакете Adobe Photoshop: каждый кадр должен представлять собой небольшую прямоугольную область, меньшую, чем общая площадь анимации, а отображаться в нем должны лишь изменения относительно предыдущего кадра. — Шон Уогстафф

Поместите адрес своей электронной почты на страницу Web, и вы увидите, что количество «мусорной» почты возрастает с небывалой скоростью. Это происходит потому, что существует множество компаний, запускающих специальные программы-роботы, которые находят на страницах Web реальные адреса электронной почты, после чего продают адреса маркетинговым фирмам, рассылающим спам. Программы-роботы достаточно интеллектуальны, чтобы просматривать исходный текст HTML-страниц, поэтому вместо текстовой ссылки («e-mail Joe»), созданной командой mailto: URL, они могут находить реальный адрес электронной почты (joe@acme. com).

Проблему можно решить, если скрыть адрес электронной почты, заменив коды ISO-8859 для каждого символа в адресе, точно также как вы уже, вероятно, делали для таких символов, как неразрывный пробел (& n b s p ;). Найти таблицу этих кодов можно по адресу http://www.digitalchi.com/mag/ja98/AM/Character.html или на последней странице обложки большинства книг по Web-дизайну. Либо можно воспользоваться бесплатной службой Mailto Encoder (www.siteup.com/encoder.html) компании SiteUp Networks, которая вышлет вам по электронной почте код для любого запрошенного вами адреса e-mail. — Энн-Мари Консепсьон

Пакет Macromedia Dreamweaver 2.0 очень гибкий, поэтому пользователь может создавать собственные рабочие профили, объекты или макрокоманды. Можно также изменить принятые в программе умолчания.

Например, если вы никогда не используете параметры таблицы по умолчанию (75% ширины, 3 колонки і 3 строки, толщина рамки — 1 пиксел), измените заданный по умолчанию файл объекта: в Dreamweaver откройте файл Table.htm, который расположен в каталоге Dreamweaver\ Configuration\Objects\Common. Щелкните по значению, которое хотите изменить, а затем исправьте число в поле Init Val (начальное значение) в инспекторе Property (Свойства). Сохраните и закройте файл.

Теперь создайте новый документ. Нажмите клавишу <Control> (<Alt> в Windows) и щелкните по значку со стрелкой вниз в палитре Object (Объект). Выберите опцию Reload Objects (Перегрузить объекты), и на этом все закончится — значок Insert Table в палитре Objects отразит новые значения по умолчанию.

Если вы хотите создать более одного стандартного табличного объекта, каждый из которых будет обладать уникальными свойствами, переименуйте файл (сохранив расширение HTM). Чтобы создать значок палитры Objects для этих новых параметров таблицы, создайте файл GIF размером 18і18 пикселов и присвойте ему такое же имя, как файлу HTML, но с расширением GIF. Например, у вас может быть файл table2.htm и соответствующий файл table2.gif. Сохраните файл GIF в папке Common. Теперь либо перезапустите Dreamweaver, либо перегрузите объекты описанным выше способом. — Фрит Брейтзер

Если вы часто создаете повторяющиеся на разных страницах Web элементы, попробуйте создать в пакете Dreamweaver объект, который автоматизирует этот процесс. Например, если вы часто помещаете в нижней части страницы таблицу с одним и тем же сообщением о защите авторского права и ссылками, создайте в Dreamweaver новую страницу, содержащую только эти элементы (без тегов HTML, HEAD или BODY). Присвойте файлу интуитивно понятное название и расширение HTM. Сохраните файл в каталоге Dreamweaver\Configuration\ Objects\Common.

Чтобы объект появился в палитре Objects (Объекты) (тогда его можно будет помещать на странице простым перетаскиванием мышью), повторите шаги из предыдущего совета, создав и сохранив изображение GIF размеров 18 х 18 пикселов, которое будет представлять объект. — Фрит Брейтзер

Нравится ли вам это, или нет, но страницы Web прямоугольны. Наши мониторы прямоугольны, таблицы прямоугольны, фреймы прямоугольны и изображения тоже прямоугольны. Нет ничего удивительного в том, что и ваш узел при просмотре тоже будет создавать у зрителя эффект «боксов», который автор иногда называет «прямоугольностью». От этого впечатления можно избавиться, если создавать изображения с неправильными контурами. Всюду, где это возможно, старайтесь избегать боксов, и тогда дизайн вашего узла станет более открытым и привлекательным. — Линда Уейнман

Хорошее сжатие — это ключ к хорошим изображениям в Web. Существует множество отличных приложений, с легкостью справляющихся с задачей сжатия изображений, однако в любых случаях есть два правила, которым нужно следовать. Первое: изображения с большим количеством непрерывных тонов, такие как фотографии, будут почти всегда меньше и выглядеть лучше при сохранении в формате JPEG. Второе: графика с однородными цветами, такая как логотипы, мультфильмы и иллюстрации, будет почти всегда выглядеть лучше и сжиматься плотнее при сохранении в формате GIF. Следуйте этим основополагающим принципам, и содержимое вашего узла будет загружаться быстрее. — Линда Уейнман

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

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

Одно из наиболее разочаровывающих свойств фреймов — это возможность размещения с их помощью страниц с вашего узла во фреймах другого, «паразитирующего» на вашем содержании. Но при помощи JavaScript это можно легко предотвратить. Достаточно скопировать набранный здесь сценарий в вашу страницу Web непосредственно перед тегом BODY.

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