ВУЗ:
Составители:
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
Страницы
- « первая
- ‹ предыдущая
- …
- 94
- 95
- 96
- 97
- 98
- …
- следующая ›
- последняя »