Як створити сайт з повного нуля без жодних навичок?

В цій статті ви дізнаєтесь, як створити свій власний сайт, і отримаєте доступ до серії відео зі створення сайту

1) Що таке сайт, які вони бувають і що на ньому має бути?
2) Де ми можемо створити сайт?
3) Як ми можемо підготуватись до створення сайту?
4) Створення сайту

Перш ніж почати цю статтю, одразу скажу, що вся статті є в відео-форматі за цим посиланням на ютубі*

+ у вас є від мене знижка, а саме -10% на річну підписку на кострукторі Weblium за промокодом "MARK". Переходьте за цим посиланням та ознайомлюйтесь!

Усім привіт! Радий, що читаєте цю статтю. Давайте сьогодні поговоримо про сайти. Те, що нас постійно оточує в онлайн-просторі. Чим ми користуємось щоденно.

1. Що таке сайт, які вони бувають та що там має бути?

Якщо простими словами, сайт - це сторінка в інтернеті. Сайти бувають різні та виконують кожен свою задачу. Гарний вираз - сайт це есенція того, що він пропонує. Що це означає?

Уявіть собі магазин одягу в Інстаграм. Він може бути гарний, оформлений, проте по зручності користування менш зручний, ніж той самий сайт-магазин. На якому є і пошук за категорією, ціною, кольором, розміром і тд. Одні плюси.

Але ж бувають не тільки сайти у вигляді магазинів. Давайте про це поговоримо

Які сайти бувають?

Якщо коротко, то сайти бувають наступні:

- Лендінг-пейдж
- Інтернет-магазини
- Блоги
- Портфоліо
- Комбіновані (все в одному)

Давайте детальніше з ними познайомимось

Лендінг-пейдж (односторінковий вебсайт)

Лендінг-пейдж — це невеликий односторінковий сайт, який закликає клієнта зробити одну конкретну дію: наприклад, купити навчальний курс, замовити якийсь товар тощо.

Більше ніж впевненний, що ви бачили рекламу світильнків у період блекаутів, яка переводила на схожі сайти або ж набори для вирощення грибів =)

Простими словами - лендінг гарно підходить під сайт швидкого створення для реалізації Х продукту. На ньом людина має можливість залишити заявку і пізніше придбати.

Інтернет-магазин

Усі ж знають Розетку, ось вам швидкий приклад, що таке інтернет-магазин. Звісно, це може бути і магазин одягу, техніки, блокнотів, та чого завгодно.

Різниця інтернет-магазинів від того самого лендінг-пейджу в тому, що інтернет-магазин має більш складно налаштовану систему, в якій одразу можна оплатити, обрати спосіб доставки тощо.

Блоги

Бадаєте ділитись своєю думкою з іншими, писати статті, інструкції тощо? Цей варіант для вас. Ви зараз і читаєте цю статтю на подібному сайті =)

Портфоліо

Ви дизайнер, художник, розробник, маркетолог і тд? Сайт-портфоліо ідеальне підійде для вас так як це, по-перше, викликає довіру (у вас є сайт) і, по-друге, в одному місці зосереджені усі ваші роботи у зручному доступі та додаткова інформація про співпрацю з вами.

Що має бути на сайті?

Маю дуже просту відповідь - на сайті має бути те, що очікує побачити потенційний відвідувач сайту. Наприклад, якщо ми продаємо одяг, то це: сам одяг з гарними фото, розміри, опис, можливість купити. Якщо це сайт, який продає якийсь певний 1 продукт, тоді вся інформація стосовно нього, відгуки, фото/відео покази тощо.

Зрозумійте, на сайті має бути достатньо чіткої інформації, щоб людина захотіла придбати/виконати певну дію, а не просто переглянула вашу сторінку.

* і не забувайте про правильну послідованість подачі інформації. Немає сенсу спочатку давати відгуки про продукт, який людина поки що не розуміє до кінця.

Це все я розказав у першій частині з серії відео про створення сайтів з нуля. Вона доступна за цим посиланням.

2. Де створити власний сайт?

Сайти можна створити в декілька способів - написати кодом власноруч, купити готовий і завантажити через CPanel або легко створити на конструкторі сайтів.

Знаєте що таке Lego? Думаю чули =)
Lego та спосіб будівництва фігурок з них це найкраще пояснення що таке конструктор сайтів. На конструкторі ви можете обрати вже готовий шаблон та лише змінити текст/зображення та отримати готовий сайт або з нуля, як з конструктором Lego, додавати блоки один за одним і таким чином також створити сайт.

Конструкторів є багато насправді, але деякі з них складні для користування з нуля, деякі англомовні, деякі взагалі російські... Але є один гарний/простий та інтуїтивно зрозумілий + ще й найдешевший. Це Weblium!

Щоб багато тут не писати, краще подивіться моє відео, де ми знайомимось з одним з конструкторів. Відео доступне за цим посиланням!

3. Як підготуватись до створення сайту?

Тут вже починається найцікавіше - буде малювати каракулі =)

Вам не почулось, беремо листок і ручку, або заходимо в Figma, і починаємо поблоково "накидувати" наш майбутній сайт. Нижче наведу вам приклад, як це виглядає (1й стовбець).

На прикладі першого стовпця ми лише візуалізуємо, де і що буде знаходитись. Можна одразу писати заголовки, щоб орієнтуватись, але необов'язково.

Після цього можна приступити до візуалізації, а саме прописати детальніше текст та підібрати зображення (це вам допоможе вже при створенні самого сайту).

Ви можете подивитись, як я це робив у від за цим посиланням.

4. Створення сайту

Тут вже дещо цікавіше, але не важче, тому що сайт ми будемо робити на конструкторі Weblium, а там все максимально легко.

Так як ми вже "накидали" прототип майбутнього сайту, ми можемо не користуватись шаблонами, а зробити сайт з нуля, обираючи потрібні нам блоки та редагуюючи їх (все, як з конструктором Lego).

Проте не буде помилкою взяти готовий габлон, так як у Weblium дійсно гарні та підходящі шаблони для будь-якого напрямку. Можете подивитись самі за цим посиланням!

Щоб вам було легше це все візуалізувати та зрозуміти шляху, рекомендую подивитись фінальне відео, де я разом з вами створюю сайт з повного нуля по своєму прототипу, що ви бачили вище. Подивитись можна тут.

Підсумок

Як ви зрозуміли, створити сайт не так вже і важко, якщо користуватись правильними інструментами та діяти згідно вірного порядку + не забуваємо про шаблони, які допоможуть тим, хто не вміє взагалі це все створювати. З ними вам достатньо лише змінити текст та зображення.

Сподіваюсь ця стаття була вам корисною і ви дізнались щось нове стосовно сайтів. Можливо замотивував вас створити свій власний (що буде круто і буду вдячний, якщо пізніше поділитесь зі мною ним). Дякую і до зустрічі у наступних статтях.

Опануйте таргет та почніть заробляти від 500$/міс!
Починайте навчання і отримайте майбутнє в онлайні
+ знижка -1000грн на курс за промокодом "САЙТ"
Ознайомитись з навчанням таргетованій рекламій можна за цим посиланням!

Також раджу ознайомитись з таргетованою рекламою на моєму YouTube-каналі http://www.youtube.com/@mark.sheludko
‍
Мій Інстаграм - https://www.instagram.com/mark.sheludko
‍Мій Телеграм - https://www.t.me/mark_sheludko