Верстка – написание кода веб-страниц по утвержденному макету дизайна. Сюда входит формирование html кода каждой веб-страницы и ее проектирование посредством каскадных таблиц стилей (CSS) – работа со шрифтами, цветом, полями, строками, структурой и другими элементами оформления. Если сделать это неправильно, дизайн может «разъехаться», и сайт будет выглядеть не лучшим образом. Как же, не разбираясь в коде, определить качество верстки?

Признаки качественной верстки

  • Гибкая ширина страницы. Создавая страницу сайта, профессиональный верстальщик учитывает, что у посетителей могут быть разные разрешения мониторов. Поэтому одна из задач программиста — решить, должен ли сайт иметь фиксированную ширину или быть эластичным. Фиксированная ширина сайта формируется на основе стандартного разрешения экрана: 1024х768 пикселей. Во избежание искажения дизайна разрешение подобного сайта составляет около 800-990 пикселей. Главный минус этого способа – непродуктивное применение незанятого пространства. В эластичном сайте ширина измеряется не в пикселях, а в процентах, поэтому он растягивается во всю ширину экрана. Также существуют гибридные варианты. Какой способ предпочтительнее – зависит от особенностей дизайна, но обычно это второй вариант.
  • Кроссбраузерность. Пользователи заходят на сайт через разные браузеры, каждый из которых имеет несколько версий. В этих многочисленных версиях страница сайта может выглядеть по-разному. Вы, наверное, и сами сталкивались с ситуацией, когда в одном браузере сайт выглядел нормально, а в другом – не отображались отдельные элементы или искажались пропорции. Чтобы таких ситуаций не возникало, наши специалисты верстают сайт с учетом кроссбраузерности.
  • Грамотный код. Аккуратно отформатированный код очень важен для последующей работы с сайтом. В неструктурированном коде будет сложно разобраться другим программистам. Код должен содержать комментарии и подразделяться на логические блоки. Важно, чтобы код не имел лишних элементов, которые могут увеличить вес сайта и затруднить работу с ним. Также он имеет большое значение при оптимизации: для поисковых систем важно качество верстки, поэтому громоздкий код может стать помехой для продвижения.

Таблицы или блоки?

Собираясь верстать сайт, программист решает, какую верстку нужно применить – табличную или блочную. Первая осуществляется посредством вложенных таблиц. Для второй используются многочисленные слои (блоки). Каждый из этих способов имеет свои плюсы и минусы и применяется в зависимости от индивидуальных особенностей сайта. Наши верстальщики подберут наиболее оптимальный способ верстки для вашего дизайна.

Динамический сайт на CMS

CMS (Content management system или Система управления контентом) – программная основа для разработки и редактирования сайта. Если говорить проще: это конструктор, который позволяет создать веб-ресурс и наполнять его статьями, фотографиями, видео и другими данными.

CMS, как и любой другой конструктор, может быть очень простой: детали большие, без каких-то сложных элементов, их относительно не много, запутаться просто нереально (как и нереально построить что-то действительно уникальное). А может быть и довольно изощренной: масса различных деталей, которые соединить во что-то одно не так легко. Важно отметить, что когда появляется определенный уровень сноровки, сотни и тысячи компонентов превращаются в мощные оригинальные решения.

Рейтинг CMS систем на 2016 год

В 2016 году (в 2017 году исследование пока не проводилось) «Рейтинг Рунета» объявил рейтинг (простите за тавтологию) самых популярных CMS. Рейтинг учитывал тИЦ и посещаемость ресурсов, созданных с помощью разных систем управления контентом. Среди open-source CMS победители были следующие:

 CMS:  ПРОЕКТЫ:  БАЛЛ:
 WORDPRESS  5 516 24.59
 JOOMLA  6 453  24.53
DRUPAL  3 359 23.86
 MODX  4 640  17.96

WordPress


WordPress (WP) – самая популярная CMS на сегодняшний день. В этом легко убедиться. Например, вы можете воспользоваться Google Trends:

Мы можем назвать сотни причин, почему пользователи во всем мире выбирают это решение. Остановимся лишь на нескольких самых основных:

  • Простота. Создание сайта на WordPress не требует практически никаких IT-навыков. Более того: многие хостинг-провайдеры позволяют установить WP в один клик. Публиковать новый контент на этой CMS не сложнее, чем печатать что-то в программе Word. О работе с WP написаны миллионы статей на разных языках, сняты детальные видео, опубликованы тысячи книг. На любой вопрос касательно WordPress можно найти ответ в считанные минуты.
  • Масса бесплатных возможностей. Настраиваемые темы для создания уникального дизайна, плагины для расширения функционала – за все это не нужно платить ни копейки и все это можно найти, не выходя из административной панели сайта.
  • Постоянное развитие. WordPress создали профессиональные разработчики. Они же (совместно с тысячами волонтеров-энтузиастов во всем мире) до сих принимают участие в постоянных улучшениях «движка». После каждого релиза CMS становится быстрее, удобнее, безопаснее. Когда вы выбираете WordPress в качестве платформы для своего сайта, вы точно знаете, что проект не свернется в ближайшие несколько лет, он только может стать лучше.

Некоторые недостатки WordPress

  • Сравнительно ограниченные возможности настроек. Это сделано специально. Разработчики не хотят запутывать пользователей. Новички это ценят. Зато более-менее продвинутые пользователи не всегда могут реализовать какую-то изощренную задумку.
  • Сайт на WP легко создать, но так же легко и испортить. Значительная часть видеоуроков и гайдов по WordPress записана людьми, которые очень далеки от веб-разработки. Например, они советуют как вносить правки в код, но не предупреждают (потому что не знают), что все правки исчезнут после обновления ядра CMS или темы. Будьте очень внимательны, когда пытаетесь что-то улучшить на сайте, просматривая сомнительные видео на YouTube.
  • «Движок» постоянно пытаются взломать. Можно провести аналогию с операционной системой Windows. Она самая удобная и популярная, поэтому всегда есть желающие найти ее уязвимости и воспользоваться ими для получения выгоды. Тем не менее, свой компьютер, как и свой сайт, можно без труда защитить, вовремя устанавливая все обновления и используя хорошее антивирусное программное обеспечение. Стоит отметить, что у самой CMS WordPress практически никогда не было серьезных дыр в безопасности (не считая нескольких неудачных релизов), главная угроза для пользователя – тысячи плагинов «движка». Именно через плагины в большинстве случаев злоумышленники взламывают сайты на WP.

Joomla


Joomla – вторая по популярности CMS в мире. Как и Вордпесс, она бесплатная, невероятно простая, доступная и надежная. По сути, она обладает всеми качествами WP. Главное отличие Джумлы от более успешного open source решения – с ней чуть сложнее справиться. Ее не так просто установить, настроить и наполнить контентом.

Не так просто, как WordPress, но тоже очень легко. Тоже можно обойтись без специальных знаний в области php (или Hypertext Preprocessor – язык программирования для создания веб-приложений) и HTML (HyperText Markup Language – язык разметки документов в интернете). Для создания простого сайта достаточно посмотреть несколько видеоуроков на YouTube.

  • Для этой платформы существуют удобные многофункциональные приложения для создания интернет-магазинов разной сложности: VirtueMart, Joomshopping, Tienda и т.п. Для WP тоже есть специальные решения для электронной коммерции (например, WooCommerce). Все же Джумла считается гораздо более подходящим выбором, если вы планируете открывать онлайн-магазин. Создать полнофункциональный интернет-магазин (а не одностраничник) на Joomla проще и быстрее, чем на Вордпрессе.
  • Сайт на Джумле можно оптимизировать без дополнительных плагинов. Без лишних телодвижений пользователь может прописать мета-теги и настроить URL (адреса страниц, которые отображаются в строке браузера).
  • В движке сразу доступно кеширование. Это ускоряет загрузку страниц, повышает позиции сайта.
  • Сайт на Джумле можно редактировать не заходя в административную панель. Доступно так называемое front-end редактирование контента.

Некоторые недостатки

  • Объективные недостатки у Joomla такие же, как и у WP – слишком много учебной информации, среди которой бесполезные и даже вредные советы и уроки; немного ограниченные возможности (хотя и не такие ограниченные, как у Вордпресса); большое количество желающих найти слабые места в коде и научиться взламывать сайты на этой CMS.
  • Если сравнивать Joomla с WordPress, можно отметить, что для этого «движка» существует гораздо меньше «довесов» (плагинов и тем).

Drupal


Drupal – это CMS совершенно другого уровня. Если Joomla и WordPress – простые, но ограниченные решение, то Друпал – платформа, которая позволяет воплотить практически любой ваш замысел, но которая требует определенных навыков. Интернет-магазины, соцсеты, крупные корпоративные сайты – все это и многое другое не первый год успешно создается на Drupal.

Кроме функционала, который дает возможность создать сайт любого уровня сложности для любой цели, у Друпал есть и другие преимущества:

  • Высокий уровень безопасности (без каких-либо сложных настроек и установки дополнительных модулей). Многие разработчики считают это решение самой защищенной CMS на php.
  • Удобная оптимизация (опять-таки не требующая дополнительных установок, SEO-настройки доступны в стандартной комплектации CMS).
  • Гибкие настройки прав пользователей. Можно выбирать какими именно возможностями обладает каждый пользователь (у многих других CMS этот набор возможностей стандартный).
  • Большое количество готовых мощных бесплатных решений. Для электронной коммерции, например, есть такие платформы, как Ubercart. Они превращают Drupal в удобный многофункциональных интернет-магазин и не требуют сложных настроек и знаний программирования.
  • Адаптация для мобильных устройств. Начиная с 8-й версии, все темы для Друпал прекрасно отображаются на всех популярных мобильных девайсах.
  • Десятки и сотни видов контента. Не только посты и страницы, как в WP. Без дополнительных правок кода можно создать такой тип контента, как например, опросы, статистические данные, видео и т.д.

Главные недостатки

Их только два – цена и уровень сложности. Неподготовленному пользователю нелегко создать проект на этой CMS. Если же он хочет нанять профессионального разработчика, придется платить больше, чем разработчику на WordPress или Joomla. Премиум-темы на Drupal стоят на порядок дороже, чем темы на WP.

Modx


Так же как Joomla похожа на WordPress, CMS MODX похожа на Drupal. Мы сейчас говорим не о коде, а о возможностях для обычного пользователя без диплома программиста.

MODX подойдет для разработки любого сайта: блога, форума, огромного портала, сервиса с онлайн-платежами и т.п.

В CMS встроено много фич, которые упрощают труд веб-разработчика (например, возможность сохранять сниппеты кода).

Для пользователя, который не знает php и HTML, отметим следующие преимущества:

  • Можно выбрать много типов контента. То есть это может быть даже не HTML-страница, а, например, pdf-файл. Причем можно сделать так, чтобы файл отобразился в браузере, загрузился на компьютер или же сайт указал на сторонний ресурс с файлом
  • Безопасность. Сайты на MODX более защищенные, чем ресурсы на большинстве других CMS
  • SEO без дополнительных модулей и настроек (как и у Drupal)
  • Создание сложных многофункциональных интернет-магазинов с помощью Foxy Cart
  • Поддержка мультиязычных сайтов

Если вы внимательно изучили первую часть статьи, вы можете догадаться о недостатках. Специалистов по MODX (как и по Drupal) меньше, чем девелоперов, работающих на более простых CMS, поэтому их услуги дороже. И найти их сложнее.


Выбор за вами!

Не смотря на то что специалист опытный в той или иной системе принимает решение делать на ней сайт. Но как говорится «клиент всегда прав».

Закажите грамотно свёрстанный сайт прямо сейчас!

Оставьте ответ

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

Наверх!