Вы хотите создать сайт с нуля, но не знаете, с чего начать?

За свою карьеру веб-разработчика я создал более 100 веб-сайтов для клиентов, включая Bacardi, Toyota и The Four Seasons. Однажды я даже сделал сайт для полуизвестной козы в Вирджинии.

В этом посте я хочу ответить на вопрос: «Как лучше всего создать веб-сайт?»

Без сомнения, есть сотни вариантов, но я могу свести их к одному вопросу, который вам нужно задать при создании нового веб-сайта:

Хотите, чтобы его было легко создать или легко настраивать, когда оно появится?

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

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

Вот разбивка ваших вариантов создания веб-сайта: простой, настраиваемый и гибридный:

Вариант 1. Самый простой способ создать веб-сайт

Если вам нужен простой веб-сайт, я предлагаю начать с простого.

Какие сайты легко сделать?

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

5 самых простых способов создать сайт

Вот пять самых простых способов запустить веб-сайт:

  1. Squarespace - один из самых простых вариантов создания сайта. В Squarespace есть несколько шаблонов, и вы можете быстро приступить к работе.
  2. Wix - аналог Squarespace. Я бы сказал, что Wix - лидер в категории быстрое создание веб-сайта. В то время как у Squarespace около 70+ тем, у Wix их более 500. В то время как редактор Squarespace очень тщательно следит за тем, чтобы вы не испортили внешний вид или свою тему, Wix более снисходительно относится к дизайну вашего сайта.
  3. Shopify - Если вам нужен магазин электронной коммерции, используйте Shopify. Цены разумные, темы выглядят великолепно, и если вы знаете основы кодирования HTML, вы можете использовать их язык шаблонов Liquid, чтобы добавлять настройки, когда они вам нужны.
  4. Gumroad - Gumroad замечательно, если у вас есть что-то простое, что вы хотите продать. Например, если вы хотите продать футболку, книгу или какую-нибудь поделку? Gumroad - самый простой и дешевый вариант для начала.
  5. WordPress.com - WordPress, наверное, мой любимый вариант для создания веб-сайтов или блогов. Почему WordPress? Мне нравится миссия компании (демократизировать публикацию), мне нравится, что WordPress существует уже 20 лет, мне нравится, что есть бесплатный вариант, и мне нравится, что если вы начнете с легкого варианта, вы сможете позже обновите свой сайт до более настраиваемого варианта (он же WordPress дает вам пространство для роста). Вам не нужно знать, как писать код, чтобы использовать WordPress, но если вы знаете основы, вы действительно можете многое из этого извлечь.

Вариант №2: Как создать сайт с нуля (настраиваемый подход)

Настройка означает, что вы можете решить каждую деталь веб-сайта: цвета, темы, шрифты и макет страницы. Но это также означает, что вам придется делать выбор в отношении языка программирования (Ruby, Python или PHP?), Базы данных, хостинговой компании и т. Д.

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

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

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

  1. Front-end vs. back-end программирование
  2. Что такое процесс веб-разработки?
  3. Что такое UX?
  4. HTML против CSS
  5. Как нанять разработчика?

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

Вариант № 3: Гибридный подход

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

WordPress.org идеально подходит для гибридного подхода. В WordPress есть тысячи тем, по которым вы можете запустить сайт буквально за 5 минут. Оттуда вы можете добавлять плагины для улучшения SEO, электронной коммерции, безопасности и многого другого. Если вы знаете основы HTML, CSS и PHP, вы даже можете залезть под капот и настроить свою тему! Полезно знать, что десятки известных веб-сайтов созданы с использованием WordPress.

Другими примерами использования гибридного подхода являются использование фреймворка кодирования, такого как Ruby on Rails, Django и Express.

Легкий против гибридного против индивидуального | Как выбрать?

Нужна помощь в выборе? Давайте воспользуемся аналогией с выбором праздничного торта.

Если вам нужен праздничный торт, проще всего купить его в супермаркете. Но поскольку он готов, вы ограничены тем, насколько его можно настраивать.

Это Squarespace - он готов, быстро и недорого.

Если вы хотите особенный праздничный торт (например, органический веганский клубничный торт с шоколадной глазурью и воздушным ликером сверху?), то вы, вероятно, захотите приготовить его сами!

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

Тогда всегда есть Дункан Хайнс! Это гибридный веб-сайт.

С Дунканом Хайнсом вам по-прежнему понадобятся некоторые базовые ингредиенты, такие как яйца, молоко и масло, но почти все остальное входит в комплект. Когда у вас есть основа, можно поменять некоторые цвета и вкусы. Например, если вы хотите заменить коровье молоко на миндальное, вы можете это сделать! Вот каково использовать WordPress, Ruby on Rails или готовую CMS.

Последние мысли

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

  1. Если вы не знаете, с чего начать, начните с простого веб-сайта. Вы всегда можете обновить свой веб-сайт, сделав его более настраиваемым.
  2. Научитесь кодировать основы HTML, CSS и JavaScript. Это поможет вам, решите ли вы создать простой сайт, что-то более настраиваемое или даже если вы наняли кого-то, кто сделает это за вас.
  3. Если у вас есть вопрос? Оставьте комментарий, и я постараюсь помочь!