Создание «резинового сайта»

 В те времена, когда только появлялись первые из сайтов, большая часть пользовательских мониторов имела разрешение 800х600 пикселей. И все было легко. Делались страницы, имеющие фиксированную ширину в 800 пикселей. Некоторые американские сайты тех давних времен продолжают работать и сейчас.

Но когда появились мониторы, имеющие разрешение 1024х768, появилась идея использования всего рабочего пространства, однако что делать в этом случае владельцам старых мониторов? Так и возникли страницы, ширина которых регулировалась зависимостью от экранного разрешения. По-простому они называются «резиновые».

Преимущества «резиновых» состоят в том, что ими используется вся рабочая часть экрана, а это в особенности полезно, если на сайте присутствуют большие объемы информации, разные большие длинные таблицы и т.д.

Недостатки же этой технологии в том, что появляется разнесение элементов дизайна во все стороны и на приличное расстояние, а это существенно сказывается на графическом исполнении. Главным образом, это затрагивает текстовую часть, если это сайт визитка. Если монитор имеет высокое разрешение, то удлинение текстовых строк приводит к тому, что чтение такого текста становится затруднительным.

Например, хорошая верстка в полиграфии такая, когда строка содержит всего 8 или 9 слов. Попробуем представить, какое количество слов будет иметь сайт визитка и текстовая строка, набранная при помощи  кегля 12 пт, отображенная на экранном разрешении 2048х1024 пикселей. Около 30 слов. Это означает, что удобство читаемости у этого текста троекратно худшее, чем текст книг. И естественно, что меньшее число людей станут этот текст читать. А если страничка содержит небольшое количество текста, то он составит, например, пять строк, что приведет к образованию пустоты ниже.

Что такое веб-дизайн

Задачей этого направления является совмещение красоты при графическом исполнении и удобства при использовании функциональных возможностей сайта. Характерная особенность при создании веб-страниц заключается в наличии высоких объемов информации, нуждающихся в правильной организации для обеспечения удобного доступа. В этом веб-дизайн сходен с дизайном интерфейсов. Именно здесь значительную роль играет то, насколько удобен сайт в использовании.

Некоторые особенности веб-дизайна:

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

2. Графическая часть проектируется не только по соображениям красоты, а еще и с учетом объема картинок, что будут размещены. Это создает прямую зависимость к скорости отображения браузером. Пусть сайт визитка графически великолепен, но если это приводит к долгой загрузке, не все могут дождаться ее завершения. В этом случае, в противоположность полиграфии, не допускается создание каких-то разнородных фонов размещением цельной картинки с определенным размером, заполняющим все пространство. Необходима своеобразная мозаика из нескольких частей картинки.

3. Используется небольшое число шрифтов. Это требуется для корректного отображения во всех браузерах и на всех системах. Потому при конструировании дизайна используется только стандартный шрифт. Конечно, есть способы дополнительного внедрения шрифтов, но это весьма трудоемкое занятие, которое далеко не всегда себя оправдает.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *