Website builder урок 3 початок роботи - sprintsite

Website builder урок 3 початок роботи - sprintsite

Починаємо роботу в конструкторі сайтів REG.RU Website builder. У цьому уроці ми з вами підберемо шаблон для нашого сайту, і навчимося додавати текст і фотографії в наш конструктор сайтів.

При першому запуску Конструктора сайтів Website builder - нам запропонує вибрати шаблон для нашого майбутнього проекту.

Website builder урок 3 початок роботи - sprintsite

Після того як ви підібрали відповідний вам шаблон і зробили вибір () перед вами відкриється ваш створений сайт. Після першого запуску перед вами відкриється вікно допомоги «Керівництво до дії» не нехтуйте цим пунктом. це дуже хороший помічник в освоєнні конструктора і всіх його тонкощів!

Website builder урок 3 початок роботи - sprintsite

Давайте додамо наш перший текст

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

Для додавання будь-якого модуля, в нашому випадку це буде «Текст» (), необхідно затиснути лівою кнопкою мишки (

Website builder урок 3 початок роботи - sprintsite
) На потрібному нам пункті меню, і перетягнути його в те місце де ми хочемо створити динний модуль (ми додаємо текст), після чого просто відпустіть кнопку миші і модуль з'явиться в робочій області.

Website builder урок 3 початок роботи - sprintsite

Для того щоб почати редагувати текст потрібно навести курсор мишки на доданий модуль, у нас справа з'явиться іконка олівця () натискаємо на неї (

Website builder урок 3 початок роботи - sprintsite
), В меню вибираємо пункт «Редагувати текст».

Website builder урок 3 початок роботи - sprintsite

Якщо в попередньому меню вибрати пункт «Властивості» в даному пункті можна змінювати такі параметри як: розміри полів тексту, відступи навколо тексту, показ тексту на певних сторінках сайту і т.д.

Робота з зображеннями

Нам знадобиться пункт меню «Фото» (,) перетягуємо його на робочу область. Після того як ви перетягнули модуль на робочу область перед вами (автоматично) відкриється «Галерея зображень». Тут можна вибрати одне із запропонованих зображень (вже завантажених на сайт (в шаблон) по замовчуванню), або завантажити власну картинку.

Website builder урок 3 початок роботи - sprintsite

Після вибору зображення, натискаємо на кнопку «Вибрати» (внизу праворуч), зображення з'явиться на сайті.

Website builder урок 3 початок роботи - sprintsite

У пункті «Властивості» ви можете при необхідності: написати «Альтернативний текст» до картинки (Атрибут alt), налаштувати показ на певних сторінках, налаштувати параметри збільшення зображення при кліці на нього і т.д.

Один з важливих пунктів: Створення меню сторінок сайту

Website builder урок 3 початок роботи - sprintsite

Для того щоб перемістити пункти створеного меню в потрібному нам порядку, наведіть курсор на потрібний пункт меню, курсор змінить вигляд зі стрілки на руку (), затисніть кнопку мишки (

Website builder урок 3 початок роботи - sprintsite
) І перемістіть його верх, вниз або вкладіть в папку одного з пунктів.

Website builder урок 3 початок роботи - sprintsite

Змінимо дизайн створеного сайту

Website builder урок 3 початок роботи - sprintsite

У меню, ви можете змінити фон для всього сайту або для якоїсь конкретної сторінки. В якості фону можна додати будь-яке зображення або вибрати відповідний колір фону.

Website builder урок 3 початок роботи - sprintsite

Варто пам'ятати, для фону краще використовувати зображення розміром не менше 1280х720, також не варто брати занадто яскраві картинки.

SEO просування вашого сайту

Тепер давайте розповімо користувачам про ваш сайт, пояснимо пошуковим роботам про що ваш сайт і кому його потрібно показувати.

Website builder урок 3 початок роботи - sprintsite

Приклад того як це виглядає в пошукових системах.

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

Зберігаємо зміни і публікуємо сайт

Website builder урок 3 початок роботи - sprintsite

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

попередній урок