Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
[FAQ] Как сделать резиновый дизайн сайта
Дата: Пт, 29.04.2011, 16:41:03 | Сообщение # 1
Аватарка inFINity
OFF
Пользователь
669 Сообщения:
20 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Начну с определения резинового дизайна. Резиновый дизайн - это дизайн сайта для любого разрешения экрана. Большинство сайтов сделаны под разрешение экрана 800x600 или 1024x768. Возможно они выглядят красиво именно на таких разрешения монитора, но люди все активней приобретают новые мониторы с высоким разрешением и внешний вид сайта на их мониторе уже не будет выглядеть так, как вы его задумывали. Поэтому очень важно использовать резиновый дизайн. Хотя красивый сайт вовсе не обязательно должен иметь резиновый дизайн. Кстати, если вы веб-мастер и у вас есть ребенок, то не нужно читать ему про резиновый дизайн сайта, а лучше зайти на этот сайт и узнать что читать детям. (возможно не в тему, ну ладно)

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

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

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

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

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

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

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

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

Источник материала: про100укоз.

Дата: Пт, 29.04.2011, 17:35:33 | Сообщение # 2
Аватарка qhell
OFF
Banned Users
2932 Сообщения:
268 Награды:
0 Отзывы:
inFINity, хорошая статья, спасибо. Теперь буду знать cool
Дата: Сб, 30.04.2011, 00:31:48 | Сообщение # 3
Аватарка inFINity
OFF
Пользователь
669 Сообщения:
20 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Незачто joyful
Дата: Пн, 30.05.2011, 09:38:54 | Сообщение # 4
Аватар не установлен
OFF
Пользователь
73 Сообщения:
20 Награды:
0 Отзывы:
inFINity, спасибо. Зафиксировал себе шаблон)
Дата: Ср, 01.06.2011, 17:32:37 | Сообщение # 5
Аватар не установлен
OFF
Пользователь
103 Сообщения:
10 Награды:
0 Отзывы:
Спасибо за инфу))
Дата: Вс, 19.06.2011, 20:14:57 | Сообщение # 6
Аватарка danulajkeee
Phoenixxx Czar
OFF
Мошенник
192 Сообщения:
83 Награды:
Skype пользователя:
Сайт пользователя:
Спасибо Helper
Дата: Вс, 19.06.2011, 20:23:21 | Сообщение # 7
Аватарка andrew9876
OFF
Пользователь
414 Сообщения:
245 Награды:
1 Отзывы:
Skype пользователя:
Сайт пользователя:
Спс буду хоть знать что это такое и как делать
Дата: Сб, 25.06.2011, 22:09:04 | Сообщение # 8
Аватарка annushka
OFF
Пользователь
348 Сообщения:
34 Награды:
8 Отзывы:
Спасибо большое за статью

[cntr][img]http://image.kz/img/16/16a86ca5a0ce17dfa150b8e4df1d4db0.png[/img][/cntr]
[cntr][url=http://diz-cs.ru/forum/45-220054-1][color=red][b]ACCOUNTS ORIGIN! SALE![/b][/color][/url][/cntr]
Дата: Вс, 26.06.2011, 00:24:42 | Сообщение # 9
Аватар не установлен
OFF
Banned Users
34 Сообщения:
22 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Спасибо очень помог=)
  • Страница 1 из 1
  • 1
Поиск: