Lektsia - бесплатные рефераты, доклады, курсовые работы, контрольные и дипломы для студентов » Привязка таблиц стилей с помощью заголовков HTTP

Менеджеры Web-серверов могут сконфигурировать сервер таким образом, чтобы таблица стилей применялась к группе страниц. Заголовок HTTP Linkдействует так же, как элемент LINK, с теми же атрибутами и значениями. Несколько заголовков Linkсоответствуют нескольким элементам LINKв том же порядке. Например,

Link: <http://www.acme.com/corporate.css>; REL=stylesheet

соответствует:

Можно задать несколько альтернативных стилей с помощью нескольких заголовков Link, а затем использовать атрибут relдля определения стиля по умолчанию.

В следующем примере стиль «compact» применяется по умолчанию, поскольку в нем отсутствует ключевое слово «alternate» для атрибута rel.

Link: <compact.css>; rel="stylesheet"; title="compact"

Link: <bigprint.css>; rel="alternate stylesheet"; title="big

print"

Это работает и при отправке документов HTML по электронной почте. Некоторые браузеры электронной почты могут изменять порядок заголовков. Чтобы защитить стиль от изменения порядка каскадов для таблиц, задаваемых заголовками Link, авторы могут использовать объединение заголовков для объединения нескольких экземпляров одного и того же поля заголовка. Кавычки необходимы только в случае, если значения атрибутов включают пробелы. Используйте SGML entitiesдля ссылок на символы, недопустимые в заголовках HTTP или электронной почты или символов, которые могут быть изменены при передаче через шлюзы.

Элементы LINKи METAопределяются как встреченные раньше явного элемента LINKи METAв разделе HEADдокумента.

Часть 4. Редакторы web-страниц

Глава 1. Основные требования

Как выжить в «войне браузеров»

Причина, по которой разработчики Web-узлов неохотно используют WYSIWYG-редакторы, состоит в том, что ведущие Web-браузеры Netscape Navigator и Microsoft Internet Explorer (IE) по-разному интерпретируют ключевые стандарты Web, принятые консорциумом World Wide Web Consortium (W3C) или находящиеся на стадии рассмотрения. Соответственно, в этих браузерах применяются разные форматы данных, которые различаются по ряду важнейших параметров.

Например, язык стилей CSS был утвержден в качестве стандарта более двух лет назад. Однако Microsoft IE поддерживает только 80% функций CSS1, а Netscape Navigator — еще меньше. Что же говорить о более новых технологиях, таких как HTML 4, Dynamic HTML, CSS2, JavaScript и других! Здесь степень расхождения еще больше.

Некоторые Web-дизайнеры вообще отказываются от применения HTML-редакторов и готовят код Web-страниц с помощью простого текстового редактора. Главным недостатком WYSIWYG-редакторов является то, что разработчик не имеет полного контроля над собственным кодом.

Непрекращающаяся «война браузеров» вынуждает разработчиков идти на всевозможные ухищрения, чтобы создавать Web-узлы, которые можно просматривать с помощью обоих браузеров, и конечно, их не устраивает такое положение. Они активно борются за свои права и даже создали общественную организацию Web Standards Project, которая требует поддержки Web-стандартов всеми браузерами. Microsoft и Netscape выражают готовность к обеспечению совместимости с основными Web-технологиями, но не торопятся выполнять эти обещания.

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

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

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

Основное требование к графическому редактору, который будет применяться для web-графики, это поддержка форматов JPEG, а особенно GIF, в т.ч. прозрачных, а для создания банеров почти обязательна поддержка анимированных GIF-ов, и как следствие возможность работы с многокадровыми и(или) многослойными изображениями.

Что касается обычной графики для web-страниц, то не советуем вам использовать анимированные гифы, если вы не супер-профи в области дизайна. Не вдаваясь в детали, заметим только, что 90% хороших профессионально сделанных сайтов обходятся без нее. И наоборот — 90% подобных «фишек» на web-страничках выдают непрофессионализм их создателей, и только раздражают посетителей.

Слегка оживить страничку лучше с помощью JavaScript, но и тут нужно чувство меры, и конечно понимание самого скрипта. Конечно, первой части этого требования удовлетворяют практически все ведущие графические редакторы, как растровые так и векторные. Надеемся, разница между ними вам известна, так что заметим лишь, что растровые пакеты, в целом, для web-графики подходят больше. Что касается создания ГИФ-анимации, то тут большинство монстров типа Фотошопа (Adobe Photoshop) или Корела (Corel Draw) пока не поспевают за временем, и этого делать не умеют. Впрочем большинство фирм-разработчиков графического ПО уже выпустили специализированные программы для Web.

Поскольку писать HTML-код можно в любом текстовом редакторе, под определение HTML-редактора подпадает практически каждая программа, способная сохранять текст как ASCII. Для написания домашней странички размером в 100 строк вам может хватить и «Блокнота» со справочником по HTML, однако, если ваша задача заключается в создании и/или поддержке ресурса на 20 и более страниц, вам, скорее всего, понадобятся функции автоматизации рутинной работы — цветовая разметка, расширенные поиск/замена, возможность просмотра редактируемых документов, поддержка макрокоманд и множество других.

Вот некоторые из таких редакторов...

Agile HTML Editor

Первое, что бросается в глаза, — легкость редактирования атрибутов тэгов. Для того чтобы получить к ним доступ, достаточно щелкнуть правой кнопкой мыши по тэгу. При этом появляется меню, предоставляющее возможность редактирования атрибутов тэга. Стоит заметить, что содержание этого меню напрямую зависит от контекста, в котором редактируемый тэг находится. Еще одна хорошая функция — Snippets, позволяющая вынести в специальное меню наиболее часто употребляемые куски кода. Тэги в Agile HTML Editor условно подразделены на четыре группы: Quick, Structure, Formattingи Advanced.

Группа Quickвключает в себя наиболее используемые тэги, вроде <img>, <a>, <p>и др. Добавить сюда свои тэги, равно как и удалить имеющиеся почему-то нельзя. Группа Structureсодержит тэги, определяющие структуру документа, Formatting— управляющие форматированием документа. Загадкой остается группа Advanced, в которую поместили все тэги, не вошедшие в первые три группы. Таким образом, в одной куче оказались элементы таблиц, форм, различные ActiveX-элементы и Java-апплеты, что вызывает некоторую путаницу.

Agile HTML Editor, как и большинство HTML-редакторов, имеет средства раскраски кода, предусмотрена возможность работы с шаблонами. Хотя, по заявлению разработчика, редактор «знает» и HTML 4.0, HTML 3.2 и HTML 2.0, а также особенности представления разных версий HTML в разных версиях двух популярных браузеров, в программу встроена документация только по HTML 3.2 и его реализации в Microsoft Internet Explorer 3.0. В качестве средств поиска/замены использованы стандартные функции «Блокнота», недостаточные для эффективной работы с содержимым даже небольшого сайта. Еще один отмеченный недостаток продукта — невозможность переопределить «горячие» клавиши. В целом же, несмотря на недоработки, Agile HTML Editor оставляет приятное впечатление, он вполне подходит для мелкой редактуры, однако пользоваться им «на производстве» пока рано.

Arachnophilia

Несмотря на свои небольшие размеры, Arachnophilia по основным параметрам успешно конкурирует с таким монстрами, как Homesite и Hotdog Professional, оставляя остальные редакторы далеко позади. Как и большинство программ, Arachnophilia делит все множество тэгов на несколько групп: Fonts, Forms, Tables... Все достаточно логично, хотя, например, сочетания Frames/JavaScript, Graphics/Misc, Links/Sound, Structure/Lists кажутся неудачными. С другой стороны, Arachnophilia позволяет редактировать как пункты меню, так и целые панели, удалять и создавать их одним щелчком мыши. Программа имеет встроенный, работающий в реальном времени механизм просмотра Instant View, использующий процессор Internet Explorer 3.0 и выше, а также собственный ftp-клиент, который возможно настроить так, что он будет отслеживать все изменения, сделанные на локальном компьютере, и в автоматическом режиме заменять соответствующие документы на web-сервере их новыми версиями.

Стоит отметить, что с помощью Arachnophilia возможна работа не только с HTML-документами, но и с Perl- и CGI-скриптами, Java-ко-дом, а также ASCII- и RTF-текстом. Конечно, не предполагается, что с помощью HTML-редактора вы станете создавать программы с тысячами строк кода или многостраничные rtf-документы — для этого существует специализированное ПО, однако для мелкой редактуры этих документов Arachnophilia сгодится. Механизм поиска/замены выполнен «на твердую четверку»: есть возможность поиска/замены во всех открытых документах, счетчик найденных соответствий. Имеется поддержка шаблонов, пошаговое руководство по созданию HTML-документов и JavaScript-сценариев, гибкие настройки клавиатурных сочетаний. Существенный недостаток — слабые средства раскраски кода: выделяются всего три группы: «тэг», «не тэг» и «параметр тэга». Тем не менее, Arachnophilia — один из лучших существующих на сегодняшний день HTML-редакто-ров, а в соотношении «цена/производительность/размер» он безусловный лидер.

Homesite

На сегодняшний день Homesite является одним из трех самых популярных среди профессионалов HTML-редакторов — число полученных им наград исчисляется десятками. Перечислять все функциональные возможности Homesite вследствие их огромного количества не представляется возможным, поэтому остановимся лишь на самых выдающихся, об остальных, например раскраске кода, работе c шаблонами или встроенном механизме просмотра, можно сказать, что они выполнены на самом высоком уровне. Homesite — это своего рода конструктор: настраивается здесь практически все, от вида и содержания панелей инструментов до создания собственных спецификаций HTML. В Homesite есть все, что нужно практически любому HTML-кодеру или HTML-ре-дактору. С помощью этого редактора можно не только верстать код, но и работать со структурой сайта. Для этого предусмотрен специальный инструментарий «Проекты», имеющий множество полезных компонентов, из которых особенно хочется отметить собственный ftp-клиент, ничем не уступающий даже специализированным программам, а по некоторым параметрам даже превосходящий их.

Хочется остановиться на механизме поиска/замены, аналогов которому нет, пожалуй, ни в одном существующем на сегодняшний день ПО, за исключением некоторых сред программирования. У программы есть не только стандартные «поиск/замена» в выделенном фрагменте кода, во всем тексте, сверху и снизу от курсора, полнотекстовый с учетом и без учета регистра, но и «расширенные», c возможностью работы со всеми открытыми документами, рекурсивно со всеми документами в указанном каталоге. Но самое главное: в механизме поиска/замены от Allaire есть практически полная поддержка регулярных выражений.

В Homesite встроен модуль проверки орфографии английского языка, а также есть возможность работы со словарями MS Word (в том числе и русским). Список поддерживаемых спецификаций исключителен: HTML 3.2, 4.0, Internet Explorer, Netscape Navigator, Gold Fusion, а также Synchronized Multimedia Integration Language (SMIL). Кроме инспекторов кода и правописания в Homesite предусмотрена проверка корректности ссылок. Если вы не сильны в HTML, можете воспользоваться многочисленными помощниками или средствами визуальной разработки, однако последнее использовать не рекомендуется (не советуют это делать и сами разработчики, позиционируя WYSIWYG-редактор Homesite лишь как эксперимент). Если же вы все-таки воспользуетесь этими средствами, к вашим услугам функция Clear Sweep, называемая в народе метлой. Главная и основная ее функция — очищать код от лишних тэгов, однако будьте осторожны — вы можете испортить «очищаемый» документ.

В Homesite можно узнать размер документа Сети с графикой или без, то есть вы сможете оценить, сколько времени он будет загружаться из Сети в зависимости от скорости доступа конечного пользователя. Подведя черту, скажу, что Homesite можно рекомендовать практически любому: от новичка, только что узнавшего значение тэга <a&qt;, до профессионального кодера, — ибо с его помощью можно не только научиться всем премудростям работы с HTML, но и эффективно управлять проектами с тысячами страниц.

Claris Home Page

Название этого редактора в полной мере отражает его предназначение: Claris Home Page — редактор для создания домашних страничек. Здесь он лучший. В нем нет ничего лишнего, только то, что может понадобиться вам для построения своей домашней страницы: набор популярных апплетов и скриптов, шаблоны для создания различного типа страниц, помощники, большая коллекция графики. Кроме того, в Claris Home Page встроен собственный ftp-клиент, который отслеживает изменения и синхронизирует их с версией на сайте. Достойно выполнена раскраска кода. Последняя версия включает в себя ряд функций, ориентированных скорее на профессионала, чем на владельца домашней странички. Среди них тесная интеграция с базами данных File Maker Pro, управление web-узлом на уровне структуры, глобальные поиск/замена, проверка ссылок и точек привязки, проверка орфографии (среди поддерживаемых языков русского, к сожалению, нет). В редакторе реализован целый ряд уникальных функций, незаслуженно забытых даже в профессиональных пакетах. Так, например, в редакторе предусмотрена возможность удаленного редактирования документов. Среди недостатков были отмечены слабая система помощи и бедная документация.

Hotdog Professional

Если вы когда-либо видели Homesite, то в Hotdog Professional вы вряд ли найдете что-то новое. Парадоксально, но Hotdog — практически точная копия Homesite. Конечно, некоторые отличия присутствуют, однако они в большинстве своем не в пользу Hotdog. Так, например, отсутствуют так любимые многими в Homesite расширенные поиск/замена, а в качестве стандартных поиска/замены использованы примитивные, встроенные в ОС. Еще один недостаток: отсутствие возможности проверки русской орфографии. Функция Clear Sweep, ставшая стандартом не только для HTML-редакторов, но и для пакетов визуальной разработки сайтов, также отсутствует.

У Hotdog Professional есть и преимущества перед своим братом-близнецом. Так, например, в отличие от Homesite, в Hotdog внутренний механизм просмотра результатов редактирования работает в режиме реального времени. Помочь сэкономить время сможет также поддержка макросов, выполненная на самом высоком уровне. Еще одна важная функция — clipboard с произвольным числом ячеек (стандартный clipboard имеет лишь одну ячейку), ограниченным лишь размерами памяти вашего компьютера.

Кроме того, для каждой из ячеек можно задать свое сочетание клавиш. Если работа над HTML-кодом ведется одновременно несколькими людьми, то Hotdog будет просто незаменим — в нем реализовано разграничение доступа к частям проекта, определение задач для каждого из разработчиков, протоколирование производимых работ.

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

После первого запуска редактор спрашивает, насколько хорошо пользователь знаком с языком HTML. Выбрав один из трех уровней подготовки — Beginner(начальный уровень), Intermediate(промежуточный уровень) или Hardcore(верхний уровень), — можно сразу начинать работу. Например, интерфейс Beginnerпревращает HotDog в советчика, подробно и терпеливо объясняющего новичку суть многочисленных функций и режимов редактора. Это удобно, так как в пятой версии HotDog появилось немало новых функций, для освоения которых требуется время. Более опытные пользователи могут пропустить этап обучения, выбрав другой интерфейс.

Главное окно редактора HotDog похоже на окно текстового процессора, окруженное инструментальными линейками и встроенными функциями, которые предназначены для вызова программ-мастеров, макросов и других вспомогательных утилит, облегчающих разметку текста или создание кода. В главном окне имеется область предварительного просмотра ROVER(Real-time Output ViewER), в которой встроенный браузер динамически воспроизводит создаваемую Web-страницу в процессе ее редактирования.

Главное окно можно настраивать. Например, разработчик способен свернуть окно просмотра и работать только в окне редактирования, или, наоборот, раскрыть область просмотра на весь экран, или динамично переключаться между этими двумя режимами, причем редактор запоминает настройку главного окна, выбранную для каждого документа. Кроме того, предусмотрены средства настройки, которые позволяют строить страницы для экранов различного разрешения (640, 800, 1024 точек и др.), а также выводят линейки, помогающие выравнивать отдельные элементы страницы.

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

Уникальной особенностью HotDog является функция фильтрации тэгов. Нажав на кнопку Tag Filter, пользователь открывает окно, содержащее массу полезных сведений: список всех спецификаций языка HTML (от версии 2.0 до 4.0), специализированные тэги (тэги системы ColdFusion 3.0, события языка JavaScript, заданные пользователем тэги, элементы технологии WebTV), а также зависящие от браузера расширения языка HTML (поддерживаемые механизмом проверки правильности кода, который входит в состав HotDog). Достаточно выбрать мышью нужные технологии или версии HTML, и редактор подсветит все несовместимые с ними тэги красным цветом, указывая на синтаксические ошибки. Это очень удобная функция, которая облегчает работу с бесконечным количеством вариантов HTML.

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

Для поддержки коллективной работы в HotDog предусмотрен модуль Website(аналог функции Projectsредактора HomeSite). Если два разработчика попытаются одновременно открыть один файл, Website передаст им предупредительные сообщения. Кроме того, пользователь может работать с расположенными на различных узлах сети документами или другими элементами Web-страниц (например, графикой), не задумываясь об их объединении. Во время публикации Web-страницы на Web-узле HotDog автоматически интегрирует все использованные в ней элементы. Для работы с удаленным Web-узлом имеется встроенный FTP-клиент.

Чтобы ускорить редактирование атрибутов, следует воспользоваться функцией Property Sheet, открывающей на экране окно, в которое выводится описание атрибутов каждого тэга. С помощью данной функции можно также создавать макросы и клавиши быстрого вызова для любых тэгов. Имеются и средства оптимизации, ускоряющие загрузку Web-cтраниц. Например, функция Bandwidth Busterне только определяет, сколько времени будет загружаться какая-либо Web-страница, но и автоматически преобразует ее графику в формат, более удобный для использования в Web.

Предусмотрено великое множество различных средств, облегчающих подготовку Web-страниц. Так, редактор кнопок Button Editorпозволяет накладывать текст на кнопки и добавлять к ним некоторые специальные эффекты. Удачно организован редактор таблиц и форм, имеется конвертер для преобразования звука и изображения в форматы потокового видео и аудио RealAudioи RealVideo, а утилита ICQ помогает организовать на Web-узле общение в режиме реального времени (чат).

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

Пользовательский интерфейс HotDog отличается чрезвычайно высокой гибкостью. Можно настраивать почти все его элементы — установочные параметры, пиктограммы, инструментальные линейки, навигационные инструменты. Обратная сторона медали: интерфейс перегружен инструментальными линейками, поэтому открывается довольно медленно, а кроме того, каждая вызываемая функция открывает свое окно, и экран оказывается слишком переполненным. Пользователь должен очень тщательно настроить среду разработки, иначе главное окно редактирования окажется "погребенным" под грудой инструментальных линеек, пиктограмм и всплывающих окон.

Еще одним серьезным недостатком HotDog является его высокая цена. Однако данный недостаток компенсируется тем, что помимо HTML-редактора HotDog включает в себя ряд полезных дополнительных продуктов: графический редактор Paint Shop Pro компании JASC, программу Interactor фирмы mBed для работы с языком Dynamic HTML, утилиту анализа Web-узлов и проверки гиперсвязей Linkbot от Tetranet, а также интегрируемые модули (plug-in) SuperToolz, выполняющие различные дополнительные функции. Поэтому тем пользователям, которым требуются вспомогательные приложения, стоит приобрести HotDog, а те, кому нужен только редактор для HTML-кода, могут найти продукт и подешевле.

CoffeeCup HTML Editor ++

CoffeeCup отличает огромный набор различных помощников: ви-зардов форм, изображений, таблиц. Благодаря этим визардам, из всех обозреваемых HTML-редакторов он наиболее близок к классу WYSI-WYG-редакторов. В нем можно создать целый сайт, не прибегая к непосредственному редактированию исходного кода, вследствие чего для него свойственны недостатки визуальных средств разработки, такие как «лишний» код и слабые средства редактирования. Наряду с помощниками в CoffeeCup встроены также библиотеки CGI- и Java-скриптов, шаблоны DHTML, большая библиотека графики. Программа воспринимается как красивая игрушка — это, скорее, некий конструктор HTML, нежели HTML-редактор. CoffeeCup HTML Editor ++ будет интересен прежде всего тем, кто только начинает свое изучение HTML. Ему вряд ли найдется применение «на конвейере» — слишком слаб инструментарий редактирования.

WebEdit Pro

По разнообразию функциональных возможностей редактор WebEdit отстает от HomeSite и HotDog, однако содержит практически все основные средства, которые требуются профессиональному разработчику Web-узлов, и отличается удобным и простым интерфейсом. Дизайн пользовательского интерфейса очень похож на Microsoft Word — те же инструментальные линейки, расположенные между строкой меню и окном редактирования. Хотя инструментальные линейки нельзя настраивать, их можно перегруппировывать по своему усмотрению и даже буксировать в любое место экрана, превращая в "плавающие" палитры.

Одна из инструментальных линеек редактора представляет собой набор раскрывающихся списков, содержащих тэги и вспомогательные функции. Например, стоит нажать на кнопку Font, и появится список всех доступных шрифтов, а щелчок по кнопке Tableпозволяет запустить утилиту создания таблиц Table Builderили приступить к редактированию заголовков, строк и столбцов таблиц. С помощью кнопки Customразработчик может добавлять собственные тэги, а редактор автоматически сопоставит с этими тэгами клавиши быстрого вызова. Нажатие клавиши на любом тэге вызывает диалоговое окно, содержащее подробную информацию о тэге, а также о браузерах и версиях HTML, которые его поддерживают.

WebEdit выполняет и подсветку синтаксических ошибок, причем пользователь имеет возможность настраивать этот процесс. Для проверки правильности кода служит встроенный механизм, который поддерживает все варианты HTML, включая версию 4.0. Многочисленные функции-мастера помогают создавать фреймы и формы в режиме WYSI-WIG, проверять гиперсвязи, составлять оглавления, строить простые таблицы, импортировать в таблицы данные из ODBC-совместимых баз данных, добавлять к Web-страницам мультимедийные элементы (звук, видео, сценарии на языке JavaScript, анимацию и т. д.), а также составлять рейтинги Web-узлов по системам RSAC или SafeSurf. (Напомним, что RSAC и SafeSurf — это некоммерческие организации, которые разработали системы "рейтингования" Web-узлов с точки зрения их пригодности для детей и подростков).

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

Для коллективной работы предназначен модуль управления проектами Project, а для публикации Web-страниц на Web-сервере служит программа Web Publishing Wizard компании Microsoft. Кроме того, имеется встроенный FTP-клиент, облегчающий работу с удаленным Web-сервером.

WebEdit представляет собой компактный редактор, не перегруженный лишними функциями, который можно быстро загрузить по Интернет и начать с ним работу.

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

В целом, все рассмотренные редакторы можно отнести к двум группам: профессиональные и редакторы для начинающих. Среди первых бесспорными лидерами являются Homesite и Hotdog Professional. Трудно сказать, какой из них лучший — различия между ними незначительны; каждому стоит определиться самому, насколько для него важна та или иная функция. Среди непрофессиональных стоит отметить Arachnophilia. Эта небольшая, малотребовательная, к тому же бесплатная программа «умеет» очень и очень много. До уровня профессиональных пакетов она не дотягивает, однако для мелких работ ее более чем достаточно. Лучший HTML-редактор для начинающих — это, безусловно, CoffeeCup HTML Editor ++. С его помощью любой желающий сможет создать достаточно «навороченный» HTML-документ при минимуме знаний HTML, однако слабый инструментарий вряд ли удовлетворит создающих с его помощью серьезные коммерческие продукты.

Глава 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 часто плохо их оптимизирует из-за того, что переводит одинаковые элементы в разных кадрах из векторного вида в растровый с небольшими различиями, а при этом сильно снижается качество сжатия.

Кто-то спросит, а стоит ли тогда вообще ей пользоваться?

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