Готовим проект к верстке Web Builder

Опубликовано Опубликовано в рубрике Blog

Создание сайта в программе WYSIWYG Web Builder

Готовим проект к верстке Web Builder.
В данном посте подготовим проект к верстке.
Открываем программу и переходим во вкладку СтраницыСвойства страницы или кликаем правой кнопкой мыши по рабочему пространству и выбираем Свойство страницы.
Готовим проект к верстке web builder
В данном окне необходимо произвести изменения.
Заголовок – прописываем ключевую фразу, которая отображает смысл сайта (2 – 3 слова). Отображается в поисковой выдачи Яндекса и Google.
Ширину экрана оставляем 960 пикселей, оптимальная ширина для вида экрана.
Высота проекта устанавливаем ту, которую необходимо.
Расширения ставим html, тип документа HTML5.
Выравнивание – Центрировать страницу в браузере по горизонтали. Программа выровняет и отцентрирует сайт по центру.
Набор символов – Unicode (UTF-8) – кодировка символов. Должен совпадать с кодировкой и на хостинге.
Язык – выбираем Русский.
Готовим проект свойства web builder
Вкладка Стиль.
Режим – можно оставить Сплошная.
Ссылки – цвета ссылок на сайте.
Выбор шрифта, цвета и размера.
Готовим проект стиль web builder
Мета теги.
Автор – прописываем имя или название проекта.
Ключевые слова – необходимы для поискового робота. В данное окно прописываем ключевые фразы, которые соответствуют вашей тематики. Лучше воспользоваться сервисом Яндекса https://wordstat.yandex.ru/. Не рекомендую прописывать много ключевиков.
Описание – прописываем описание сайта, услуги, предложения. Данный текст будет отображаться в поисковой выдачи (сниппета)
Готовим проект мета теги web builder
Готовим сетку для проекта.
Изначально в программе есть готовые макеты для сайта, но они не подходят нам, поэтому я для вас подготовил сетку для удобного пользования в программе.
Кликаем на вкладке ФайлСоздать шаблонУстановить.
В папке с доп. материалами открываем файл с сеткой.

Готовим проект сетка web builder

 

Посмотрите видео по подготовке проекта к верстке в программе Web Builder

Готовим проект к верстке Web Builder обновлено: Июль 15, 2018 автором: agmpartner

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *