Как сделать резиновый дизайн?

Начнем с определения резинового дизайна.


Резиновый дизайн – дизайн для сайта, который автоматически подстраивается под все разрешения экранов. Большинство дизайнов на сайтах сделаны под разрешения экрана 800x600 или 1024x768 px. Да, они красиво выглядят именно на таких экранах, но время идет, и люди покупают всё новые мониторы с более высоким разрешением и сайты на их экранах уже не выглядят так, как когда-то задумывали вы. Поэтому сейчас очень желательно и важно использовать резиновый дизайн. Хотя красивый дизайн вовсе не обязательно должен быть резиновым.


Так как же сделать резиновый дизайн для сайта?


Определите самое низкое разрешение экрана


Итак, начнем. Прежде чем начать делать резиновый сайт, нужно определить минимальное разрешение экрана ваших посетителей. Сейчас по статистике большинство (40%) юзеров используют разрешение экрана 1280x1024. На втором месте разрешение 1024x768, я думаю, на него и надо ровняться. Кстати, вы сами можете ознакомиться со статистикой по этой ссылке. Или найдя б у резину для своего авто.

Разработайте дизайн сайта для минимального разрешения экрана


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


В таблице для ячеек используйте в качестве единиц измерения пиксели, кроме ячеек с информацией сайта.


Задайте фиксированные размеры для всех ячеек, кроме ячейки содержимого сайта. Поставьте 100% ширину для этой ячейки или не задавайте ее вообще.


Проверьте сайт.


После создания сайта проверьте его во всех разрешения экрана (ну или в Opera Ctrl + Колесико мыши).


Оставить комментарий
avatar
Генератор мета-тегов | SEO блог. | Продвижение сайта в Москве. |Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.
Генератор мета-тегов | Поддержка сайта | Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.