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

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

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

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

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

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

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

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

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

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

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

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