web дизайн >

Схема идеально сайта

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

*    *    *

Для большинства веб-мастеров создать сайт не составит особого труда. Да и так, казалось бы, что тут сложного – создать в Фотошопе дизайн и за ним сверстать кроссбраузерный сайт, заполнить его нужным контентом, и всё – дело в кармане.

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

схема идеального сайта в интернете

Модель сайта

Под фразой «модель сайта» принято понимать то, каким способом организовано хранения и взаимодействие разных кодов сайта. Существуют две модели сайтов:

  • Стандартная
  • MVC

Стандартная модель сайта вам должна быть знакома. Это обычный сайт в котором все файлы (стили, PHP-коды, скрипты) находятся в одном файле. Тоесть – это обычная PHP-страничка, в которой могут быть встроены CSS стили и другие скрипты. Тоесть, в стандартной модели в PHP-файле можно увидеть все виды скриптов.

MVC модель – это сравнительно новый принцип построения кода сайта. В модели MVC(Model View Controller) весь код сайта разделён на три части:

  • Модель (в основном это запрос к БД и модификация БД)
  • Вид (дизайн сайта – шаблоны страниц)
  • Контроллер (главная часть в MVC. Контроллер управляет взаимодействием между моделью и видом.)

Таким образом, модель MVC позволяет упорядочить код сайта. И это очень удобно, если проект довольно большой. Для примера – посмотрите на пример стандартной модели и модели MVC:

mvc и стандартная модель сайта

Схема дизайна

Под схемой сайта стоят два понятия:

  • организация кода сайта
  • взаимодействие кода с дизайном

С первым мы разобрались. Осталось только понять, как же сделать так, чтобы  максимально оптимизировать взаимодействие кода управления сайта (обычно это PHP) с дизайном сайта. Тоесть с самим шаблоном сайта.

Как говорится «идеалу нет пределов». Именно поэтому умные веб-мастера всегда придумывают всё новые и новые способы, как заставить сайт работать, а не им самим работать над сайтом.

Более за всех преуспел в этом плане Вордпресс. Хоть этот движок для блогов, но блог – это ведь тоже полноценный сайт. Да и  функциональность блога куда лучше, чем у сайта.  Давайте рассмотрим Вордпресс-схему сайта:

wordpress схема сайта

Если посмотреть – то создатели такой концепции припустили, что Шапка, Футер и Сайдбар статичные.  Так оно и есть в большинстве случаев.

И в зависимости от потребностей пользователя – только одна ил четырёх составных сайта является динамической. Это очень упрощает работу. Ведь WordPress это CMS-система, которая использует объектно-ориентированное программирование, а это  упрощает управление контентом сайта.

Теперь, чтобы изменить какую-то часть сайта – уже не нужно открывать огромный файл и разбираться, где и что в нём находится. Нет. Здесь всё гораздо проще и лучше. Многие убедились в этом, но мало кто понимает, почему у них не получаются такие легко управляемые сайты. А ведь всё дело в правильном подходе к организации кода сайта (MVC, а не стандартная) и правильном распределении сайта на блоки – а именно это и  сделал  Вордпресс.

Гостевой пост  от автора Блог о блогах. На этом блоге вы найдёте много полезных для вас постов и тем для обсуждения. Мне несколько уже пригляделись.

*    *    *

Статья занимательная. Спасибо, что решил разместить на моем блоге свой интересный пост и поделился с читателями своими мыслями об идеальном сайте.

Понравилась статья? Подпишись на RSS, чтобы не пропустить следующую


Читать ещё:

Комментирование закрыто.