на чем можно написать сайт

На чем делать сайт

Или как выбрать CMS

У многих начинающих маркетологов или владельцев бизнеса рано или поздно встанет потребность создания сайта, и тогда-то и всплывет логично вопрос: на чем его делать?

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

Отдельно поговорим о контентных, корпоративных сайтах и интернет-магазинах.

Содержание

Инфографика

Самописный сайт

Вообще, самописных корпоративных сайтов и интернет-магазинов становится все меньше и меньше. Старые сайты обновляются и переписываются на CMS, а новых подобных сайтов делается все меньше.

Это связанно в первую очередь с ценой разработки и возможностями других способов. Как оно было еще десять лет назад: нужен сайт с уникальным дизайном или не типичным функционалом — делай самопис. Дизайн на CMS умели натягивать не только лишь все, а про реализацию функционала выходящего за рамки конструкторов и говорить не приходится. Вот и писали всё с нуля.

Пример самописного сайта

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

Структура самописного сайта

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

Также сапомисные сайты используют на очень больших проектах, где есть вероятность, что CMS не справятся с нагрузкой. На самом деле утверждение довольно спорное, ведь New York Times пользуются же WordPress, при посещалке в 600 миллионов пользователей в месяц, и ничего, работает исправно.

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

Как правильно, начиная разрабатывать сайт с нуля, разработчики пользуются различными фреймворками, а зависимости от того, на чем они пишут.

Самые популярные языки разработки сайтов:

Кстати, вопреки распространенному времени HTML и CSS не являются языками программирования. HTML — это гипертекстовая разметка, а CSS — каскадная таблица стилей.

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

Самые распространенные фреймворки:

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

Плюсы и минусы самописных сайтов

Теперь давайте поговорим о конкретных плюсах и минусах самописных сайтов.

К плюсам можно отнести:

Вот собственно и все плюсы. Теперь о недостатках:

Это были основные недостатки. Дальше поговорим о разработке сайтов на CMS.

Сайт на CMS

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

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

Раньше CMS все не любили за сложность кастомизации и низкий уровень надежности, но сейчас этих проблем больше нет. Как только обнаруживается какая-то уязвимость, сразу же выкатывается обнова и проблема перестает быть актуальной.

Конструкторы сайтов

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

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

Конечно, часто в топе сайты сделанные на WIX или Flexbe не встретишь, ибо их все еще сложно продвигать, но вот в контекстной рекламе — сплошь и рядом.

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

Лендинг на конструкторе

Вариант отличный для небольших лендосов и недолгих промо-компаний. Нужен лендинг на месяц-два — собери по быстрому на конструкторе. Вот как это должно быть.

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

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

Второй основной недостаток — возможности. Хоть конструкторы и получают обновления чуть ли не ежемесячно, они еще очень далеки по функциональности до полноценных сайтов. Да, есть удобный drag-n-drop редактор страниц, но на этом всё. Все ваши возможности по функционалу ограничиваются возможностями интеграций сервиса. Если их много — ура, пользуйтесь. Но бывает так, что за отдельные интеграции придется платить. Вот тогда то и лучше задуматься о переходе на другой вид создания сайтов.

Третий недостаток — ляжет конструктор, ляжет и ваш сайт. Взломают конструктор и сольют данные — пострадает ваш сайт. Конструктор решит приказать долго жить — прощай и ваш сайт. В общем, то, что ваш сайт вам не принадлежит обрастает новыми подробностями.

Четвертый недостаток — цена. Конструкторы довольно дорогие и платить нужно ежемесячно. Если при использовании обычного сайта вы платите только за хостинг и домен, то тут вам придется раскошелиться еще и на оплату самого сервиса. И хостинг у них как правило стоит дороже. В общем — на любителя способ.

Тарифы конструктора Flexbe

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

Готовые скрипты сайтов

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

Как правило, скрипт имеет очень низкие возможности для расширения без использование кода. Тут стоит понять, что скрипт — это чей-то самопис, который был просто скопирован и отправлен вам.

Без знания языков программирования вы не сможете ничего добавить из нового функционала.

Тут нужно учитывать, поддерживает и обновляет ли разработчик свое творение. Если да — пользоваться можно, но смотря на каких условиях. Дорого за такое решение точно платить не стоит. Разраб может просто прекратить поддержку и вы больше ничего не сможете сделать с этим сайтом, оно вам надо?

Да и стоят готовые скрипты сайтов обычно не дешевых денег. Это из-за того, что это самопис + готовый сайт. Так что, советуем вам хорошо подумать, прежде чем принимать решение покупать скрипт готового сайта. Это наименее предпочтительный способ и мы в 99% случаев не рекомендуем его использовать.

Источник

Иерархия компьютерных информационных систем для разработки сайта

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

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

Что такое сайт

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

Сайт, или веб-сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.

С моей точки зрения, этот вариант грамотный, но сложный для восприятия не программистами. Я предлагаю обычно свой вариант определения:

Сайт – это технология, которая позволяет взаимодействовать с информацией посредством веб-браузера.

Здесь, как и в большинстве моих публикаций, я исхожу с определенной точки зрения, а именно точки зрения пользователя. Потому стараюсь избавиться от ненужных подробностей и делаю основной упор на то, что в итоге получит пользователь. Если

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

Основные технологии разработки сайтов

Итак, решено. Вам нужен сайт. Но с чего начать и как его создать? Необходимо определиться, какие методы, инструменты и языки программирования вы будете использовать.

Существует 3 основных вида компьютерных информационных систем, которые используют для создания сайтов:

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

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

Языки веб-программирования

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

Наиболее популярные языки веб-программирования (привожу для примера, это не рейтинг):

Итак, язык программирования дает возможность написать любой сайт без ограничений. Это может быть важным, если вам не подойдет ни один фреймворк или CMS. На самом деле, сами фреймворки и CMS также пишутся на языке программирования. Но о них мы поговорим чуть ниже.

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

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

Применение Frameworks

Чтобы каждый раз не писать один и тот же код с нуля, многие программисты используют собственные наработки. Хранят типовые куски кода в файлах, применяют по мере необходимости. Но этот подход имеет определенные недостатки:

В результате базой готовых наработок чаще всего пользуется один человек. И каждый программист вынужден снова-таки, «изобретать свой велосипед», вместо чтобы взять готовый вариант у коллег. Фреймворки появились как решение проблемы стандартизации и создании базы готовых решений.

Frameworks в разработке сайтов – это фрагменты готового кода, объединенные в некие модули, которые для взаимодействия между собой используют некую парадигму, т.е. перечень заранее оговоренных правил.

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

Вернемся к примеру с авторизацией, программист должен для реализации:

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

Количество различных фреймворков постоянно растет. Разные программисты на разных языках пишут готовые решения под различные типы сайтов.

Список фреймворков (примеры, не рейтинг) :

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

К слову, когда говорят о фреймворках, часто упоминают «каркас» или «фундамент». Одна из причин – перевод самого слова «Framework», по-русски это и будет «каркас». На самом деле, в программировании сложно говорить о каркасных решениях. Фреймворки – это именно модули, а сама работа с фреймворками больше похожа на конструктор «Лего», т.е. отдельные кирпичики соединяются друг с другом, а потом еще и еще в общую систему.

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

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

CMS (Content Management System) – это готовая программа или система, предназначенная для создания и редактирования, т.е. управления контентом.

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

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

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

В CMS самое главное – это не разработка сайта, а управление контентом. Разработка здесь уходит на второй план. В эту систему вы просто заносите контент, и получаете готовый сайт, куда смогут зайти люди. А такие вещи, как авторизация пользователя и многие другие функции, уже реализованы. Даже настройка прав доступа возможна без знания фреймворков и языков программирования. В CMS основная работа ведется с контентом, и ориентированы эти системы не столько на программистов, сколько на пользователей.

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

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

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

И как бы то не было, CMS не создается на пустом месте, и и в том или ином виде содержит в себе фреймворк. Некоторые разработчики используют готовый фреймворк ( для примера CMS Drupal разработан на базе фреймворка Symfony), а разработчики WordPress не сообщают об использовании фреймворка, но все равно CMS содержит в себе готовые модули.

Примеры популярных CMS(не рейтинг):

Разные CMS ориентированы на различные типы сайтов, есть среди них платные и бесплатные, с открытым и закрытым кодом. Подробно о том, как выбрать CMS, вы можете прочитать в статье, посвященной этому вопросу.

Как использовать иерархию КИС

Описанную выше иерархию можно сравнить со слоеным пирогом.

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

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

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

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

В CMS большое число решений уже реализованы, и мы не сможем их настраивать «под себя» так, как это позволяют сделать фреймворки. Но и они, в свою очередь, не дают такой свободы в выборе решений, как прямая работа с кодом.

На основе этого правила, можно дать ответ на вопрос, что и когда следует выбирать для создания сайта. Если у вас – типовой интернет-магазин, статейный блог или другой подобный не самый сложный проект, CMS станет оптимальным решением. Система позволит создать сайт максимально быстро и дешево.

В случае сложных проектов, например, с какими-то не типовыми вариантами личного кабинета, с активным использованием API, с постоянным обменом большим количеством данных, доверьте решение специалистам. Программисты смогут определить, какой инструмент подойдет для вашего случая. Каждая задача требует своего набора инструментов и их комбинаций.

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

Источник