Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика") - Сайтостроение: общий форум | MMGP
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 434,648 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение -  .
Вход через:  
Создание сайта: от А до Я. Менеджмент вашего Контента. Обсуждение Систем Управления Сайтом (CMS) Content Management Systems (например: DLE, Joomla, Drupal, Bitrix и др.), Движков Форумов (например: Vbulletin, IPB, phpBB). Сервисы и услуги по созданию сайта
При поддержке
Сеть доставки контента, выбранная космическими агентствами
Важная информация
Есть опыт работы с криптовалютами? Заведи Крипто-Блог и заработай на нём!
Торгуешь криптовалютой? Оставь свой отзыв о бирже!
Разбираешься в криптовалюте? Прими участие в акции Крипторайтер 2.0 (2-10 поинтов за 1000 символов)
Изменения в акции "Оплата за сообщения".
Как на одной публикации заработать $100
Результаты опроса: К какому варианту исполнения дизайна Вы более склонны?
"Резина" 0 0%
"Статика" 0 0%
В зависимости от случая 2 100.00%
Голосовавшие: 2. Вы ещё не голосовали в этом опросе

Ответить
 
Первый пост Опции темы
Сообщения прочитаны и/или просмотрены Сегодня, 10:42
Старый 21.10.2011, 16:05
#1
Профессионал
 
Имя: Дмитрий
Пол: Мужской
Возраст: 27
Адрес: Украина
Инвестирую в: Свой бизнес
Регистрация: 26.09.2009
Сообщений: 1,057
Благодарностей: 833
УГ: 1
КП: 0.926
награды Старый писака 
Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

Сравнение фиксированной и «резиновой» верстки

Добрый день всем!

Дизайн – очень важный элемент для любого «уважающего» себя сайта. Ведь, как говорится – «встречают по одежке…». А он - и есть облик любого Интернет-проекта. В зависимости от типов проектов (блоги, сайты-визитки, Интернет-магазины), могут и разниться типы дизайнов для них.




Когда, в процессе создания Интернет-проекта становится вопрос о его «облике», то их создатели идут двумя путями:

• Воруют чей-то готовый дизайн. Это могут быть как готовые шаблоны для различных CMS (типа Битрикс, Joomla или Wordpress), или прямое воровство уникального html-макета с другого сайта с последующей его «натяжкой». В любом случае, брать чужое нехорошо. Но здесь все зависит от уровня и серьезности проекта. Если это личный блог, и взят паблик шаблон – то ничего страшного не произойдет. Ну а если дизайн уникальный и проект серьезный – то это, по меньшей мере, некрасиво.

• Заказывают уникальный дизайн у других. Этими вещами занимаются, как фрилансеры, так и конторы по веб-дизайну и созданию сайтов. Обратившись к ним, Вы получите уникальный дизайн (если фирма добросовестная), но за это придется заплатить, возможно, немалую сумму. Но если проект большой и серьезный, то вложения должны оправдаться.

Но в процессе выбора и создания дизайна сталкивается с проблемой выбора его типа: фиксированного или так называемого «резинового» дизайнов. И вот в сегодняшней статье я бы хотел сравнить фиксированную и резиновую верстку: выделить «сильные» и слабые стороны» обеих подходов.




Фиксированный дизайн

Этот типа дизайны появился первым, когда расширение мониторов было мало, а видов этих расширений было еще меньше. С точки зрения дизайна, это означает следующее: сайт, верстка которого «фиксированная» будет выглядеть одинаково для любого типа монитора (его разрешения всмысле): хоть с шириной в 500 пикселей, хоть в 5000

Плюсы фиксированной верски:

• Простота создания. Так как он появился первым, то и создавать фиксированные макеты проще, чем «резиновые» во всех отношениях. Выбирая его, Вы можете сократить время, и средства, затраченные на создание дизайна.

• Легко осуществлять вывод элементов страницы.
В дизайне любого сайта, кроме, собственно говоря, текста, есть и другие вещи, его дополняющие: различные фото или видеоматериалы, баннеры, блоки контекстной рекламы. Так вот, используя фиксированную верстку, Вы убережете от таких вещей, как налаживание одних элементов на другие при малых расширениях мониторов.

Минусы:

• Неудобство для мобильных устройств. Дело в том, что для пользователей, зашедших на Ваш сайт с мобильных устройств, будет появляться такая нежелательная вещь, как горизонтальная полоса прокрутки. Что, согласитесь, очень неудобно. Но в этом случае, у Вас есть 2 варианта: либо отказаться от мобильного сегмента пользователей, либо специально для них, создать мобильную версию своего проекта, что тоже очень и очень распространенно.

• На мониторах с большим разрешением «узкий» сайт будет смотреться достаточно бедно и скудно. Если разрешение экрана достаточно велико, то пользователь будет видеть узкий сайт посредине. Такое может понравиться далеко не каждому. Радует, что таких экранов еще не столь много.

Это что касается плюсов и минусов фиксированного дизайна. Перейдем к резиновому

«Резиновый» дизайн


Этот тип верстки в некотором смысле противоположный фиксированному. Тоесть в идеале он должен смотреться при любом разрешении одинаково. Но это «в идеале». На практике эти вещи получается реализовать далеко не всегда…

Резиновая верстка применяется для проектов, цель которых – показать как можно более информации. Это порталы, сообщества, Интернет-магазины и т.д.

Плюсы такого подхода к реализации дизайна:

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

• Чем больше монитор, тем больше пользователь может видеть информации. Тоесть, если размеры экрана достаточно большие, то контенту требуется меньше места для того, чтобы отобразиться максимально удобным для пользователя образом.

Минусы «резинового дизайна»

• Сложность при создании и верстке. Дело в том, что, несмотря на все плюсы такого подхода, у резиновой верстки есть такое понятие, как «минимальное разрешение». И это применимо ко всем элементам дизайна. И если у создателя «кривые руки», то дизайн при разных разрешениях монитора будет «сьежаться», или «разьежаться» по-разному, что, согласитесь, не очень удобно для конечного пользователя. Тоесть «просчитать» эти моменты иногда не совсем просто.

• При маленьких разрешениях монитора дизайн будет «разваливаться». Как я уже сказал в предыдущем пункте, существует такое понятие, как «минимально разрешение». А это значит следующее: если размер монитора, просматриваемого сайт будет меньше минимального, то дизайн просто «расползется». Тоесть баннеры и картинки будут залазить друг на друга, текст станет сжиматься – короче говоря это будет не сайт а черт знает что! И хорошо, если создатель установил минимальную ширину меньше, чем 800 на 600 А если больше: 1024 на 768 например

• На широкоформатных мониторах тест может быть выстроен в сплошные строчки. Короче говоря, при больших разрешениях экрана, тест попросту теряет свое форматирование (а именно абзацы). И если размер монитора большой, а абзаца невелик, то это грозит превращением его в одну строчку. Что, согласитесь, для пользователя Вашего сайта, не совсем удобно.




Итог

Какой дизайн выбирать: статичный, или «резиновый» выбирать Вам. Но я бы советовал выбирать тот, или иной тип в зависимости от практической надобности, а не своего желания (тем более, если Вы – ноль в верстке, и собираетесь заказывать эти вещи). А именно: для больших проектов, «резиновость» дизайна которых будет лишь улучшать функционал – стоит попробовать. Если же проект простенький, то есть ли смысл тратить время, силы и деньги, а?!

------------------------
Автор: Dimoni4e
Авторские права на статью принадлежат mmgp.ru
Dimoni4e вне форума  
Старый 21.10.2011, 20:55
#2
Интересующийся
 
Пол: Мужской
Адрес: Ижевск
Инвестирую в: Свой ресурс в интернете
Регистрация: 27.03.2010
Сообщений: 18
Благодарностей: 0
УГ: 0
КП: 0.000
Re: Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

Свой первый сайт я решил делать в резиновой верстке самостоятельно. Да, я согласен с тем, что это довольно трудноемкий процесс. Постоянно возникают трудности с размещением объектов, кроссбраузерностью, решение которых приходит не сразу. Но зато результат оправдывает все мучения. Проверял свой сайт на разрешениях от 800 : 600 до 1280 : 1024, все в норме. Дальше 1280 px он не растягивается т.к. стоит CSS ограничение max-width.

Так что я за резиновый сайт, но как упомянул Dimoni4e, если этого требует особенность создаваемого проекта.

Есть желание попробовать и в фиксированной верстке.
Rainer85 вне форума  
Старый 22.11.2012, 13:38
#3
Профессионал
 
Имя: Дмитрий
Пол: Мужской
Возраст: 27
Адрес: Украина
Инвестирую в: Свой бизнес
Регистрация: 26.09.2009
Сообщений: 1,057
Благодарностей: 833
УГ: 1
КП: 0.926
награды Старый писака 
Автор темы Re: Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

Цитата:
Сообщение от Rainer85 Посмотреть сообщение
Есть желание попробовать и в фиксированной верстке.
Хотя это уже и отходящая вещь...
Dimoni4e вне форума  
Старый 22.11.2012, 18:04
#4
Мастер
 
Пол: Мужской
Возраст: 37
Инвестирую в: Форекс
Регистрация: 13.02.2010
Сообщений: 2,212
Благодарностей: 703
УГ: 0
КП: 0.242
подарки
Re: Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

Солидные сайты почти все с резиновой версткой. В-принципе на хороших сайтах стоит ее делать.
SamurayXXX вне форума  
Старый 04.01.2013, 12:18
#5
Интересующийся
 
Регистрация: 19.12.2012
Сообщений: 52
Благодарностей: 0
УГ: 0
КП: 0.000
Re: Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

Однозначно писать в процентах!!! Нынче в сеть все выходят кто откуда. Причем, лучше сразу не только под разные разрешения мониторов писать, но и учитывать все ту же оперу-мини))
Varanicnka вне форума  
Старый 09.01.2013, 00:29
#6
Специалист
 
Имя: Алиса
Пол: Женский
Инвестирую в: HYIP
Регистрация: 07.11.2012
Сообщений: 642
Благодарностей: 485
УГ: 0
КП: 0.000
Re: Сравнение фиксированной и «резиновой» верстки ("Резина" VS "Статика")

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

Умным достаточно намекнуть, с прочими не спорю.
Yasnoy вне форума  
Ответить
Войдите, чтобы оставить комментарий.
Сообщения прочитаны и/или просмотрены Сегодня, 10:42
Опции темы

Быстрый переход
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Базы для продвижения - "Казахстан", "Украина", "Беларусь", "Израиль" и др. Anny_i Ссылки 4 03.12.2017 09:43
"Сателлиты" \ "СДЛ" \ "Под Ключ" \ "Цена = Качество" bosssape Разработка сайтов 16 03.12.2017 09:34
БА Центр развития Фонд "Эффективное управление"("КПБА") (непубличный) - wmtfond.net Paul_SB Архив: Интернет-биржи 21 20.05.2012 06:22
Новый способ рекламы Вконтакте - "Расказать друзьям" + Накрутка "❤" Kaan Социальные сети 2 23.07.2011 01:44


Случайные темы
Аватара нет
ПАММ-счет TrustMen Sistems:184682 (A-Markets)
От Trustmen в разделе «Архив: Инвестирование в ПАММ-счета»
Аватар veranika55
Сбербанк сократил 1.3 тысячи отделений
От veranika55 в разделе «Новости в мире финансов и инвестиций»
Аватар Alex356
В Австралии тестируют дебетовую bitcoin-карту
От Alex356 в разделе «Новости криптовалют»
Аватар Ruslan74
ezaem.ru - кредит на киви
От Ruslan74 в разделе «Список интернет мошенников»
Аватар Alex235
Price Action
От Alex235 в разделе «Торговые стратегии»
Аватар ResMonited
Unicornstones - Unicornstones.com
От ResMonited в разделе «Архив: Список проблемных/неактивных/закрытых программ»
.     
Пользователей
434,648
Тем
504,317
Сообщений
12,661,783

mmgp.telegram