19.05.2012 02:42
» Меню сайта
» Категории раздела
HTML [6]
CSS [6]
uCoz [19]
SEO, продвижение сайта [80]
Заработок в сети [25]
Веб-дизайн [0]
Разное [4]
» Интересные записи
» Наш опрос
Оцените мой сайт
Всего ответов: 162
» Реклама
» Контент сайта
Главная » Статьи » HTML

Как сделать резиновый дизайн сайта
Категория: HTML | Добавил: Vov41k | Жалоба на материал

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

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

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

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

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

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

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

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

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

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

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

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



Источник: http://polezn.ru/
Понравилось? Поделись ссылкой с другом...

Просмотров: 706 | Рейтинг: 0.0/0
Теги: дизайн, сделать, как, резиновый, сайта
Всего комментариев: 0

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

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
» Реклама
» Кабинет
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Логин:
Пароль:
» Друзья сайта
   

Чтобы сюда попасть, пишите в ICQ 492-662-024
» Новости из мира
» Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0

© 2012 Polezn.ru
Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом.
Эти материалы предназначены исключительно только для ознакомления!
купить подержанное б/у авто. snake flexible camera