Основано 12 декабря 1998 годасделаем веб лучше!
Тяжело в учении - легко в бою!Pro.Net.ru: субъективные заметки об интернет-дизайне
главнаязаметкиобзорыресурсыгостиstas@pro.net.ru
Что нового?


[16.06.2001] - новый обзор - Дизайн для графики.

Почтовая рассылка теперь проводится в HTML-формате, и поэтому иллюстрации к материалам теперь можно смотреть прямо в мэйлере.

[11.06.2001] - новый обзор - Креатив-бюро по-русски.

[6.06.2001] - новый обзор - Дискриминация GIFа.

Архив новостей 


Предложить сайт для обзора
Частые вопросы
Информация о сайте


Заметки

26. Инвентарь вебмастера

Главный инструмент в арсенале любого вебмастера — это HTML-редактор. Так как HTML-страницы представляют собой обычные текстовые файлы, то для их редактирования можно использовать любой редактор — главное, чтобы он мог сохранять файлы в формате Plain Text (обычный текст).

Можно писать HTML и в Блокноте из состава Windows, но у меня для этого слишком слабые нервы. Трудно, знаете ли, привыкнуть к отсутствию подсветки синтаксиса HTML или невозможности быстро сохранить файл нажатием клавиш +.

Для создания и обработки HTML-страниц я использую текстовый редактор Aditor ().

Aditor
Рис.1 Основное окно Aditor 3.01. Подсветка синтаксиса отличается от стандартной: она настроена по образцу редактора UltraEdit.

Aditor (название происходит от словосочетания Advanced Editor) позиционируется его автором, Давидом Кижнерманом, как текстовый редактор прежде всего для вебмастеров и вебдизайнеров. Рынок программ этой категории на сегодняшний момент перенасыщен и поделен между монстрами жанра типа и . По количеству функций Aditor, конечно, уступает лидерам, но он обладает всеми возможностями, которые необходимы (по крайней мере, лично мне) для комфортной постоянной работы с web-страницами и скриптами, некоторые из которых реализованы даже лучше (эти функции в списке отмечены *), чем в таком культовом редакторе, как UltraEdit, в обнимку с которым я провел предыдущие два года:

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

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

Дело в том, что все мои Web-проекты (как, впрочем, и большинство сайтов во всем мире) размещено на Unix-серверах, где стандартной кодировкой русского языка является KOI8. Если выложить на сервер файлы в какой-либо другой кодовой таблице (например, WIN), то система автоматической перекодировки Web-сервера Russian Apache работать не будет, и текст страниц при просмотре их пользователем будет представлять из себя нечитаемую абракадабру.

В принципе, Russian Apache допускает указание в качестве стандартной кодировки и другие кодовые таблицы, в том числе и WIN. Но системные администраторы на такое идут очень неохотно, а чаще всего вообще начинают кричать, топать ногами и обещать сделать моему каталогу на сервере. Впрочем, на то есть довольно веские причины.

Поэтому после редактирования файлов своих проектов я запускаю перекодировщик, который создает на диске копию сайта, но в кодировке KOI8. Это, во-первых, неудобно и занудно; во-вторых, “благодаря” особенностям файловой ситемы Windows может создать проблему нехватки дискового пространства даже на вместительных винчестерах. Кроме того, иногда я, потратив полчаса на переписывание файлов на сервер, обнаруживал, что по ошибке скопировал на сервер копию сайта в кодировке WIN, так что приходилось, проклиная все на свете, повторять процедуру заново.

Aditor же с успехом решает эту проблему. При открытии файла Aditor автоматически определяет кодировку документа, но в редакторе текст отображается уже в кодировке WIN, то есть весь русский текст становится читаем. При сохранении файл записывается в исходной кодировке, так что не нужно вызывать перекодировщик и создавать на диске копию сайта в кодировке KOI. Конечно, при желании можно сохранить файл, принудительно указав нужную кодировку (а их Aditor поддерживает 6 штук). И еще хочется обратить ваше внимание на то, что кодировка текста определяется именно автоматически, а не по признаку наличия в документе инструкции CHARSET (как поступает MS FrontPage).

Конечно, есть в Aditor и недостатки: кое-какие интерфейсные неудобства или мелкие недоделки. К счастью, автор живо реагирует на замечания и все быстро исправляет, а также прислушивается к пожеланиям пользователей. В целом же, сравнивая нынешний Aditor c версиями 1998 года (рис.2), я с “чувством глубокого удовлетворения” отмечаю, что развитие программы идет в нужном направлении, а именно в сторону улучшения функциональности редактора и увеличения производительности труда пользователя, а не в сторону присобачивания к интерфейсу программы клоунских “помощников”, “мастеров”, а также громоздких диалоговых окон для вставки всякой чепухи типа тега , который даже полный олигофрен наберет руками на клавиатуре гораздо быстрее.

Aditor, каким он был в 1998 году
Рис.2 Архивный кадр: каким был Aditor в середине 1998 года (версия 1.1). Слабая разметка HTML (всего один цвет для выделения; как видите, часть текста осталась неподсвеченной), отсутствие атоматической перекодировки, небольшое количество дополнительных функций, ограниченные возможности настройки.

Кто-то, возможно, скажет: “Ты что, серьезно? Какой такой Aditor? А как же , ?!” А это уже из старой сказки: “На вкус и цвет…” Мне как-то не по себе от многострочных панелей инструментов, заполняющих чуть ли не пол-экрана и предлагающих все те же дебильные окошки для вставки тегов. От 8 мегабайт только дистрибутива (для сравнения: Aditor в упакованном виде весит 570 kb). От 129 долларов (HotDog), которые нужно заплатить за регистрацию (а также функции, 90% которых я никогда не буду использовать). От того, что новые версии выходят раз в год, а если я предложу включить новые возможности, которые сильно облегчили бы мне жизнь, меня проигнорируют. И, наконец, от того, что заграничные редакторы бессильны перед разнообразием русских кодировок текста.

Кстати, вы заметили, что я не упоминаю в списке достойных продуктов визуальные Web-редакторы типа MS FrontPage, Macromedia Dreamweaver, Adobe PageMill? Знаете, я много раз убеждался: визуальный редактор и профессиональный дизайнер — вещи несовместимые. Полностью. Причем доказывать это пользователям FrontPage бесполезно: понимание вреда визуальных редакторов приходит с опытом. Я ведь сначала тоже балдел от Фронтпейджа — а теперь смотрю на него с пренебрежением и брезгливостью. Кстати, пусть вас не смущает то, что я написал статью “Чего стоит WYSIWYG” (журнал , №9, 1999), где в целом хорошо высказался об этих редакторах. Что журнал заказывал — то он и получил :).

Если кто-то сомневается в моих словах о несовместимости профессиоанльного дизайнера и визуального редактора, поясню: я не встречал и даже никогда не слышал, чтобы профессиональный дизайнер (гонорары которого исчисляются в тысячах долларов — школьники, лабающие странички по 5$ за штуку, не считаются) использовал WYSIWYG-редактор. Штатный вебмастер фирмы для поддержки корпоративного сайта — да. Но не профессиональный дизайнер веб-студии!

Что касается справедливых аргументов насчет того, что в текством редакторе трудно обновлять сайт, состоящий из десятков страниц, то они справедливы только с точки зрения начинающего (чуть не написал — “чайника”). Видите ли, делать многостраничный проект в виде статичных HTML-страниц — это извращение. Через пару месяцев работы с таким проектом уже никакой FrontPage 5000 не поможет разобраться с обновлениями сайта. У всех нормальных студий имеются собственные веб-интерфейсы (реализованные в виде комплекта программ (скриптов)), позволяющие обновлять сайт без утомительного редактирования HTML-страниц и залива их по FTP. Pro.Net.ru, кстати, тоже использует собственный, хотя и относительно примитивный “движок”. Все это я говорю для того, чтобы вы поняли: в грамотно реализованном проекте даже для полной смены дизайна нужно отредактировать всего один файл шаблона, для чего нужен компактный и эффективный текстовый редактор, а не неповоротливый монстр.

Совет: не говорите своим потенциальным заказчикам, что вы не используете FrontPage. После того, как Microsoft включила в FrontPage в состав Office 2000, еще больше народу стало думать, что FrontPage — это круто.

За редакторами текста следуют редакторы графики. Здесь вне конкуренции Adobe Photoshop () — стандарт де-факто среди программ обработки изображений: ее использует большинство профессиональных дизайнеров, к тому же она существет в версиях для всех распространенных платформ — Windows, Macintosh, Unix. Кое-кто, может быть, будет с самым серьезным видом говорить вам, что Paint Shop Pro () — хорошая замена “Фотошопу”. Не верьте. Единственное преимущество этого Paint Shop Pro перед Photoshop — более низкая цена ($99, если не ошибаюсь). В остальном — сплошная кривизна и корявость.

Особенно распространяться о возможностях Adobe Photoshop, ввиду их многочисленности, смысла нет — это тема для отдельного сайта.

Adobe Photoshop
Рис.3 Основное окно Adobe Photoshop 5.5 c загруженным заголовком Pro.Net.ru.

Радует то, что с выходом каждой новой версии в программе появляются все новые функции, предназначенные для Web-дизайнеров. К существовавшим в версиях 3.0 и 4.0 фильтру для экспорта файлов GIF89a и встроенной “безопасной” 216-цветовой палитре (так называемой “палитре Netscape”) в версии 5.0 добавились функции оптимизации цветовой палитры GIF-файлов (меню File/Save for Web) и отображения в окне выбора цвета его шестнадцатиричного значения (типа #FF00CC; так что программка , которую я до этого использовал для выбора цвета при разработке Web-страниц, теперь отдыхает) и кое-что еще.

Начиная с версии 5.5, в состав пакета Adobe Photoshop входит программа Adobe ImageReady. Внешне она очень похожа на Photoshop, но предназначена в основном для подготовки изображений для Web. Например, с ее помощью очень удобно оптимизировать GIF'ы — удобнее, чем в Photoshop. C другой стороны, в ImageReady нет некоторых весьма полезных функций, пристутсвующих в Photoshop.

Лично я использую ImageReady преимущественно для подготовки анимированных GIF — помимо необычайно легкого процесса создания и синхронизации кадров анимации, очень неплохо сделан механизм оптимизации объема готового файла.

Adobe ImageReady
Рис.4 Основное окно Adobe Image Ready. Загруженный заголовок Pro.Net.ru отображается сразу в двух вариантах: оригинальном и оптимизированном.

Впрочем, о связке Photoshop+ImageReady очень хорошо написал дизайнер Алексей Казаков в своем обозрении — рекомендую почитать.

На web-сервер файлы обычно переписываются по протоколу FTP (File Transfer Protocol), для чего нужна специальная программа — FTP-клиент. Их существует превеликое множество — из самых продвинутых можно назвать, например, , , . Но если вам нужно просто переписывать файлы на сервер и вы можете обойтись без всяких ”наворотов”, подойдет FTP-клиент, встроенный во всенародно любимый менеджер FAR (). Причем “отсутствие наворотов” вовсе не означает, что фаровский FTP-клиент — маломощная поделка. Он может запросто “сделать” большинство своих больших, дорогих и англоязычных конкурентов. Он работает с фалами и папками на FTP-сервере также, как и на локальном компьютере, поддерживает докачку, показывает файлы в нескольких кодировках и т.д. Кстати, многие мои знакомые только им и пользуются.

По своему опыту знаю, что новички часто не могут понять — как в FAR создать новое соединение с FTP-сервером? Для этого, открыв панель FTP, нужно нажать +.

Кроме этого, вам в зависимости от ваших потребностей может понадобиться telnet-клиент, перекодировщик WIN<->KOI (если вы не пользуетесь Aditor'ом), различные утилиты по обработке и генерации HTML-кода и так далее.

См. также:
SoftList.ru:
SoftList.ru:
SoftList.ru:
SoftList.ru:
SoftList.ru:
SoftList.ru:

19 января 2000 г.

НазадНазадДалееДалее


| Главная | Заметки | Обзоры | Ресурсы | Карта сайта |

Copyright © 1998-2001.
Pro.Net.ru