26
Рис. 1.7 Методы разработки сайта
Чтобы создать сайт с помощью программного кода потребуется знание:
- HTML 5 — язык гипертекстовой разметки;
- CSS 3 — каскадные таблицы стилей.
HTML 5 — каркас сайта, а CSS 3 позволяет настроить внешний вид
сайта.
При разработке динамического сайта также потребуется знание PHP 7, а
также JavaScript 2.0. Благодаря последнему можно сделать сайт более
интересным.
Данный метод рекомендуется использовать в минимальных объемах, а
лучше от него отказаться.
Визуальный редактор не потребует особых знаний. Для разработки
сайта потребуется наличие визуального редактора, например Adobe
Dreamweaver CC 2018.
На рисунке 1.8 представлены основные визуальные редакторы.
Рис. 1.8 Визуальные редакторы
27
С помощью редактора настраивается внешний вид сайта. Об исходном
коде задумываться не приходится.
Этот метод подходит только для новичков, так как исходный код таких
сайтов содержит много лишних тегов. Можно создать статический сайт с
небольшим количеством страниц.
Существуют бесплатные и платные CMS (система управления сайтом)
(рисунок 1.9).
Рис. 1.9 Системы управления сайтом
CMS — Content Management System (система управления сайтом),
движок для сайта. Эти же системы называют «движками» для сайтов. Любая
CMS-система позволяет управлять всем содержимым сайта с помощью
наглядного интерфейса.
Выбор такой системы зависит от цели создания конкретного сайта.
Каждая такая система имеет свои особенности, достоинства и недостатки.
Кратко рассмотрим CMS-системы [20].
WordPress (рисунок 1.10) — простая, понятная и функциональная
система. Для работы с ней не требуются специальные технические знания.
28
Рис. 1.10 WordPress
Платформа предназначена для блогов, новостных сайтов и других
порталов, где необходимо добавлять информацию.
Данная система подойдет начинающим пользователям, которые имеют
блог на сайте WordPress. Проста в освоении. К недостаткам системы можно
отнести отсутствие интеграции с 1С, поддержки российских платежных систем
и служб доставки. Может возникнуть конфликт плагина с шаблоном после его
установки.
Joomla (рисунок 1.11) — конструктор для разработки сайтов различного
назначения [22].
Для создания сайта не требуются специальные знания, так как в данной
системе есть готовые шаблоны.
Достоинствами Joomla являются:
- простота использования;
- надежность;
- доступность.
Недостатки:
- невысокий уровень защиты системы от взлома;
- излишний код в шаблонах.
29
Рис. 1.11 Joomla
Drupal (рисунок 1.12) — система ориентированная на сложные сайты и
профессиональных программистов. Данная система требует соответствующей
подготовки и большого опыта.
Рис. 1.12 Drupal
Движок рассчитан для крупных онлайн-магазинов и сообществ. В иных
случаях применение данного движка будет слишком затратным.
30
1С-Битрикс (рисунок 1.13) — конструктор для создания крупных
проектов, включающий различные инструменты для расширения функционала
сайтов.
Рис. 1.13 1С-Битрикс
Достоинствами системы являются:
- высокий уровень защиты.
Недостатки:
- требовательность к ресурсам;
- сложность в освоении.
NetCat (рисунок 1.14). Данная система позволяет разработать портал в
мобильной версии. Осуществляется поддержка адаптивного дизайна. Движок
имеет хороший функционал для поискового продвижения и интеграцию сайта с
необходимыми сервисами. Интерфейс системы интуитивно понятен для
пользователя.
31
Рис. 1.14 NetCat
Система работает с 1С и электронными платежными системами. При
работе с системой не возникает необходимости в применении сложных
технологических решений. Интерфейс делится на два вида: для пользователей и
разработчиков.
HostCMS (рисунок 1.15) — лучший движок для SEO. Неприхотлив к
хостингам и серверам. Доступны для пользователя создание коротких адресов
страниц, указания метатегов и т.д. Система работает с веб-ресурсами с высокой
посещаемостью. Поддерживается работа с 1С.
При выборе данного способа разработки сайта необходимо иметь в виду
тот факт, что без определенных навыков и опыта, а также знания структуры и
особенностей выбранной CMS, будет сложно что-либо сделать. Этот метод
больше подходит для веб-мастера. Нередко за дополнения для системы
необходимы финансовые затраты.
32
Рис. 1.15 HostCMS
Для разработки простых сайтов не требуется вся функциональность
CMS. Простые сайты, сделанные с помощью CMS, могут работать медленно,
занимать больше места на хостинге и больше быть подверженным сбоям.
В любой CMS-системе периодически появляются проблемы с
безопасностью, поэтому сайт могут взломать третьи лица. Это происходит,
потому что код CMS имеет общедоступность и сайты, сделанные с помощью
этой системы, находятся под угрозой из-за уязвимости.
Чтобы повысить конверсию сайта, весь контент должен быть
уникальным и регулярно обновляться полезной информацией, статьями.
Если нет возможности воспользоваться услугами специалиста или в
самой компании нет сотрудника, разбирающегося в открытом исходном коде,
то следует выбрать создание сайта с помощью конструктора. В интернете
существует много конструкторов для разработки сайтов.
Конструктор сайтов — специальный сервис, который позволяет
создавать сайты без знания языков программирования [19].
Этот инструмент можно сравнить с детским конструктором. Ребенок из
разных кубиков — блоков — может построить башню, домик, автомобиль.
33
Конструкторы сайтов работают по такой же схеме: есть
предопределенные блоки, у которых можно изменить свойства и внешний вид.
Блоки возможно комбинировать и строить из них портал.
Сайт будет создаваться по заранее предопределенным шаблонам.
Страницы наполняются контентом, но большая часть творческого процесса
берет на себя конструктор.
Сайт сделанный при помощи конструктора отличается от того же сайта
сделанного на CMS тем, что последнее является выбором программистов,
желающих получить качественную и достойную работу, отличающуюся
уникальным дизайном, удобными модулями и оригинальным содержанием.
Конструктор подойдет людям, которые абсолютно не знакомы с веб-
технологиями для создания простых лендингов или визиток.
Для разработки серьезного портала, крупного проекта блочный
конструктор не подойдет. Он не сможет реализовать весь функционал, который
должен быть на ресурсе такого уровня.
Главными достоинствами использования конструктора является:
- никакого администрирования. Нет FTP-клиентов, HTML-кодов и CSS-
стилей;
- не требуется опыта работы в веб-среде. Все интуитивно понятно;
- дизайн и текст — отдельные модули. Дизайн сайта меняется в один
клик и является только хорошо проработанной подложкой вашего контента;
- удобный визуальный режим редактирования. Drag-n-drop интерфейс
позволяет переносить изображения и текстовые блоки в заранее заготовленные
места;
- мгновенное внесение изменений;
- отсутствие вопроса безопасности. Взломать сайт на конструкторе
нельзя никак, кроме подбора пароля к учетной записи панели управления. У
сайта нет уязвимостей и можно не беспокоиться о хакерских атаках;
- иногда конструкторы имеют функцию платного переноса сайта на ваш
хостинг.
34
Если не требуется сложный по структуре сайт — например, достаточно
одного посадочного лендинга или простого информационного портала, то
можно самостоятельно создать сайт в конструкторе.
Если же целью является крупный проект, то конструктор не подойдет.
Или если нет знаний в сфере веб-технологий, то придется искать студию-
разработчика.
В таблице 1.3 приведены самые популярные конструкторы на 2018 год,
для каких сайтов подходят, достоинства, недостатки, цены, характеристики
[17].
Таблица 1.3
Популярные конструкторы сайтов 2018 года
№
п/п
Конструктор
Типы сайтов
На кого
ориентирован
1
Ukit
Визитка, лендинг, небольшой
интернет-магазин
Новички
2
Nethouse
Визитка, лендинг, интернет-магазин
Новички
3
LPmotor
Лендинг
Новички,
продвинутые
пользователи
4
Ucoz
Визитка, информационный портал,
интернет-магазин, блог, форум
Продвинутые
пользователи
5
Wix
Визитка, лендинг, интернет-магазин,
блог, форум
Новички
6
LPGenerator
Лендинг
Профессионалы
Рассмотрим краткие описания, преимущества и недостатки
конструкторов.
Ukit (рисунок 1.16), в большей степени, ориентирован на создание
портфолио, сайт визитку или лендинг. Также данный конструктор располагает
всем необходимым инструментарием для разработки небольшого интернет-
магазина.
35
Рис. 1.16 Ukit
Сервис не требует никаких специальных навыков и знаний, очень легок
в освоении. Интерфейс, можно освоить минут за 10, а вся работа займет около
2—3 часов.
Достоинства Ukit:
- более 300 современных, адаптивных шаблонов;
- можно заказать свой уникальный дизайн;
- хороший функционал: SEO оптимизация, подключение
«Яндекс.Метрики» и Google Analytics, SSL-сертификаты, почта, домен второго
уровня;
- интеграция с AmoCRM;
- интеграция с социальными сетями.
Недостатки:
- шаблоны довольно однообразны. Придется приложить усилия, чтобы
найти что-нибудь оригинальное;
- иногда при работе конструктор подвисает и перезагружается. Но
разработчики постоянно работают над исправлением ошибок.
Nethouse (рисунок 1.18) ориентирован на создание интернет-магазинов
здесь можно сделать визитку, а также лэндинг.