Советы начинающему WEB-мастеру


Николай Большаков
Толчком к написанию этой статьи меня побудили письма, присланные посетителями сайта, в которых спрашивается совет по созданию собственных WEB-страниц в Internet.

Итак, первое - HTML-редактор. Я попробовал работать со многими редакторами, как навороченными, так и простыми, но так и не нашел для себя что-то подходящее. Почти все они оставляют после себя очень много ненужного "мусора", который в итоге только тормозит работу сайта. Особенно не рекомендую использовать встроенный редактор Netscape Navigator'а, который каждый символ русского алфавита кодирует спецсимволами. Так как моей целю ставится на первое место информативность сайта, а не навороченный дизайн, то здесь лучше изучить язык HTML и использовать обычный текстовый редактор (я использую Notepad или Aditor). Для создания странички "с нуля" я сделал небольшую заготовку и вставляю в нее заголовок, текст и картинки.
Вот пример моей "болванки":

------------------------------------------------------- <html> <head> <title>_заголовок_</title> </head> <body bgcolor=#FFFFFF> <div id='__container'> <h3><font COLOR=#0000FF>_заголовок_</font></h3><hr> <i>_автор_</i> <hr> <p> <center><img border=0 src=".gif" alt="Схема"></center> <p> <p> </html> ------------------------------------------------------
В этом случае все встранички имеют одинаковый вид, а HTML-код достаточно легко читается в случае внесения каких-либо дополнений или изменений.

Для перевода бумажной информации в электронный вид я использую самый дешевый планшетный сканер формата А4 с максимальным физическим разрешением 300 dpi. При сканировании лучше использовать максимальное разрешение (я ставлю 300) - потом проще все распознается. Обратите внимание в инструкции на сканер какое там физическое разрешение и какое электронное (программное), так вот надо использовать физическое разрешение. Как правило, статьи сканируются в черно-белом формате. Но если схемы расположены на цветном или сером фоне (как часто делается в журнале "Радиолюбитель"), то сканируйте в градациях серого, а потом пересохраните изображение в черно-белом TIF'е и распознавайте уже его.

Программа для распознавания текстов - FineReader версии 4.6. В опциях форматирования страницы поставьте отметку "не сохранять". Для HTML формата масштаб рисунков надо выбрать 50%. Сохраняйте распознанные материалы в формате HTML.

Надо отметить, что после FineReader'а в коде остается излишняя информация. Я убираю все лишнее с помощью Word'а и созданного мною скрипта в котором я убираю все вставленные фонты, переименовываю JPG файлы в GIF и убираю служебную информацию FineReader'а. После такой обработки HTML-код как правило "облегчается" процентов на 10-20. Перед загрузкой в Word файлы лучше переименовать из HTML в TXT, а после обработки опять переименовать в HTML.

Теперь насчет обработки изображений. FineReader сохраняет их в формате JPG. Это хорошо для цветных изображение, но не эффективно для черно белых. Самый маленький обьем черно-белой картинки - это формат GIF!. Поэтому, если хотите, чтобы ваши посетители получали информацию быстро - переконвертируйте все ваши черно-белые рисунки с помощью любого подходящего графического редактора. Лично я пользуюсь программой Cpic32 v.1.53 (есть более новые версии, но они более тормозные, а эффект тот-же самый). Она позволяет легко переконвертировать все изображения, изменить размеры (если это требуется) и многое другое. Программа небольшая, удобная, работает быстро. После переконвертирования JPG в GIF картинка "легчает" раз в 5-10!

Свои собственные рисунки я делаю в графическом редакторе Corel Drow. Для этих целей я нарисовал небольшую "болванку" с основными элементами радиосхем (см. рисунок).

Схема

Я загружаю эту заготовку, сразу переименовываю ее и на базе нее рисую схему. Вообще-то в Corel Drow есть своя библиотека электронных компонентов, но она не совсем подходит под наш стандарт. Нарисованная схема экспортируется в формат GIF.

Хочу отметить, что я пробовал рисовать схемы и с помощью специальных пакетов, например AutoCad или Accel Eda. Но по времени это получалось дольше, может быть от того, что я давно привык к Corel Drow.

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

Желаю удачи!