WYSIWYG Web Builder 9 Создаем страницу подписки

Как я и обещал, в этом видео мы создадим оригинальную страницу подписки, с помощью программы Web Builder.

После запуска программы создается новый проект.

Так как данный пример будет состоять из одной страницы, нам необходимо в начале задать свойства страницы.

В меню программы выбираем пункт Страница — Свойства страницы.

И устанавливаем свойства нашей страницы:

— заголовок страницы (title) Получи книгу «YouTube — Генератор онлайн заказов» + видео уроки

— имя в меню index

— размер страницы 1280х1024

— расширение html

— тип документа html5

— набор символов Unicode (UTF-8)

Следущая вкладка — Стиль отображения страницы:

Режим Изображение

Указываем файл с изображением на компьютере

Как изображение будет повторяться — Не повторяться и Фиксированный фон

Далее, при необходимости, мы можем выбрать цвета для отображения ссылок на странице.

Стили для вывода текста: шрифт, размер, цвет теста.

На вкладке метатеги вводим информацию о странице, для того чтобы она лучше индексировалась поисковиками.

Это имя автора страницы, ключевые слова и описание.

Также не забудьте убрать информацию о программе WYSIWYG Web Builder 9.

Теперь нам нужно создать элемент где будет заголовок, видео о курсе и форма подписки.

Для этого в качестве элемента мы выбираем Слой.

Перетаскиваем его на страницу и задаем месторасположения и размер.

Двойным щелчком мыши по нему, вызываем окно свойств данного элемента.

Задаем стильего отображения: цвет фона и границу.

После этого добавляем на него элемент Текст.

Вводим заголовок: Получи книгу «YouTube — Генератор онлайн заказов» + видео уроки

Задаем шрифт Tahoma, размер шрифта 15 и стиль написания Bold.

Выравниваем заголовок.

С помощью элемента YouTube, добавляем видео с сервиса YouTube под нашим заголовком.

Задаем параметры элемента, адрес видео и дополнительные опции.

Форму подписки мы будем использовать одного из сервисов JustClick, Smartresponder или Getresponse (в примере JustClick).

Код формы можно добавить с помощью специального элемента HTML.

Добавляем его, задаем положение и размер.

Далее в свойствах вводим заголовок: Форма подписки и код формы подписки.

Смотрим в режиме предпросмотра в браузере, что у нас получилось.

Сохраняем проект на диск.

Далее производим публикацию проекта в HTML-код, который также сохраняем на свой компьютер.

С помощью FTP-клиента FileZilla, загружаем файлы в папку на сервере и смотрим конечный результат

http://apimaps.ru/files/test-subscribe/index.html

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

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