.

Разделение страницы на управляемые области

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

Например, на Web-сайте Williams-Sonoma (рис. 7.12) содержится значительный объем информации, однако макет в виде грех колонок позволяет легко разобраться с представленными данными. Обратите внимание на то, как работает стратегия “крупный, средний, мелкий” для графических изображений. Сначала обращает на себя внимание крупная иллюстрация наверху страницы, которая занимает по размеру две колонки. Меньшая иллюстрация справа представляет “среднюю” область. Остальные элементы содержимого являются “мелкими” по отношению к графическому приоритету.

Дизайн в области линии перегиба страницы

Если вы являетесь верстальщиком, то термин линия перегиба, вероятно, вам знаком Этот термин определяет участок страницы, где брошюра или другое печатное издание складывается пополам. Все, что оказывается над линией перегиба, видно сразу, а все, что ниже нее, скрыто до тех пор, пока читатель не перевернет печатное издание или сделает нечто подобное. В Интернете эта изначально просматриваемая область ничтожно мала из-за размеров экрана. Линиеи перегиба называется то место, где заканчивается Web-страница, и пользователь должен выполнить прокрутку, чтобы просмотреть остальную часть страницы.

Отличительной особенностью Web от печатных изданий является тот факт, что здесь местоположение линии перегиба разное для каждого компьютера. У одних пользователей мониторы с большой диагональю экрана, у других с маленькой, к тому же некоторые меняют размер шрифта, установленный по умолчанию, на более крупный или мелкий. Это значит, что вы должны разработать дизайн для самого мелкого из возможных размеров или отдавать себе отчет в том, что ваш сайт будут просматривать только пользователи с большой диагональю экрана. Худший вариант — это видимая область 800x600 пикселей минус 20 пикселей сверху и снизу с учетом монитора портативного компьютера и интерфейса Web- браузера. Это значит, что вам придется разместить наиболее важную информацию на площади всего 780x560 пикселей. В противном случае пользователи чего-то не увидят (рис. 7.13).



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×