Як створити сайт з допомогою Google Sites?

В даній статті розглянемо основні кроки, необхідні для створення сайту за допомогою Google Sites. Хоча я ніколи не рекомендую використовувати безкоштовні конструктори та хостинги для розробки сайтів, іноді це можна або навіть потрібно зробити.

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

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

Що таке Google сайти?

Google сайти — це сервіс, який використовує Google для створення веб-сайтів. Його використання дозволяє створювати прості, але динамічні та інтерактивні сайти. Вам не потрібно знати HTML, щоб це зробити. Сайти зазвичай використовують редактор WYSIWYG. Його інтерфейс також підходить для досвідчених користувачів, які хочуть редагувати HTML-код вручну.

Перш ніж використовувати Google Sites для створення сайтів, вам потрібно створити безкоштовний обліковий запис Google. Щоб створити новий обліковий запис, відкрийте веб-браузер і перейдіть на сайт Google Sites. Якщо ви вже зареєстровані в іншій службі Google, наприклад Gmail, тоді можете використовувати вже наявні облікові дані для входу на сайти Google.

Створення першого веб сайту

Після переходу на Google сайти ви побачите форму. На цьому етапі все, що потрібно зробити, це натиснути на значок «+».

Крок 1 — Виберіть назву сайту

Після того, як потрапите на сторінку створення сайту, ви побачите вгорі зліва, що сайт не має назви. Клацніть по тексту, щоб вибрати «Сайт без назви», а потім введіть назву свого сайту. Після того, як ви вибрали назву свого сайту, час вибрати тему оформлення.

Крок 2 — Виберіть тему

Наразі в Google-сайтах доступно п’ять тем. У правій панелі ви побачите три вкладки: Вставка, Сторінки та Теми. Натисніть на теми, щоб побачити доступні теми. Я вибрав тему “Рівна” для цього уроку.

Наразі доступні теми дуже обмежені. Хоча теми оформлення обмежені п’ятьма, вони доступні безкоштовно.

Крок 3 — Вибір макету

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

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

Крок 4 — Внесення інформації на головну сторінку

Нам потрібно додати контент на наш сайт після того, як ми створили тему та макет. За винятком обраної теми та макета сайту, він наразі порожній.

4.1. Зміна заголовка сторінки

Першим кроком буде зміна заголовка сторінки. Просто клацніть на заголовок сторінки, щоб розпочати редагування. Я вирішив назвати цю сторінку “Перший сайт”.

4.2. Редагування обкладинки

Перемістіть курсор на поточне зображення та виберіть «Змінити зображення», щоб змінити зображення обкладинки. Багато фотографій доступні на сайтах Google. Ви можете завантажити зображення зі свого ПК або вставляти їх з галереї, URL-адреси або альбомів Google. Крім того, Google Sites дозволяє шукати зображення в Інтернеті та вставляти їх прямо з редактора веб-сайту.

Я вибрав зображення з галереї для цього уроку. Ми змінили дизайн мого сайту.

4.3. Додавання контенту на головну сторінку

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

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

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

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

4.4. Додання додаткових розділів

Як додати на сторінку більше контенту? Я додаю додатковий розділ трохи нижче того, який ми щойно додали. Для цього у верхньому правому кутку сторінки потрібно клацнути опцію «Вставити» і вибрати новий макет. Щоб додати матеріал до нового розділу макета, ви повинні повторити ту саму процедуру, що й раніше.

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

4.5: Додавання підвалу або футера сайту

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

Вітаємо! Ми тільки-но завершили створення основної головної сторінки свого сайту.

Крок 5 — Додавання нових сторінок

Якщо в роботі не односторінковий сайт, вам обов’язково доведеться додати нові сторінки. У правій частині екрана клацніть «Сторінки», а потім внизу натисніть кнопку «+» і напишіть назву сторінки. Нову сторінку я назву «Про нас».

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

Якщо ви хочете включити налаштовану URL-адресу для цієї сторінки, виберіть випадаючий список «Додатково», як на скріншоті вище. Потім введіть свою URL-адресу та натисніть «Готово».

Тепер я повторю кроки розділу чотири цієї статті та додам матеріал на нову сторінку. Повторіть кроки 4 і 5, щоб додати всі сторінки, які вам знадобляться для вашого веб-сайту, а потім перейдіть до наступного кроку.

Крок 6 — Загальне керування сайтом

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

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

Якщо у вас є власна URL-адреса (домен), наприклад www.mysite.com, можна додати її, натиснувши опцію “користувацький домен”.

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

Крок 7 — Публікація веб-сайту

Після редагування та перевірки, що сайт відповідає всім вимогам, останнім кроком буде його публікація. Натисніть «Опублікувати» у правій частині екрану.

З’явиться спливаюче вікно, у якому потрібно буде ввести адресу веб-сайту. У цьому випадку URL буде таким: https://sites.google.com/view/your-name. Крім того, якщо у вас є власна URL-адреса, ви можете змінити її, натиснувши «КЕРУВАТИ» і ввівши свою URL-адресу. Ви можете заборонити пошуковим системам знаходити ваш веб-сайт.

Потім натисніть «Опублікувати» після завершення роботи. У вас є можливість відвідати цей веб-сайт за наступною адресою: https://sites.google.com/view/your-name.

Плюси та мінуси Google Sites

Плюси

• Легко створювати та редагувати веб-сторінки.
• Google Sites доступні безкоштовно для тих, хто має обліковий запис Google.
• Створення такого сайту не вимагає досвіду веб-розробки.
• Не потребує інсталяції програмного забезпечення.
• Його інтеграція з програмами Google надає йому перевагу перед іншими системами розробки веб-сайтів.
• Ідеально підходить для початківців, які хочуть створити свій перший сайт.

Мінуси

• Якщо у вас немає власної URL-адреси (домену), отриманий сайт починається за адресою sites.google.com/view/.
• Google Sites мають обмежений функціонал, у порівнянні з деякими конкурентами.
• Ви можете легко включити лише додатки з Google Apps. Додавання додаткових програм за межами Google Apps часто може бути складним завданням.
• Через обмежені можливості налаштування це не найкращий конструктор сайтів для бізнесу.
• Порівняно з іншими програмами для створення сайтів, теми досить прості.

Підсумок

Створення власного веб-сайту за допомогою Google Sites займає лише кілька хвилин. У цьому випадку мені не довелося вводити жодного рядка коду.

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

Bohdan Prytulyak( CEO )

Засновник та керівник веб студії PBB Design з 2005 року