Компьютерная графика и web-дизайн. Томилова О.В. - 97 стр.

UptoLike

Составители: 

96
Динамическая компоновка страницы
Достоинства. Документ растягивается по всей ширине экрана, не остается
неиспользованных пустых полей.
Недостатки. Сложность верстки и отладки страницы, весьма часто проявля-
ется неадекватность отображения таких документов в браузерах Microsoft Internet
Explorer и Netscape Navigator.
ПРИМЕЧАНИЕ
Используемые в командах HTML значения пикселей (условных точек) подра-
зумевают физические размеры точки экрана пользователя и зависят от типа его
монитора.
Элементы web-страницы
Любая web-страница содержит определенный набор стандартных элементов,
являющихся обязательными компонентами каждого ресурса Интернета. Безус-
ловно, ассортимент и количество подобных объектов могут варьироваться в зави-
симости от тематической направленности сайта, объема опубликованных на нем
материалов, а также от целей и задач, которые ставит перед собой создатель дан-
ного ресурса. Компоновка таких эле-
ментов, проектирование их взаимно-
го расположения и составляет одну из
главных задач web-мастера.
Первым элементом web-страницы,
который нам предстоит рассмотреть,
является ее заголовок.
Он может быть
выполнен как в текстовом, так и в
графическом варианте, однако и в
том и в другом случае он должен
располагаться в верхней части доку-
мента. Иногда с заголовком совме-
щают меню выбора кодировки ки-
риллицы и кнопки для перехода с
русскоязычной на англоязычную
версию сайта, если данный web-
ресурс представлен на двух языках.
Непосредственно под заголовком до-
кумента, как правило, располагается пространство, отведенное для размещения
рекламного баннера. Стандартный размер баннеров, публикуемых под заголовком
документа, составляет обычно 468×60 точек. Если используется статический
принцип компоновки страницы, ширина заголовка документа будет составлять
приблизительно 640 пикселей: это значение обусловлено, прежде всего, необхо-
димостью обеспечить корректное отображение документа на мониторах с экран-
ным разрешением 640×480 точек и избежать появления горизонтальной полосы
прокрутки, затрудняющей его просмотр. Ширина баннера в этом случае будет
значительно меньше ширины заголовка, благодаря чему в той части страницы, где
планируется отвести место под рекламу, образуется незанятое пространство, ко-
Рис. 75. Пример компоновки web-
страницы
с левым позиционированием элементов нави-
гации
    Динамическая компоновка страницы
    Достоинства. Документ растягивается по всей ширине экрана, не остается
неиспользованных пустых полей.
    Недостатки. Сложность верстки и отладки страницы, весьма часто проявля-
ется неадекватность отображения таких документов в браузерах Microsoft Internet
Explorer и Netscape Navigator.
    ПРИМЕЧАНИЕ
    Используемые в командах HTML значения пикселей (условных точек) подра-
зумевают физические размеры точки экрана пользователя и зависят от типа его
монитора.
                            Элементы web-страницы
    Любая web-страница содержит определенный набор стандартных элементов,
являющихся обязательными компонентами каждого ресурса Интернета. Безус-
ловно, ассортимент и количество подобных объектов могут варьироваться в зави-
симости от тематической направленности сайта, объема опубликованных на нем
материалов, а также от целей и задач, которые ставит перед собой создатель дан-
                                              ного ресурса. Компоновка таких эле-
                                              ментов, проектирование их взаимно-
                                              го расположения и составляет одну из
                                              главных задач web-мастера.
                                                  Первым элементом web-страницы,
                                              который нам предстоит рассмотреть,
                                              является ее заголовок. Он может быть
                                              выполнен как в текстовом, так и в
                                              графическом варианте, однако и в
                                              том и в другом случае он должен
                                              располагаться в верхней части доку-
                                              мента. Иногда с заголовком совме-
                                              щают меню выбора кодировки ки-
                                              риллицы и кнопки для перехода с
      Рис. 75. Пример компоновки web-страницы русскоязычной на англоязычную
   с левым позиционированием элементов нави- версию сайта, если данный web-
                      гации                   ресурс представлен на двух языках.
                                              Непосредственно под заголовком до-
кумента, как правило, располагается пространство, отведенное для размещения
рекламного баннера. Стандартный размер баннеров, публикуемых под заголовком
документа, составляет обычно 468×60 точек. Если используется статический
принцип компоновки страницы, ширина заголовка документа будет составлять
приблизительно 640 пикселей: это значение обусловлено, прежде всего, необхо-
димостью обеспечить корректное отображение документа на мониторах с экран-
ным разрешением 640×480 точек и избежать появления горизонтальной полосы
прокрутки, затрудняющей его просмотр. Ширина баннера в этом случае будет
значительно меньше ширины заголовка, благодаря чему в той части страницы, где
планируется отвести место под рекламу, образуется незанятое пространство, ко-
                                         96