Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.133.152.189
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Как сделать резиновый дизайн сайта
Сообщение оставлено 22.05.2011 в 11:00:03 | Сообщение #1
Как сделать резиновый дизайн сайта?

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

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

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

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

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

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

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

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

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

 
Я не флудер , просто мне есть что сказать :)
Дополнительные забавные смайлики
 
   
Сообщение оставлено 22.05.2011 в 17:34:26 | Сообщение #2
Круто спс не знал.
 
Жалобы 0
Быстрая жалоба 1
 
   
Сообщение оставлено 22.05.2011 в 18:18:33 | Сообщение #3
интересная статья
 
 
   
Сообщение оставлено 24.05.2011 в 14:09:58 | Сообщение #4
полезно
 
 
   
Сообщение оставлено 24.05.2011 в 15:45:53 | Сообщение #5
спасибо
 
Мой сайт - http://csbot.ru/ Это решебники,всё для css,всё для соц.сети Вконтакте, всё для uCoz, цифровые наркотики и многое другое тут ===>http://csbot.ru/
 
   
Сообщение оставлено 24.05.2011 в 17:20:54 | Сообщение #6
большое спасибо
 
 
   
Сообщение оставлено 24.05.2011 в 21:12:49 | Сообщение #7
Quote (Stеn)
Вы сами можете ознакомиться со статистикой по этой ссылке.

ммм и где ссылка ? dry
 
 
   
Сообщение оставлено 24.05.2011 в 22:52:50 | Сообщение #8
Фикс мне больше к душе
 
 
   
Сообщение оставлено 24.05.2011 в 23:00:09 | Сообщение #9
спасибо, помог
 
 
   
Сообщение оставлено 24.05.2011 в 23:23:07 | Сообщение #10
Mandala,
как то флудить, набивать посты не в тему <_<
 
 
   
Сообщение оставлено 25.05.2011 в 13:46:17 | Сообщение #11
Спасибо за статью
 
 
   
Сообщение оставлено 31.05.2011 в 16:44:03 | Сообщение #12
спасибо я даже не знал
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика