Верстка сайта в программе Web Builder (1 блог)

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

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

Верстка сайта в программе Web Builder.
В этом посте разберем верстку сайта в программе.
Изначально готовим медиафайлы и текст будущего сайта. Если сами не разбираетесь в графических редакторах на подобии фотошоп, лучше заказать специалистам. На просторах Интернет можно найти сервисы фриланса, за небольшие денежные вознаграждения специалист подготовит необходимые материалы для будущего сайта.
Для удобства размещу на Яндекс Диске папку с файлами Скачать.
Текст для сайта нужно готовить самому или также можно заказать на фриланс.
Скачать и установить программу можно перейдя по Ссылке.
Как настроить сетку в проект можно посмотреть Здесь.
После того как подготовили, выбираем Слой во вкладке Toolbox и перетаскиваем в проект. По ширине подгоняем 960 пикселей, по высоте  пока оставим 700 пикселей.
Кликаем два раза левой кнопки мыши по Слою и настраиваем:
К чекбоксе ставим галочку Относительная горизонтальная размерность и выравнивание по Центру.
Верстка сайта в web builder
Во вкладке Стиль переходим режим Изображение и выбираем картинку с компьютера. Путь к картинке должен быть прописан на латинице!
Повтор – не Повторять.
Размер — Cover
Горизонтально – по Центру. Вертикально – по Центру.
Границы оставляем Ноль.
Верстка сайта в web builder стиль
Жмём Ок и нажимаем Предпросмотр в браузере, проверяем как смотрится.
Верстка сайта в web builder просмотр
Переходим к логотипу к контактным данным и заголовку.
В нашей папке имеется два логотипа, выбираем который тёмный и перетаскиваем в проект.
Выбираем из Toolbox Текст и прописываем контакты, размещаем в нужное место.
Прописываем текст заголовка и подзаголовка.
Проверяем в браузере.
Верстка сайта в web builder заголовок
Сейчас необходимо разместить видео на сайте.
Для этого переходим во вкладку Toolbox и выбираем кнопку You Tube и перетаскиваем в проект.
Вставляем ссылку с you tube и ставим галочку в чекбоксе Автостарт.
Верстка сайта в web builder you tubeИ проверяем в браузере…

Верстка сайта в web builder блог

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

Понравился пост поделитесь в социальных сетях.

Верстка сайта в программе Web Builder (1 блог) обновлено: Июль 15, 2018 автором: agmpartner

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

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