Практическая информатика

       

Условия просмотра


Проблема подачи информации в Web-дизайне связана прежде всего с тем, что автор не может предугадать, в каких условиях пользователь будет просматривать Web-материал. Читатели вашего документа могут использовать самые разные браузеры, устанавливать собственные настройки для просмотра информации (цвет фона и т. д.), у них могут быть проблемы с передачей цветов из-за особенностей видеокарты.

Профессиональный Web-дизайнер старается по мере сил учитывать возможные варианты просмотра и создавать странички максимально подходящие для разных условий.

Старайтесь, чтобы ваши странички смотрелись правильно по крайней мере в двух браузерах - Netscape и Explorer.

Программисты обеих компаний вводят в свои программы особенности, не признаваемые другими браузерами. Поэтому когда вы посещаете сайт, разработанный "специально для Netscape", пользуясь другим браузером, то видите его страницы не совсем в том виде, на который рассчитывали их создатели. Документация по сетевым технологиям зачастую содержит комментарии типа "в Netscape не работает". Изворотливые мастера отыскивают способы обмануть браузеры, заставляя показывать информацию одинаково.

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

Например, в большинстве случаев незакрытый парный тег будет обработан браузером Explorer так, как будто он есть, и не вызовет ошибки, хотя сам код, тем не менее, останется некорректным. Лучше, конечно, учиться писать корректный код.

Если при подготовке HTML-документа соблюдать следующие правила, то количество возможных ошибок значительно снизится.

  • Обязательно закрывайте все теги (кроме одиночных).
  • Внимательно следите за вложенностью тегов. Не допускайте ситуации, когда внешний тег закрывается раньше, чем внутренний: <B><I>правильно</I></B> <B><I>неправильно</B></I>
  • Значения атрибутов, содержащих пробелы и другие специальные символы, должны обязательно заключаться в кавычки.
    Можно заключать в кавычки все параметры, но это не является обязательным.
  • При использовании формы на странице внимательно следите за тем, чтобы все элементы, составляющие форму (<INPUT>, <SELECT>, <TEXTAREA>, и т. д.), находились между тегами <FORM> и </FORM>.


Попробуйте отключить у браузера поддержку графики, листов стилей, JavaScript, изменить различные установки странички - цвет фона, цвет ссылок, шрифты и др.

В теге <BODY> нужно обязательно прописывать все цвета: фон странички, текст, цвет ссылок, цвет посещенных ссылок, цвет активных ссылок или не прописывать никаких. В противном случае может возникнуть такая ситуация, что какой-нибудь из неописанных цветов и, следовательно, взятый из настроек пользователя, совпадет с цветом фона, что приведет к "исчезновению" части текста.

Задание

  1. Примените указанные правила к оформлению вашей домашней странички.
  2. Включите при помощи тега META в документ его описание и набор ключевых слов.
  3. Убедитесь в том, что ваш документ корректно отображается и браузером Netscape, и браузером Internet Explorer.



Содержание раздела