Масштабируемость сайта

В чем заключается масштабируемость блогаЗдесь мы столкнемся с такой темой, как масштабируемость сайта или блога. Суть здесь заключается в том, что если вы разрабатываете свой уникальный веб-дизайн, то в дальнейшем он должен одинаково смотреться как на маленьких, так и на больших мониторах с разным разрешением экранов. Не должно быть такого, что блог или сайт при разрешении 1024 на 768 смотрится отлично, а при разрешении 1920 на 1080 все съезжает. Такого быть не должно! 

Масштабируемость сайта или блогаВообще, сайты и блоги делятся на два вида:

  • статический сайт (с фиксированной темой) — это сайт, на который установлена тема с фиксированной шириной. Достаточно 1000 px, чтобы сайт отображался по центру. Если мы растягиваем окно браузера, то блог не будет лепиться к определенному краю. Статьи не будут растягиваться на всю ширину, а будут выравниваться по центру. Сколько бы вы не масштабировали сайт, он всегда будет стоять по центру. У статического сайта стоит фиксированная тема. В ней ширина блоков всегда указывается в px.
  • динамический сайт (резиновый) (адаптивная тема) — это сайт, на который установлена адаптивная тема. В итоге контент такого сайта растягивается на всю ширину экрана. Если вы, например окно своего браузера, уменьшаете, то контент сужается. Если вы увеличиваете окно, то контент расширяется на всю ширину монитора. Насколько бы вы не увеличивали окно, то все равно сайт будет растягиваться на всю ширину монитора. В теме динамического сайта ширина блоков всегда указывается в %.

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

Также можно сделать однотипный фон. Это могут быть определенные линии в каком-то направлении, какой-то шероховатый фон или фоновое изображение с одинаковыми узорами. Если же вы будете делать резиновый веб-дизайн сайта с адаптивной темой, то делайте просто заливку фона подходящим цветом. Эта была тема масштабируемость сайта, которая тоже должна уделяться вебмастерами в создании сайтов и блогов.

Zavitushka-dlya-sayta

 
rss-1Следить за новыми статьями на этом блоге!

 Нажимая на кнопку, вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.

Комментарии 3

  • Да, заметила, что «резиновые» темы на маленьком мониторе смотрятся ужасно. Но вот Вас по моему тоже «резиновый»

    • Почему вы так думаете? Ведь когда мы сужаем окно браузера, на резиновых сайтах блоки меню и контента тоже сужаются. Вообщем на маленьком экранчике сайт будет показываться весь без ползунка, но уже с некрасивыми узкими блоками. По мере увеличения, эти блоки будут расширяться и будут тоже плохо смотреться, так как будут очень широкими. В моем случае, если уменьшите окно браузера, то сайт весь не будет просматриваться. Будет сначала виден блок меню и половина контента, то есть при сужении или растяжении окна, все блоки на моем блоге сохраняют свои размеры. Снизу также появится ползунок для просмотра сайта полностью. Я наверное не очень подробно истолковал в своей статье и поэтому вы не правильно поняли или вы используете браузер интернет эксплорер (в нем некоторые сайты могут отображаться не совсем корректно). Рекомендую использовать google chrome или opera.

  • Мне нравится гибкая ширина (резиновый макет). Такой шаблон WordPress сжимается и растягивается на ширину окна браузера, поэтому удобно смотрится как на узких, так и на широких мониторах. Я для своего сайта выбирала именно такой шаблон, чтобы сайдбар всегда был в поле зрения, так как часто содержит важную коммерческую информацию. Увеличенный или уменьшенный с помощью комбинаций клавиш CTRL+ПЛЮС или CTRL+МИНУС макет сайта всегда остаётся в пределах видимости.

А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку «Отправить», вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.