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

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

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

Верстка сайта в программе Web Builder.
В этом посте продолжим верстать сайт.
Открываем папку с материалами и перетаскиваем кнопки vk и fb в проект и центрируем по центру. Прописываем ссылки на социальные группы, для этого два раза кнопкой мыши кликаем по картинке, переходим во вкладку Ссылки, в Цели выбираем Сайт, URL вставляем ссылку из социальной сети. Такое же действие проделываем и со второй картинкой.
Верстка сайта vk web builder
Нажимаем Слой и переносим в проект.
Подбираем такой же цвет как на оригинальном сайте (светло розовый).
Выравниваем Слой по ширине проекта, кликаем два раза кнопкой мыши по Слою, переходим во вкладку Стиль, в режиме ставим Сплошная и в Цвете выбираем Больше цветов. Нажимаем на «пипетку» и выбираем цвет. Смотрите видеоурок Внизу.
Верстка сайта слой web builder
Перетаскиваем следующее изображение на Слой в проект. Выравниваем  с помощью мыши и смотрим, чтобы картинка не выходила за пределы Слоя (синяя рамка).
Верстка сайта изображение web builder
Добавляем текст на Слой «ГОТОВЫ ЗАРАБОТАТЬ ОТ 10 000 ДОЛЛАРОВ, ДАЖЕ ЕСЛИ У ВАС НЕТ ОПЫТА В БИЗНЕСЕ?», подбираем шрифт, размер, цвет и выравниваем.
Пишем подзаголовок «Что если вы в ближайшее время станете частью нашей команды и сделаете результат,
не имея собственного сайта, продукта и даже идеи бизнеса?»  также подбираем шрифт, размер, цвет и центрируем.
Верстка сайта готовый проект web builder
Из папки с материалами перетаскиваем два дополнительных изображения и располагаем в нужном месте. Добавляем текст в изображение «ЗВУЧИТ НЕ ПРАВДОПОДОБНО?» выбираем шрифт, размер, цвет и выравниваем.
Верстка сайта картинка web builder
Добавляем текст в проект «Прочитайте этот текст до конца и вы поймёте,что это абсолютно реально сделать вместе с нами в абсолютно новом бизнес-проекте, который мы запускаем» выбираем шрифт, размер, цвет и выравниваем.
Так же «НО СПЕРВА Я ХОЧУ ЗАДАТЬ ВАМ ВОПРОС:» выбираем шрифт, размер, цвет и центруем.
Выбираем картинку и перетягиваем в проект, равняем.
Вводим текст:
«Готовы ли вы работать 24/7 в команде и быстро обучаться?»
«Или может вы давно ищите возможность создать международный бизнес в Интернет?»
Выбираем шрифт, размер, цвет и выравниваем.
Верстка сайта готово web builder

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

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

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

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

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