Opera – браузер, созданный норвежской компанией Opera Software в Осло и обладающий малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 5.0 поддерживает Java, каскадные таблицы стилей и DHTML. Opera не стоит на первых местах по частоте использования, но многие разработчики продолжают тестировать свои сайты в Opera, чтобы убедиться в правильности кода.
Lynx – распространяемый бесплатно браузер, обеспечивающий просмотр только текста, предлагает вам быстрый и надежный доступ в Web. Он известен как наименьший общий знаменатель стандарта, пригодный для тестирования Web-страницы по базовым функциональным характеристикам. Несмотря на простоту, этот браузер не устаревает. Lynx постоянно совершенствуется и модернизируется. Сейчас он обеспечивает поддержку таблиц, форм и даже JavaScript.
В Интернете существует несколько сайтов, предоставляющих статистические данные о браузерах. Статистика на этих сайтах основана на анализе посещаемости самих этих сайтов. Статистические данные, помещенные на сайте BrowserWatch, дают подробнейшие сведения о версиях, подверсиях и под-подверсиях каждого отдельного браузера.
Специалист в области организации ДО должен знать о влиянии типов дисплеев на Web-дизайн сайта или страницы. Говоря о размере дисплея, нужно иметь ввиду, что рабочее пространство в окне браузера зависит от операционной системы компьютера, используемого браузера и индивидуальных установок параметров пользователя. Минимальное рабочее пространство окна измеряется со всеми возможными видимыми инструментами браузера (кнопки, панели расположения и полосы прокрутки). Максимальное рабочее пространство измеряется при скрытии всех необязательных элементов, это делало окно браузера максимально большим для данного разрешения. На практике же размеры окна браузера варьируются. Часть кнопок будет присутствовать на экране, но, возможно, не все. Полосы прокрутки включаются и выключаются автоматически, поэтому их трудно учесть. Пользователи дисплеев с очень высоким разрешением (от 1024 пикселов и выше) всегда открывают окна целиком, или одновременно несколько окон. Однако существует множество неизвестных факторов, которые могут повлиять на размер окна браузера.
Специалисту в области ДО нужно иметь представление об особенностях цветов дисплея. Мониторы, если они цветные, различаются по числу воспроизводимых цветов. Например, 24-разрядные мониторы обычно воспроизводят 16,77 миллионов цветов, 16-разрядные – 65 536 цветов, 8-разрядные – 256 цветов. Цвета, полученные в 24-разрядном пространстве цветов будут искажаться (выводиться с пятнами и крапинками) при обработке браузерами на 8-разрядных дисплеях. Существует набор, составленный из 216 цветов системных палитр МасOS и Windows, который не будет искажаться на 8-разрядных дисплеях. Одно из названий этого множества цветов – Web-палитра (Web Palette). Многие дизайнеры предпочитают пользоваться этой палитрой при создании Web-графики и элементов HTML, так чтобы страница выглядела одинаково для всех пользователей. Если ориентироваться на пользователей с монохромными или полутоновыми (Gray Scale) дисплеями, то необходимо применение высококонтрастной графики. Когда цвета конвертируются во множество оттенков серого цвета (или смешиваются с черными и белыми пикселами), имеет значение только яркость цветов.
При выборе вероятного размера создаваемой Web-страницы нужно определить максимальное пространство, обеспечиваемое дисплеем. Компьютерные дисплеи имеют различные стандартные размеры, измеряемые в дюймах, например, 14", 15", 17", 19" и 21". Более значимой характеристикой является разрешение дисплея – общее число пикселов (picture's element – элемент картинки) на экране. Чем выше разрешение, тем более детальным может быть изображение. Зная возможное число пикселов, можно создавать в соответствии с ним изображения (также измеряемые в пикселах) и элементы страницы. При этом, важно помнить, что чем выше разрешение на данном дисплее, тем больше пикселов спрессовано в имеющемся пространстве экрана. В результате пикселы становятся меньше и соответственно уменьшаются изображения и другие элементы страницы. Именно по этой причине измерения в Web производятся в пикселах, а не в дюймах.
При разработке Web-страницы фиксированного размера возникает вопрос выбора для нее размера экрана. Страница должна быть доступна для максимально возможного числа пользователей. Для этого необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство. Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку, что затрудняет восприятие. Все большее число разработчиков считает стандартным разрешение 800x600. Следует отметить, что выбор размера зависит от той аудитории, для которой разрабатывается сайт или страничка.
При создании Web-сайта и Web-страницы важное значение имеет выбор формата для представления изображений. В настоящее время все изображения в Web-сайтах и Web-страницах представлены в следующих форматах: GIF, JPEG, PNG. Рассмотрим их.
GIF (Grafic Interchange Format) можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и продолжает оставаться основным графическим форматом Web. Этот формат поддерживает не более 256 цветов, использует палитру цветов, использует сжатие без потери информации по методу LZW, поддерживает чересстрочную развертку, является поточным форматом, т.е. позволяет показ картинки начинать во время перекачки. Он также позволяет назначить одному из цветов в палитре атрибут прозрачный, имеет возможность сохранения в одном файле нескольких изображений, поддерживает возможность вставки в файл управляющих блоков, позволяющих вставлять комментарии в файл, осуществлять задержку между показами изображений и т.д. Однако следует отметить, что возникают проблемы с сохранением фотографии в формате GIF и передачей всех оттенков. Например, к фотографии приходится применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. С сохранением рисунков и чертежей в этом формате не возникает никаких проблем. Они хорошо сжимаются и не содержат много цветов.
Вторым наиболее популярным графическим форматом в Web является JPEG (Joint Photographic Experts Group). Он содержит 24-разрядную информацию о цвете (16,77 миллионов цветов в отличие от 256 цветов формата GIF). В JPEG используется так называемое сжатие с потерями, когда некоторая информация об изображениях в процессе сжатия отбрасывается, но в большинстве случаев ухудшение качества изображения не наносит вреда, а иногда даже не заметно. Фотографии или любые изображения с плавными градациями цветов лучше всего сохранять в JPEG-формате, потому что он предлагает более высокое качество изображений, умещающихся в файл меньшего объема. Тем не менее, JPEG не является лучшим решением для графических изображений с одноцветными областями, поскольку этот формат имеет тенденцию испещрять цвета крапинками и конечный файл, как правило, будет несколько больше, чем GIF-файл для того же изображения.
Третьим графическим форматом, конкурирующим за постоянное использование в Web является формат PNG (Portable Network Graphic), который, несмотря на некоторые достоинства, не является часто используемым. PNG может поддерживать 8-разрядные индексированные цвета, 16-разрядные полутона или 24-разрядные полноцветные изображения, используя схему сжатия без потерь. Это обеспечивает более высокое качество изображений, а иногда и меньший объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG обладают такими функциями как встроенное управление коэффициентом гамма и изменяемые уровни прозрачности, позволяющие показывать рисунок фона сквозь отбрасываемые мягкие тени.
Выбор разрешения и размера файла изображений также является важным при разработке сайта или страницы. Поскольку изображения Web существуют только на экране дисплея, будет технически правильно измерять их разрешение в пикселах на дюйм (ppi – pixels per inch). Другая единица измерения разрешения – количество точек на дюйм (dpi – dots per inch) относится к разрешению печатных изображений и зависит от разрешения печатающего устройства. Но, так как реальные размеры графики зависят от разрешения дисплея, измерение в дюймах становится для Web-окружения неприемлемым. Единственной значимой единицей измерения становится пиксел. Практично создавать изображения с разрешением 72 ppi, обращая внимание только на общие размеры в пикселах. В процессе создания графики на Web можно вообще не использовать дюймы. Важен размер изображения по сравнению с другими изображениями на странице и общего размера окна браузера. Например, многие пользователи используют 14-дюймовые дисплеи с разрешением 640x480 пикселов. Чтобы гарантировать заполнение графической заставкой всего пространства экрана, лучше сделать его шириной не более 600 пикселов (учитывая, что часть пикселов справа и слева будет использована для окна и для полосы прокрутки). Размер остальных кнопок и изображений на странице следует измерять в пикселах относительно банеpa, имеющего ширину 600 пикселов.