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


2 - часть 3


Если вы хотите, чтобы вашу страницу было удобно просматривать при определенных размерах экрана, не забудьте оставить небольшой участок пространства для средства управления, например, полосы прокрутки. Для разрешения монитора 640 на 480 ограничьте ширину страницы 623 пикселами; для 800 на 600 – ограничьте ее 783 пикселами. Если вы хотите сделать более широкую страницу, то справа располагайте наименее важные элементы, так как некоторые пользователи не будут их видеть.

Если вы хотите, чтобы содержимое страницы растягивалось, когда пользователь изменяет ширину окна, удалите атрибут width из столбца, который должен будет растягиваться (в приведенном выше коде надо было бы удалить width =350), и затем установите для атрибута width тэга <TABLE> относительное значение, например 90 % или 100 %.

  • Как только вы разметили таблицу, переместите готовое содержимое в каждый из разделов страницы. Просмотрите страницу с рядом размеров окна, чтобы увидеть ее глазами посетителей, и скорректируйте соответствующим образом атрибут width в каждом тэге <TD>.
  • Стратегия размещения компонентов страницы

    Успешные веб-сайты начинаются с планирования. Даже если вы не знаете, какие элементы вам понадобятся, вы можете разработать основную стратегию размещения компонентов страницы. Ниже приведены некоторые полезные рекомендации.

    • Сначала просмотрите Internet или intranet компании, чтобы найти сайты со сходной тематикой. С какими страницами они связываются? Графику и цвета какого типа они используют? Где они отображают логотипы, гиперссылки и текст? Есть ли вообще разница между размещением разных страниц?
    • Не изобретайте колесо. Большинство сайтов используют сходные типы размещения, потому что посетители к ним привыкли. Например, посетители ожидают, что перемещение осуществляется с помощью гиперссылок, полей поиска и списков, расположенных поверху страницы или сверху вниз на ее левой стороне. Убедитесь, что наверху ваша страница содержит текст или изображения, идентифицирующие вашу организацию, а также главное сообщение, а все подробности, примечания и связи с другими разделами находятся ниже.
    • Закончив набросок размещения, можете начинать размещать элементы на проекте. Создайте большую таблицу, установите размеры столбцов и цвет фона и вставьте метки-заполнители для основного нужного вам содержимого. (Для идей относительно создания шаблона см. "Разметка на разных страницах не единообразная".)
    • Решите, хотите ли вы, чтобы размещение элементов на странице было гибким (flexible) – с одним столбцом или больше, которые корректируются в соответствии с размером страницы – или фиксированным (fixed) – то есть столбцы имеют установленную ширину, и дополнительное пространство появляется вокруг основного размещения компонентов. (См. раздел "При некоторых разрешениях веб-страница выглядит неправильно".)
    • Используйте размещение для выделения важной информации. Местные новости, специальные предложения или рекламные объявления будут более заметны, если для их выделения использовать различные обрамления и цвета.
    • Если элементы размещены на странице слишком плотно, переместите некоторые из них на другие страницы. С другой стороны, если у вас проблемы с заполнением пространства, создайте баннеры и изображения и займите ими какую-нибудь область экрана (например, правый столбец или нижнюю строку).
    • Создайте одну или две страницы с новым размещением, а затем оцените результат и модифицируйте шаблон перед проектированием других страниц. Намного проще изменить размещение на одной странице, чем в целом сайте.




    Начало  Назад  Вперед