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


При некоторых разрешениях веб-страница выглядит неправильно


Не так давно веб-дизайнеры могли ориентироваться на посетителей, имеющих разрешение экрана 640 на 480 пикселов. Сегодня существует множество популярных разрешений экрана, которые вы должны принять во внимание при разработке страницы. Если ваша страница слишком широкая для экранов посетителей, они будут вынуждены листать ее вправо и влево, чтобы рассмотреть. Так как большинство людей не будет этого делать, информация или ссылки вне границ экранов будут игнорироваться. Другой крайний случай – у многих посетителей экраны с высоким разрешением, и ваша страница или будет слишком узкой, или ее содержимое будет слишком растянутым.

Чтобы решить проблему, вы можете включить содержимое страницы в большую таблицу – построить сетку для расположения объектов на странице. Это позволит вам ограничить возможную ширину страницы, поможет выровнять изображения и даст возможность установить разные цвета фона для разных частей страницы. Вы можете выбрать одну из двух основных стратегий: или определить установленную ширину для каждого раздела, или позволить броузеру изменять размеры содержимого страницы, чтобы приспособить ее ширину к размеру экрана пользователя.

С помощью таблицы размещения элементов страницы вы можете ограничить ширину страницы и поместить ее содержание в разделы, благодаря чему выстроить элементы страницы в линию будет проще

увеличить изображение
С помощью таблицы размещения элементов страницы вы можете ограничить ширину страницы и поместить ее содержание в разделы, благодаря чему выстроить элементы страницы в линию будет проще

Таблица размещения элементов вашей страницы должна иметь один столбец для каждого главного раздела страницы. Например, вы можно сделать первый столбец для гиперссылок, второй – для основного текста страницы, третий – для картинок или рекламных объявлений.

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

  1. Создайте большую таблицу размещения с помощью тэга <TABLE>, атрибуту border присвойте значение 0. По умолчанию страница выровнена по левому краю окна; если вы хотите оставить пустое пространство в правой и левой стороне страницы, присвойте атрибуту align значение center. Если вы хотите, чтобы столбцы таблицы касались друг друга – например, если смежные столбцы содержат изображения, которые должны соединяться друг с другом по краям – значениям атрибутов cellpadding и cellspacing также присваивают 0.




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