- •Глава 1. Введение 174
- •Часть 1. Дизайн для Всемирной паутины Глава 1. Пройдемся по «понятиям»
- •Глава 2. «Вид» дизайна
- •Глава 3. Критические ошибки
- •Глава 4. Структура оптимизированных страниц
- •Глава 5. «Непрошеные» окна
- •Глава 6. Студия web-дизайна
- •Глава 7. «Это» — плохо!
- •Глава 8. Дизайн без «дизайна»
- •Глава 9. Гипертекстовый документ
- •Глава 10. Универсальный локатор ресурса
- •Часть 2. Основы создания гипертекстового документа Глава 1. Введение
- •Глава 2. Этикет в «паутине»
- •Глава 3. Структура
- •Глава 4. Внутри документа
- •Глава 5. Тестируйте свой документ
- •Глава 6. Таблица или фреймы
- •Глава 7. Перекодировщики кириллицы
- •Часть 3.Описание языка гипертекстовых документов Глава 1. Гипертекстовый язык
- •Глава 2.Термины гипертекста
- •Глава 3. Использование звуков
- •Глава 4. Создание графического меню
- •Глава 5. Текстовые стили
- •Глава 6. Общий интерфейс и формы языка
- •Глава 7. Фреймы
- •Глава 8.Планирование и взаимодействие фреймов
- •Глава 9.Зарезервированные имена фреймов
- •Глава 10.Создание документа html
- •Глава 11. Формы в html документах
- •Глава 12. Html 4.0
- •Глава 13. Тэги
- •Глава 15. Создание документов в формате html 4.0
- •Глава 16. Sgml и html
- •Глава 17. Как читать html dtd
- •Глава 18. Представление документа в формате html
- •Глава 19. Глобальная структура документа
- •Глава 20. Тело документа
- •Глава 21. Списки
- •Глава 22. Таблицы стилей
- •Часть 4. Редакторы web-страниц Глава 1. Основные требования
- •Глава 2. Adobe ImageReady
- •Глава 3. Corel Xara
- •Глава 4. Macromedia Fireworks
- •Глава 5. Macromedia Dreamweaver
- •Глава 6. Metacreation Headline Studio
- •Глава 7. HomeSite
- •Глава 8. Microsoft FrontPage Express
- •Часть 5. Создание Интернет-портала Глава 1. Что такое портал?
- •Глава 2. Что такое современный корпоративный портал?
- •Глава 3. Для чего нужен корпоративный портал?
- •Глава 4. Использование пакета Cold Fusion
- •Глава 5. Использование пакета Web-Oracle-Web (wow)
- •Часть 6. Cgi, php, Perl, MySql и cms системы Глава 1. Cgi
- •Глава 2. Выбор cms
- •Глава 3. Серверные скрипты
- •Глава 4. Вступление в php и MySql
- •Глава 5. Написание Гостевой книги на рнр
- •Глава 6. Гостевая книга на php — еще один вариант
- •Глава 7. Графический счетчик на php
- •Часть 7. Life Site cms — система создания и развития сайтов Глава 1. Введение
- •Глава 2. Что такое cms?
- •Глава 3. Функциональность системы
- •Глава 4. Часто задаваемые вопросы
- •Часть 8. «Раскрутка» сайта Глава 1.Выгодность хорошей «раскрутки»
- •Глава 2. Как создать вирусный трафик с помощью бесплатных электронных книг
- •Глава 3.Правильная раскрутка проекта и привлечение нужных посетителей
- •Глава 4. Экономика проекта
- •Глава 5. Стратегия эффективной работы с партнерскими программами
- •Глава 6. Преимущества использования Интернета в сетевом маркетинге
- •Глава 7. Как получить более 20 000 посетителей в день на свой сайт?
- •Глава 8. Банерная реклама
- •Часть 9. Заработок при помощи своего сайта Глава 1. Бесплатное место под ваш сайт
- •Глава 2. Как заработать на своем сайте
- •Глава 3. Банер и оплата его размещения
- •Глава 4. Влияние местоположения банера на его эффективность
- •Глава 5. Банерокрутилка на JavaScript
- •Глава 6. Бесплатное размещение web-страницы на сервере www.Geocities.Com
- •Часть 10. Уроки мастерства Глава 1. Выбираем и настраиваем домашний Web-сервер
- •Глава 2. Выводим иллюстрации в отдельном окне
- •Глава 3. Добавляем страницу в Избранное
- •Глава 4. «Откат назад» с помощью JavaScript
- •Глава 5. Индикатор состояния icq
- •Глава 6. Как поменять цвет скролл-бара
- •Глава 7. Как «обмануть» фреймы
- •Глава 8. Свойства тэга mailto
- •Глава 9. Пример практического создания сайта
- •Часть 11. Тонкости и секреты Глава 1. Фреймы
- •Глава 2. Ускоряем загрузку графики
- •Глава 3. Создаем систему быстрой навигации
- •Глава 4. Защитим страницу паролем
- •Глава 5. Устанавливаем счетчик
- •Глава 6. Десять советов web-дизайнеру
- •Глава 7. Каскадные таблицы стилей — css
- •Вопросы и ответы
- •Приложения Арсенал web-строителя
- •Тэги html
- •Meta-тэги
- •Хостинг
- •Бесплатная регистрация в поисковиках
- •Лучшие русскоязычные хостинг-серверы
- •Каталог бесплатного хостинга
- •Краткий словарь Интернета
- •Список использованных материалов
Глава 2. Adobe ImageReady
Поначалу эту программу можно принять за «урезанную» версию Фотошопа, но в том что касается создания графики для Интернета, она гораздо удобнее, и обладает рядом уникальных возможностей.
Что добавлено по сравнению с Фотошопом:
удобная, быстрая и гибкая оптимизация картинок для всех web-форматов, предварительный просмотр результатов сжатия «не отходя от кассы», прямо в процессе работы над изображением;
отличный набор инструментов для создания гиф-анимации (пока это самый удобный и продвинутый гиф-аниматор); то, что он работает в одном формате с Фотошопом (PSD) делает возможным анимировать рисунки, до этого сделанные в нескольких слоях, при помощи его «старшего брата».
мелкие, но приятные, дополнительные возможности: web-палитра; автоматическая резка рисунка по линейкам (задача, с которой часто сталкиваются web-дизайнеры, хотя что касается банеров, то их обычно резать необходимости нет); возможность обрезать размер холста, но при этом сохранить всю картинку, оставив часть ее временно вне пределов видимости (Clip вместо Crop). Или то, что шаг линеечек (Guidelines) в отличие от Фотошопа, привязан к размеру пиксела (это часто важно, чтобы изображения и линии были более четкими).
Часть возможностей, которых IR лишился по сравнению с Фотошопом, как например, поддержка цвета в форматах CMYK и др., действительно совершенна не нужна для Web. Других же, таких как работа с масками, модификация выбранных областей (Select ➩ Modify или Filer ➩ Fade), наверняка будет не хватать профессионалам, которые знают Фо-тошоп от и до.
Но все основные инструменты все же сохранились, как и привычный удобный отшлифованный интерфейс, так что для большинства повседневных задач IR вполне хватает. Зато он заметно меньше (упакованный дистрибутив 19 Мб), быстрее грузится и работает, и его можно скачать через Интернет. Таким образом, IR можно порекомендовать всем Adobe-ориентированным людям, как начинающим, так и профи.
Последним, возможно, будет удобнее использовать его в качестве инструмента для финального «web-тюнинга» своих работ.
ImageReady унаследовал от Фотошопа (хотя появился чуть раньше) и один гаденький глюк, в том что касается поддержки русских Unicode TrueType шрифтов (это те шрифты, что идут в комплекте с Win 98 — Arial Cyr и др.). Этот глюк лечится так же, как и у Фотошопа. Но хуже того, IR вообще сильно не дружит с русским текстом, с этим можно бороться, но не без потерь, да и удовольствия работе это, конечно, не добавляет.
Глава 3. Corel Xara
В начале отметим, что Corel Xara, это не совсем Корел, или даже совсем не Корел, хотя с виду и очень похоже, и любой человек, знакомый с Corel Draw, будет легко и свободно работать с этой программой. На самом же деле, несколько лет назад жила-была небольшая фирма Xara, которая написала такой хороший (удобный, быстрый и компактный) редактор векторной графики, что фирме Corel, не осталось ничего другого как просто купить опасного конкурента (кстати кое-что в Xar'e появилось раньше, чем в Corel Draw, например, такая удобная вещь, как регулируемая прозрачность объектов).
Не известно, что бы делали кореловцы дальше, и не наступи так быстро эпоха Интернета, вряд ли у Xar'ы было бы будущее как у отдельного графического пакета. Но Интернет наступил, и тут эти замечательные свойства Xar'ы оказались как нельзя кстати. Согласитесь, что программу, которая занимает всего около 8-ми мегабайт вместо Коре-ловских, как минимум, ста с гаком, распространять в сети гораздо проще. А возможности ее вполне сравнимы с возможностями Большого Ко-рела (в смысле собственно Draw) или, скажем, Adobe Illustrator'a, или Macromedia FreeHand'a.
В общем программа многим нравится больше чем Corel Draw, пусть даже кое-чего делать и не может, но то, что она не может, по большей части, и не нужно. Зато работает феноменально быстро и освоить работу с ней гораздо проще. Опять же распространяется в Интернете.
И еще она может делать гиф-анимацию. Чтобы делать анимацию в Xar'e, нужно при создании файла задать ему соответствующий тип — Анимация. При этом активизируется несколько кнопочек на рабочей панели, позволяющие добавлять новые кадры, перемещаться взад-вперед, и т.п., плюс добавится несколько специальных пунктов в меню.
Каждый кадр, является по сути отдельным векторным изображением, аналогичным, к примеру файлу CDR. Набор средств для их рисования стандартный для векторного редактора. Окружности и эллипсы, прямоугольники, многоугольники и звездочки, кривые Безье, текст и различные инструменты по их слиянию, комбинированию, искажению (Edit envelope) и смешиванию (Blend). Различные линии, градиентные заливки, регулируемая прозрачность (тоже градиентная)... Текст вдоль кривой, правда без таких гибких настроек, как в Corel Draw.
Дополнительный плюс — неплохие средства для работы с растровыми изображениями, которые можно импортировать из популярных форматов, или конвертировать в растр нарисованные векторные объекты. После чего к ним можно к примеру применять похожие на Фотошо-повские эффекты, типа Blur, корректировать цвета, яркость и контраст, разрезать и масштабировать, но уже как растровую графику.
Между собой различные кадры никак явно не связаны... Это, на первый взгляд, может показаться не очень удобным, но все необходимые средства для их синхронизации имеются. Объекты можно клонировать (дублировать без изменения позиции) и перебрасывать из одного кадра в другой. Плюс, есть линейки-указатели (guidelines), тоже общие для всех кадров. Можно копировать весь кадр целиком, и потом вносить во второй копии какие-то изменения. Есть опция, позволяющая видеть на экране и редактировать содержимое всех кадров одновременно.
Рабочее поле не ограничено, что позволяет работать с большим удобством, но создает и небольшие проблемы. Чтобы не запутаться, можно, к примеру создать рамку с необходимыми размерами (скажем, 468х60 для большого банера) и продублировать ее в одной и той же точной позиции, во всех кадрах. Можно ограничить рабочую область линеечками-указателями (guidelines).
Результат анимации можно посмотреть в отдельном окошке в самой Xare, а можно, что более полезно, сразу в браузере, в виде тут же сгенерированного гифа, уже в HTML-страничке с выбранным фоном. Причем чуть ниже, на той же страничке, будет указан размер файла и табличка времени его загрузки в зависимости от скорости модема.
Теперь о недостатках Corel Xara.
Основные недостатки Xara происходят от того, что это векторный редактор, и проявляются в принципе, и в других подобных программах, когда их начинают использовать для web-графики.
Суть в том, что рисунок в Xara, не зависит от разрешения, то есть от количества пикселов, и если в других областях графики это плюс, то для Web это неожиданно оказывается минусом. Ведь теперешняя web-графика, к примеру тот же банер, напротив, сильно зависит от разрешения, особенно сильно, когда размер и количество пикселов, в которые нужно уложиться очень малы. Поэтому не советуем делать, скажем, мелкие банерики размера 88х31 в Corel Xara, иначе то, что вы получите в результате, может неожиданно разительно отличаться, от того, что вы видели и рисовали в редакторе.
Хотя уже для размера 468х60 использование Xara вполне возможно, хотя и с некоторыми своими тонкостями. Многие предпочитают GIFы, сделанные в Xar'e, дополнительно дорабатывать в растровом редакторе, по пикселам. Иначе, к примеру, нельзя поручиться, что обычная горизонтальная линия толщиной один пиксел не окажется размытой, попав на границу двух пикселов в финальной картинке.
Это бывает особенно полезным для анимированных изображений. Увы, сама Xara'a часто плохо их оптимизирует из-за того, что переводит одинаковые элементы в разных кадрах из векторного вида в растровый с небольшими различиями, а при этом сильно снижается качество сжатия.
Кто-то спросит, а стоит ли тогда вообще ей пользоваться?
Что ж, порой когда стоит цель сделать что-то быстрее, а стоит она очень часто, создать рисунок с нуля в векторном редакторе бывает на порядок быстрее, чем Фотошопе, особенно, когда нет возможности воспользоваться библиотекой готовых изображений.
