3. Принятие решения: текст – картинка

Очень часто у новичков возникает вопрос – делать ли очередную надпись в виде текста или в виде графического изображения? Если текст выполнен с использованием стандартного шрифта и без хитрых эффектов вроде теней и пр., то предпочтение следует отдавать тексту. В противном случае – это изображение.

Иногда к проекту идут специальные требования в отношении того, где должен быть текст, а где графика. Это особенно касается HTML-верстки для систем динамического наполнения контента (CMS). Если вы не уверены в этом вопросе, или сомневаетесь относительно конкретной ситуации, обратитесь к своему менеджеру проекта.

Список стандартных шрифтов в разделе 5.5.1

4. Формат изображений (gif, jpeg, png)

Существует три самых популярных формата для изображений в Интернет – это GIF, JPEG и PNG. Для того, чтобы делать правильный выбор при сохранении графического изображения, вкратце рассмотрим их принципиальные отличия.

Формат GIF хорош для небольших изображений с ограниченным количеством цветов. Большие фотографические текстуры и визуалы не стоит сохранять в этом формате, потому, что при этом сильно пострадает их качество, а размер файла будет неприемлем. Формат GIF обладает уникальной возможностью (поддерживаемой практически всеми браузерами) – он может обладать прозрачностью. Такой формат идеально подходит для изображений икон и других элементов декорации.

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

Что касается, формата PNG, то он похож на JPEG, с тем отличием, что обеспечивает сохранение изображения без потери его качества. Многие фотографические текстуры и градиенты разумнее сохранять в формате PNG, а не JPEG. Все зависит от объема результирующего файла и требуемого качества изображения. Еще одним преимуществом PNG является наличие альфа-каналов, при помощи которых делаются очень многие эффекты, например полупрозрачные тени объектов.

Способы использованиея PNG в разделе 6.6

4. Вспомогательные средства.

Здесь следует упомянуть такие утилиты как: CV_Ruler, DotColor, PNGOUT и EmailEncoder. Каждая из них окажет вам неоценимую помощь в создании веб-страниц.

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

DotColor – это утилита, позволяющая извлечь цвет любого объекта, отображаемого на экране. Она также способна поместить полученный цвет в буфер обмена в нужном формате. Ее использование позволяет сократить время редактирования документа при манипуляциях с цветом. К тому же, эта программа может оказаться полезной для просмотра деталей получившейся веб-страницы с помощью окна увеличения, особенно если речь идет о расхождении с дизайном в один или несколько пикселей. Разобраться в дополнительных опциях этой программы не составит особого труда, поэтому оставляем детали ее настройки вниманию читателя. Скачать ее можно здесь: http://inetis.com

Помимо CV_Ruler и DotColor существует масса подобных и не менее полезных утилит. Любой веб-разработчик вправе самостоятельно решать какой из этих программ ему пользоваться удобнее.

Для защиты клиентских сайтов от спама используется кодировщик email-адресов http://internetplanners.com/email_encoder.html Его целесообразно использовать для всех email-адресов, встречаемых на странице.

PNGOUT.EXE очищает PNG-файты от информации о цветокоррекции, которая мешает правильному выводу изображений в IE и Safari http://advsys.net/ken/utils.htm