Как я и обещал, в этом видео мы создадим оригинальную страницу подписки, с помощью программы 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, загружаем файлы в папку на сервере и смотрим конечный результат