Практика разработки Web-страниц

         

Веб-страница не отображается на экране полностью


Основное содержание вы обычно видите на странице без прокручивания, оно как бы находится "выше сгиба страницы" (above the fold) – это термин газетных редакторов, обозначающий то, что вы видите на титульном листе до того, как откроете газету. Когда при открытии страницы появляется содержание, всегда более вероятно, что оно будет замечено и прочитано. Всю важную информацию – вашу эмблему, информацию по перемещению по сайту, первичное сообщение или резюме страницы – поместите выше сгиба. Проблема состоит в том, что люди используют экраны разных размеров. Если вы используете настройку монитора с высоким разрешением, типа 1024 на 768, при проектировании страницы, вы не можете знать, какая часть страницы будет потеряна на другом экране. У посетителя окно броузера может быть маленькое, например 300 пикселов в высоту, так что многие страницы будут продолжаться за пределами окна. Но вы же не хотите, чтобы посетители пропустили что-то или не нашли средство управления только потому, что у них окно маленькое.


увеличить изображение
При просмотре на маленьком мониторе наиболее важные детали и ссылки в этом проекте страницы находятся справа за пределами экрана или "ниже сгиба"

Если посетители должны постоянно прокручивать вашу страницу, чтобы ее рассмотреть, сделайте следующее.

  1. Откройте страницу в маленьком окне предварительного просмотра, чтобы увидеть ее глазами посетителя. Если на вашем экране установлено высокое разрешение, вы можете даже временно переключить его на более низкое разрешение типа 640 на 480 (с помощью Панели управления Windows), чтобы посмотреть, как выглядят ваши страницы в этом случае.
  2. Если на вашей странице мало свободного пространства, попробуете что-нибудь сжать. Например, удалите лишние концы строк, расположите текст так, чтобы он обтекал изображения, и уменьшите значение cellpadding в тэгах <TABLE>.
  3. Если главные элементы вашей страницы – название и эмблема вашей организации, основное сообщение страницы или важные гиперссылки – не в поле зрения, их перемещают выше и левее. Если средства управления или важный текст находятся вне поля зрения, уменьшают ширину таблицы, которая их содержит.



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


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

    Чтобы разбить страницу на две, скопируйте ее (или нажмите Save As (Сохранить как) в меню File (Файл)). Замените содержание в основной странице связью со страницей, содержащей подробности, убедившись, что связь видна при открытии страницы. Затем откройте страницу, содержащую подробности, и удалите содержание, так как оно уже содержится в другой странице.

  5. Повторите этот процесс для каждого основного раздела страницы, пока страница не станет достаточно компактной. Затем обратитесь к другим страницам на вашем сайте. Если вы найдете страницы, содержащие повторяющуюся информацию, такую как структура компании или список номеров телефона, замените эту информацию ссылкой на то место, где она встречалась раньше.



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