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

UptoLike

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

95
заглавная страница (splash) содержит логотип, графику и выбор языка, который
уже направляет на стартовую страницу в соответствии с указанным языком.
При обращении к сайтам, не оснащенным splash-страницей, первым отобра-
жается стартовый документ, включающий какое-либо информационное наполне-
ние, элементы навигации и иногда анонсы составляющих данный ресурс темати-
ческих рубрик. На Рис. 74 показан пример оформления заглавной страницы учеб-
ного сайта.
Динамическая и статическая компоновка сайта
Современные видеокарты поддерживают несколько произвольно устанавли-
ваемых видеорежимов, характеризующихся экранным разрешением и количест-
вом цветов, используемых при отображении информации на экране компьютера.
С помощью встроенных функций операционной системы пользователь может ус-
тановить несколько стандартных значений экранного разрешения, например
640×480, 800×600, 1024×768, 1152×864, 1280×1024 или 1600×1200 точек. При от-
крытии в одном и том же браузере web-страницы она может отображаться по-
разному в зависимости от используемого посетителем сайта экранного разреше-
ния.
Для того чтобы избежать «съезжания» элементов html-документа друг отно-
сительно друга, а также деформации web-страницы в целом, все компоненты web-
страницы заключаются в соответствующие ячейки невидимой таблицы, при этом
каждому объекту назначается одно, строго определенное положение.
Данной таблице можно назначить строго определенную ширину в пикселях,
например, 640 точек, после чего жестко позиционировать ее по центру экрана или
«прижать» к левому его краю. Такой вариант компоновки сайта назовём стати-
ческим, поскольку ширина таблицы не меняется в зависимости от экранного раз-
решения. При изменении параметров экрана не происходит ни малейшего смеще-
ния элементов дизайна страницы.
Другой подход когда ширину невидимой таблицы, содержащей фрагменты
web-страницы, задают в процентах от текущей ширины экрана. При увеличении
экранного разрешения таблица «растягивается» по горизонтали и все размещен-
ные в ее ячейках элементы, позиционированные либо по центру, либо по краям
столбцов, смещаются согласно установленному алгоритму. В силу того, что пара-
метры таблицы изменяются в зависимости от настроек экрана, такой принцип
компоновки html-документа назовём динамическим. И тот и другой подход обла-
дает достоинствами и недостатками, которые перечислены ниже.
Статическая компоновка страницы
Достоинства. Простота алгоритма верстки документа. Данный вариант ком-
поновки сайта в большинстве случаев (при соблюдении ряда дополнительных ус-
ловий) позволяет добиться идентичности отображения html-документа в браузе-
рах Microsoft Internet Explorer и Netscape Navigator.
Недостатки. При отображении документа на компьютере с высоким экран-
ным разрешением по краям экрана или с правой его стороны остается пустое поле.
заглавная страница (splash) содержит логотип, графику и выбор языка, который
уже направляет на стартовую страницу в соответствии с указанным языком.
    При обращении к сайтам, не оснащенным splash-страницей, первым отобра-
жается стартовый документ, включающий какое-либо информационное наполне-
ние, элементы навигации и иногда анонсы составляющих данный ресурс темати-
ческих рубрик. На Рис. 74 показан пример оформления заглавной страницы учеб-
ного сайта.
                Динамическая и статическая компоновка сайта
     Современные видеокарты поддерживают несколько произвольно устанавли-
ваемых видеорежимов, характеризующихся экранным разрешением и количест-
вом цветов, используемых при отображении информации на экране компьютера.
С помощью встроенных функций операционной системы пользователь может ус-
тановить несколько стандартных значений экранного разрешения, например
640×480, 800×600, 1024×768, 1152×864, 1280×1024 или 1600×1200 точек. При от-
крытии в одном и том же браузере web-страницы она может отображаться по-
разному в зависимости от используемого посетителем сайта экранного разреше-
ния.
     Для того чтобы избежать «съезжания» элементов html-документа друг отно-
сительно друга, а также деформации web-страницы в целом, все компоненты web-
страницы заключаются в соответствующие ячейки невидимой таблицы, при этом
каждому объекту назначается одно, строго определенное положение.
     Данной таблице можно назначить строго определенную ширину в пикселях,
например, 640 точек, после чего жестко позиционировать ее по центру экрана или
«прижать» к левому его краю. Такой вариант компоновки сайта назовём стати-
ческим, поскольку ширина таблицы не меняется в зависимости от экранного раз-
решения. При изменении параметров экрана не происходит ни малейшего смеще-
ния элементов дизайна страницы.
     Другой подход – когда ширину невидимой таблицы, содержащей фрагменты
web-страницы, задают в процентах от текущей ширины экрана. При увеличении
экранного разрешения таблица «растягивается» по горизонтали и все размещен-
ные в ее ячейках элементы, позиционированные либо по центру, либо по краям
столбцов, смещаются согласно установленному алгоритму. В силу того, что пара-
метры таблицы изменяются в зависимости от настроек экрана, такой принцип
компоновки html-документа назовём динамическим. И тот и другой подход обла-
дает достоинствами и недостатками, которые перечислены ниже.
     Статическая компоновка страницы
     Достоинства. Простота алгоритма верстки документа. Данный вариант ком-
поновки сайта в большинстве случаев (при соблюдении ряда дополнительных ус-
ловий) позволяет добиться идентичности отображения html-документа в браузе-
рах Microsoft Internet Explorer и Netscape Navigator.
     Недостатки. При отображении документа на компьютере с высоким экран-
ным разрешением по краям экрана или с правой его стороны остается пустое поле.



                                       95