Як створити свій сайт безкоштовно з нуля
У цьому уроці я покажу, як розробка сайтів у Львові. Ми самостійно зареєструємо хостинг і доменне ім’я, встановимо і налаштуємо Wordpress. У підсумку вийде повноцінний сайт, який відкриється у будь-якої людини в інтернеті.
Ця покрокова інструкція для чайників. Підійде як для створення простого односторінкового веб ресурсу, так і багатосторінкового (наприклад, блогу або інформаційного сайту).
Що таке веб-сайт
Сайт або веб-сайт (website) – це набір сторінок з інформацією, які з’єднані один з одним посиланнями. На цих сторінках публікують текст, фотографії та відео.
Покажу на прикладі сайту-візитки. На першій сторінці людина розповідає про себе:
На другий розповідає про свою роботу:
На третій – як з ним зв’язатися:
Одна зі сторінок повинна відкриватися першої. Часто для цього створюють окрему сторінку і публікують на ній вступний текст. Її прийнято називати «Головна».
А ще сторінки потрібно якимось чином поєднати один з одним. Для цього було придумано меню – спеціальна плашка з посиланнями. Меню розташоване на кожній сторінці, в одному і тому ж місці.
Коли сторінки готові і пов’язані один з одним через меню, їх потрібно розмістити в інтернеті за певною адресою.
Далі я покажу, як зробити такий же міні сайт своїми руками. Процес його виготовлення займе від 5 хвилин до однієї години.
Що потрібно для створення сайту
Часто запитують, чи легко створити власний сайт російською мовою і чи можна його зробити самому? Як його написати, де краще розмістити? Як самостійно опублікувати в інтернеті?
Раніше це було дійсно складно: потрібно було вивчити один або кілька мов програмування (html + php + javascrpit). Але зараз все змінилося: щоб запустити свій веб ресурс потрібно просто зареєструватися на хостингу і зробити деякі налаштування. З цим впоратися навіть новачок. Все робиться онлайн і без конструктора.
Почати сайтостроєніє потрібно з реєстрації домену та хостингу. Це обов’язкова умова, без якого ми не зможемо викласти свій ресурс в інтернеті.
- Хостинг – це осередок в Інтернеті, де буде лежати сайт. Туди завантажують всі файли від нього: сторінки, фотографії, документи.
- Домен – це адреса в Інтернеті. Те назву, за яким веб ресурс буде відкриватися. Ця електронна адреса була написана у верхньому рядку браузера.
Але є проблема і те й інше коштує грошей. Доменне ім’я в зоні ru коштує 190 рублів на рік – цю суму потрібно внести відразу. Хостинг коштує дорожче, але за нього можна платити помісячно. В середньому виходить 120 рублів на місяць.
Але нерозумно витрачатися на все це, щоб тільки навчитися. Тому ми зареєструємо безкоштовне доменне ім’я і безкоштовний хостинг. Їх можна отримати строком на місяць. Цього часу цілком достатньо, щоб створити свій сайт і наповнити його інформацією, адже сама розробка займає близько 5 хвилин.
Покрокова інструкція для початківців
Створення сайту складається з декількох етапів. Один з найважливіших – вибір правильного хостингу. Адже від цього залежить швидкість і стабільність роботи вашого ресурсу.
На мій погляд, кращий хостинг з російських – від компанії Бегета. Вони надають безкоштовне доменне ім’я, безкоштовний місяць хостингу, цілодобову технічну допомогу. І, що важливо, автоматичну установку системи управління. Крім того, у них одні з найнижчих тарифів на ринку.
Тому в інструкції я буду показувати, як створювати сайти саме на цьому хостингу. Ви можете вибрати будь-який інший, але тоді кроки будуть істотно відрізнятися.
Крок 1: отримуємо домен і хостинг
1. Переходимо за адресою і відкриваємо розділ «Віртуальний хостинг».
2. Опускаємося трохи нижче і вибираємо тарифний план «Blog».
3. Реєструємося: вказуємо ПІБ, номер свого телефону, пошту.
4. Підтверджуємо номер телефону і завершуємо реєстрацію.
Завантажується сторінка з даними для доступу до особистого кабінету. Вони також прийдуть в смс повідомленні і в листі на пошту.
Після натискання на кнопку «Початок роботи» ми потрапляємо в особистий кабінет хостингу. Тут ми будемо робити основні налаштування.
Крок 2: встановлюємо систему управління
Система управління або CMS – це движок сайту. Така оболонка, через яку ми будемо їм управляти.
Через систему управління додають сторінки, налаштовують меню, змінюють оформлення і роблять все інше. І завдяки цій системі можна створити свій сайт з нуля просто клацаючи мишкою.
1. Для установки движка в особистому кабінеті хостингу переходимо в розділ CMS.
2. Вибираємо WordPress.
3. У віконці вказуємо дані для управління сайтом.
«Сайт для установки» і «Домен за замовчуванням» будуть вже вказані. Вам потрібно надрукувати заголовок для сайту, придумати логін з паролем і вказати свою електронну пошту.
Приклад заповнення:
Обов’язково збережіть логін і пароль! Це ваш доступ до редагування сайту.
4. З’явиться віконце, де написано, що система встановлюється і потрібно трохи почекати. Закриваємо це віконце і чекаємо три хвилини. Потім клацаємо по посиланню в списку «Сайти».
У новій вкладці завантажиться ваш сайт. Адреса, за якою його можна буде відкрити у всіх в Інтернеті, написаний в адресному рядку.
Це і є доменне ім’я (домен) – унікальна адреса веб ресурсу в мережі. Він такий непоказний, бо безкоштовний. Але його потім можна замінити на щось більш просте і красиве.
Ось і все – сайт створений! Залишилося його налаштувати і наповнити інформацією.
Крок 3: налаштовуємо сайт
Отже, ми отримали персональний веб ресурс на системі управління WordPress (Вордпресс). Залишилося тільки відредагувати його: створити сторінки, зробити меню, налаштувати оформлення. Все це робиться через адміністративну частину сайту. Її ще ласкаво називають «админка».
Коли введете цю справу в адресний рядок, не забудьте натиснути Enter 🙂
З’явиться вхід в адмінку. Тут друкуємо логін і пароль, який вказали при установці системи управління.
Таким чином, ви потрапите в офіційну, невидиму частину сайту – в адмінку. Тут все і редагується: і зміст і оформлення.
Вибір теми. Тема – це дизайн сайту. Щоб її змінити, зайдіть в розділ Зовнішній вигляд – Теми.
Система запропонує вибрати один з трьох варіантів оформлення. Якщо жоден з них не підходить, клацніть по «Додати нову тему».
Тут купа готових шаблонів оформлення. Спочатку показуються «Вибрані», але є ще й «Популярні», «Свіжі», «Улюблені».
Вибираємо відповідну тему і встановлюємо її. Потім переходимо в розділ «Зовнішній вигляд» – «Теми», наводимо на неї курсор і натискаємо «Активувати».
Відразу після цього у сайту зміниться оформлення. Щоб це побачити, оновлюємо його – натискаємо F5 на клавіатурі.
- Віджети – це блоки з різними даними на сторінках. Іноді корисно, але багато хто з них зайві. Для роботи з цими блоками переходимо в розділ Зовнішній вигляд – Віджети.
- Меню – це розділи сайту. Посилання, за якими відкриваються сторінки. Для зміни пунктів меню переходимо в розділ Зовнішній вигляд – Меню.
- Записи – дуже схожі на сторінки, але з іншим змістом. На сторінках ми публікуємо основну інформацію, а в записах додаткову. Наприклад, на своєму сайті я через сторінки опублікував головну інформацію в розділах «Про мене», «Контакти», «Послуги та ціни». А в записах буду публікувати все інше: нотатки про роботу, статті на різні теми.
- Головна сторінка – це сторінка сайту, яка буде завантажуватися першої. За замовчуванням там виводяться всі опубліковані записи.
Якщо я хочу вивести на головній тільки одну сторінку, то потрібно зайти в Настройки – Читання. Там, в пункті «На головній сторінці відображати» вказати «статична сторінку» і вибрати її зі списку.