Web... Просто Web...

Новости

Сегодня в выпуске:

1. Новости сайта и форума рассылки.
2. Продолжение статьи «Введение в оформление текстов для веб» (начало в предыдущем выпуске рассылки, смотрите в архиве рассылки) .

Последние статьи на ComputerLibrary.info:

• Пиринговые сети [ Софт для интернета ]
• iMesh — путеводитель по поиску файлов в сети [ Софт для интернета ]
• США vs Ирак, vs интернет [ Обзоры сети ]
• Программы для работы с help-файлами [ Работа с текстом ]
• Outlook Express вашей мечты [ Софт для интернета ]
• E-mail в дорогу [ Софт для интернета ]
• Программа графоману [ Работа с текстом ]
• Quintessential Player или не Winamp-ом единым… [ Разный софт ]
• Punto Switcher — печатаем с удобствами [ Работа с текстом ]
• 12 советов по написанию эффективных объявлений для Google AdWords Select [ Раскрутка ]

Последние темы форума Forum.ComputerLibrary.info:

• Новый Рубрикатор Для Сайта [ О сайте и форуме ]
• Новый Дизайн И Структура На Старом Сайте [ Оценка сайтов ]
• PHP 5. Когда появится? [ Web-программирование ]
• DVD-Rom [ Hardware ]
• Какой цифровик купить [ Hardware ]
• мать или БП? [ Hardware ]
• Исходные коды Windows предоставлены в Велико [ Windows OS ]
• Как размножить инет [ Локальные сети ]
• WinXP не видит фоновый рисунок в виде файла jpg [ Windows OS ]
• Сеть Http://www.emule-project.net [ Интернет ]

Введение в оформление текстов для веб (продолжение)

Автор: Jim Byrne
www.mcu.org.uk
Оригинал статьи

Перевод: YuraZzz
www.computerlibrary.info

Продолжение. Предыдущие главы в прошлых выпусках рассылки, смотрите архив рассылки.

Многие шрифты плохо выглядят на компьютерных мониторах

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

Шрифты для печати наносятся (на бумагу) по своим векторным макетам, поэтому такие шрифты легко масштабируются. Первое поколение таких шрифтов плохо выглядело на мониторах с низким разрешением, т. к. последним не хватало пикселей, чтобы отобразить утонченность и стиль, определенный в векторных макетах. Разрешение компьютеров Mac было 72dpi (точек на дюйм), а у Windows PC — 96dpi, тогда как у печатных материалов разрешение, как правило, 1200dpi и более.

В попытке разрешить эту проблему, такие пионеры дизайна шрифтов для веб, как, например, Чак Бигелау (Chuck Bigelow) (создавший экранный шрифт Pellucida, как эквивалент печатного Lucida), разработали растровые экранные шрифты. Основой этих шрифтов послужила квадратная пиксельная решетка мониторов. В таких шрифтах каждый символ представлен группой пикселей и тщательно обработан дизайнером для оптимальной читабельности и четкости.

Компания Apple быстро приняла это нововведение, чтобы улучшить читабельность текста с монитора. В колонке шрифтов Mac нашей таблицы их можно легко опознать по названиям — большинство растровых шрифтов названы в честь городов: Geneva (растровый вариант Helvetica), New York (Times) , Monaco (Courier). В Windows растровые шрифты легко определить по их характерным красно-белым иконкам в системной папке шрифтов. В Windows растровые шрифты используются в основном для отображения названий папок и файлов, а также ярлыков.

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

Раньше масштабируемые шрифты плохо выглядели на экране, а растровые — на бумаге (символ разрешением 72dpi будет напечатан именно в нем, даже на принтере с большей разрешающей способностью). Как правило, пользователи, занимающиеся своей домашней «типографией», будут писать тексты, используя экранные шрифты, а печатать только после конвертирования текста в масштабируемые символы.

За пределами этой статьи стоит оставить подробной рассказ об истории шрифтов и о том, как все изменилось с того времени (эту информацию можно получить здесь: www.dotprint.com/graphics/graphi26.htm), можно смело заявить о том, что сейчас уже мало кто из веб-мастеров знает разницу между экранными шрифтами и шрифтами для печати. Большинство современных шрифтов, используемых в сети, прекрасно масштабируются, хорошо выглядят на экране и вполне прилично — на бумаге. Причина этого заключается в общем курсе на создание геометрических шрифтов (основанных на векторах), учитывая низкую разрешающую способность мониторов. Корпорация Microsoft сильно способствовала увеличению читабельности текстов в веб, поручив Мэтью Картеру (Matthew Carter) создание шрифтов, которые были бы оптимизированы для вывода на экран и для веб-мастеринга.

Мэтью Картер, создатель шрифтов Verdana и Georgia, четко выразил свое мнение относительно экранных шрифтов:

«В кругу последователей графического дизайна люди судят о шрифтах только при их выводе на печать.

Но это слишком недальновидный взгляд на проблему. Все больше и больше пользователей проводят свое время у мониторов и никогда (или очень редко) что-либо печатают. Становится понятно, что приоритеты поменялись местами — не стоит делать шрифты для печати, адаптируя их также и для вывода на экран, необходимо создавать экранные шрифты на основе геометрических макетов. Шрифты для печати в данном случае уже вторичны.» Мэтью Картер, создатель шрифтов Verdana и Georgia.
www.webreview.com/1997/11_07/webauthors/11_07_97_10.shtml

Adobe с созданием шрифтов PostScript Type 1 и Apple c технологией Truetype положили основание созданию читабельных шрифтов для выода на экран. Корпорация Microsoft продолжила общее дело, создав ESQ (Enhanced Screen Quality — улучшенное экранное качество) Truetype шрифты. Microsoft надо поблагодарить за создание доступного каждому прекрасного набора масштабируемых экранных шрифтов, которые стали основой оформления текстов в сети:

• Verdana,
• Trebuchet MS,
• Georgia,
• Arial,
• Times New Roman,
• Courier New

Символы Verdana и Georgia создаются из геометрических контуров, оптимизированных для вывода на экран. Созданные Мэтью Картером и в последствие оптимизированные Томом Рикнером (Tom Rickner) эти шрифты остаются четкими и читабельными даже при относительно малых размерах. Оптимизация в данном случае означает изменение шрифта, чтобы он выглядел как можно лучше даже на мониторах с маленьким разрешением. «Хорошо оптимизированные шрифты достигают уровня старых растровых шрифтов, но при этом сохраняя скорость и пониженные требования к оперативной памяти, свойственные шрифтам на основе контуров.» (Введение в оптимизацию www.microsoft.com/typography/hinting/hinting.htm).

Выбор «безопасных» шрифтов для верстки сайтов

Arial и Times New Roman были тщательно оптимизированы для вывода текстов на экран и поэтому сейчас считаются хорошим выбором для веб-верстки. Times New Roman — хороший шрифт с засечками, который подойдет для веб-документов, предназначенных для последующей печати. С другой стороны, Georgia — прекрасный читабельный шрифт с засечками, предназначенный для экранных документов. Arial — наверное самый популярный, и некоторые скажут, что даже слишком популярный, шрифт в веб-верстке, Arial читабельный шрифт, если только не использовать его в маленьких размерах. Verdana — хорошая альтернатива Arial, учитывая большую читабельность при малых размерах и небольшом разрешении экрана.

Стоит помнить, что даже эти шрифты должны быть установлены на компьютерах пользователей. Упомянутые выше шрифты от Microsoft поставляются вместе с Windows 95 (и более поздними версиями этой ОС), многие из них также идут в комплекте с Microsoft Word (самым популярным текстовым редактором, занимающим 90% этой ниши в мире PC и Mac). Также эти шрифты есть в дистрибутиве Internet Explorer 3 и старше.

Выбирая лучший шрифт с точки зрения читабельности и распространенности стоит остановиться на шрифтах, поставляемых с Internet Explorer и другими продуктами Microsoft. Из них лучших выбор — это Verdana (рубленный шрифт) и Georgia (шрифт с засечками), т. к. они специально создавались для мониторов с небольшим разрешением.

Продолжение в следующем выпуске рассылки…

Компьютерная литература

«Дизайн web-страниц. Анализ удобства и простоты использования 50 узлов»
Один из авторов книги — гуру usability Якоб Нильсен!
Книга состоит из двух частей. Первая часть содержит общие принципы эргономики начальных страниц и анализ соответствующей статистики, а во второй части рассмотрены 50 конкретных примеров начальных страниц с разбором ошибок, связанных с нарушением их эргономики. Принципы эргономики начальных страниц, приведенные в первой части книги, взяты авторами из собственного многолетнего опыта. Во второй части книги собрана статистика, полученная в результате анализа 50 различных узлов. Именно эта часть книги может больше всего пригодиться в усовершенствовании собственной начальной страницы.
Книга рассчитана на пользователей с различными уровнями подготовки. Собранные в ней принципы и примеры послужат основой для создания информативных и удобных домашних страниц.

«Освой самостоятельно PHP4 за 24 часа»
Немало внимания в книге уделено вопросам программирования вообще, но основной упор сделан именно на создание динамических Web-страниц и Web-приложений. Книга окажется полезной как знатоку программирования, решившему освоить технологию PHP, так и новичку, делающему свои первые шаги.

«Основы web-технологий»
Курс лекций посвящен основам Web-технологий. В его рамках рассматриваются язык гипертекстовой разметки HTML, язык программирования динамического контента JavaScript, спецификация разработки прикладного программного обеспечения CGI и спецификация описания стилей представления информации CSS.
Изложение материала во всех лекциях курса опирается на множество примеров. К каждой лекции прилагаются варианты тестов для самоконтроля. Допущено УМО в области прикладной информатики для студентов высших учебных заведений, обучающихся по специальности 351400 "Прикладная информатика".

«Освой самостоятельно XML за 21 день. Издание 2…»
Из настоящей книги вы узнаете, что такое языки разметки вообще, что такое правильные и действительные документы XML, а также что такое схемы, используемые для их проверки. Кроме того, в книге рассмотрены такие темы, как пространства имен XML, языки XPath, XLink, XPointer и XSL, применение DOM и SAX для обработки документов XML, а также использование таблиц стилей. В отдельную часть вынесены различные вопросы, связанные с практическим использованием XML, например, в электронной коммерции.

Постскриптум

Уважаемые подписчики,

• если у вас есть какие-то вопросы, предложения, пожелания касательно рассылки, пишите на мой e-mail: yura@computerlibrary.info
• если вам нравится рассылка, присылайте интересные статьи о веб-строительстве на мой e-mail. Все, достойное внимания, будет опубликовано!
• предложите своим друзьям и знакомым подписаться на рассылку, ведь чем больше читателей, тем больше я буду стараться!
• подписаться на другие мои рассылки можно с этой страницы
• по поводу рекламы в рассылке пишите сюда же.

Удачного веб-строительства,
С уважением, Юрий