Наверх

Хотите красивую и стильную форму на сайт?

Bez-imeni-1

Пройдите обучающий курс по верстке веб-форм на примере верстки форм подписки

Когда вы создаете формы на вашем сайте, они могут:

  • распадаться на части;
  • один элемент может быть больше другого;
  • не получается добиться нужного расположения и эффектов.

Например, это может выглядеть вот так:

19-04-2014-16-27-32

ногда просто нет желания тратить время на то, чтобы разбираться во всех этих премудростях.

Красивые и стильные формы на вашем сайте — это один из факторов, как вы можете привлекать себе больше клиентов и заинтересованных покупателей.

Понимая основные принципы верстки веб-форм вы можете легко моделировать современные решения с других сайтов.

Вот один из примеров, как НЕ нужно делать формы для современных сайтов.

10-03-2014-14-39-02

Согласитесь, что такие формы оставляют желать лучшего?

Здравствуйте, меня зовут Дмитрий Ченгаев.

Я ведующий сайта //webgyry.info (техническая помощь блоггерам и ведущим сайтов), с посещаемостью более 1500 тысяч уникальных посетителей в день.

Я занимаюсь вопросами веб-разработки и, в частности, версткой веб-страниц с начала 2000 годов. За это время уже написано около 1000 статей на тему веб-разработки.

Предлагаю вашему вниманию курс, который поможет вам разобраться в теории и практике верстки веб-форм на примере верстки форм подписки.

«Верстка стильных форм подписки.»

BOX010

Что входит в курс?

1. Курс по основам верстки форм подписки в закрытом разделе моего сайта.

2. Готовые шаблоны 11 форм подписки.

Кому нужен этот обучающий курс?

blogger-day-2015

Ведущим сайтов или блоггерам и людям, которые ведут свой бизнес в сети Интернет.

Всем этим людям приходится работать с формами на сайте, в том или ином виде. Формы оплаты, подписки, отправки данных, даже просто кнопочка «Заказать» и.т.д. Вы можете научиться делать подобные формы сами, либо платить за это деньги другим людям. Это ваш выбор.

Предлагаю вашему вниманию серию статей в закрытым разделом на моем сайте об основах верстки форм подписки.

Полный перечень уроков (подробнее здесь):

Введение к курсу «Верстка стильных форм подписок».

Введение к курсу «Верстка стильных форм подписок».

Готовим рабочее место, в котором будем проводить эксперименты.

Готовим рабочее место, в котором будем проводить эксперименты.

Наполняем заготовку основными элементами формы.

Наполняем заготовку основными элементами формы.

Важная подготовительная деталь, прежде чем работать со стилями для оформления формы подписки.

Важная подготовительная деталь, прежде чем работать со стилями для оформления формы подписки.

Размещаем элементы формы по вертикали.

Размещаем элементы формы по вертикали.

Меняем тип шрифта и размер текста элементов формы

Меняем тип шрифта и размер текста элементов формы

Работа с границами основных элементов форм подписки.

Работа с границами основных элементов форм подписки.

Скругление границ элементов форм.

Скругление границ элементов форм.

Добавляем текстовые вставки к форме подписки.

Добавляем текстовые вставки к форме подписки.

Работа с шириной и высотой формы и ее элементов.

Работа с шириной и высотой формы и ее элементов.

Выравнивание элементов в форме по центру.

Выравнивание элементов в форме по центру.

Настройка эффекта hover при наведении мыши на кнопку отправки данных.

Настройка эффекта hover при наведении мыши на кнопку отправки данных.

Оформление текстовых полей формы при фокусе на них.

Оформление текстовых полей формы при фокусе на них.

Альтернативный placeholder.

Альтернативный placeholder.

Как сделать, чтобы при нажатии на кнопку «Подписаться на рассылку» окно подписки открывалось в новом окне.

Как сделать, чтобы при нажатии на кнопку «Подписаться на рассылку» окно подписки открывалось в новом окне.

Дизайны форм подписок для вдохновения.

Дизайны форм подписок для вдохновения.

Заключение к курсу «Верстка стильных форм подписки».

Заключение к курсу «Верстка стильных форм подписки».

Это будет серия текстовых уроков с конкретными пошаговыми примерами.

Вот список вопросов, которые будут рассматриваться в курсе:

+ Какие подготовительные работы нужно произвести с формой подписки, чтобы с ней можно было легко работать в дальнейшем.

+ Техники размещения элементов форм подписки по вертикали и горизонтали.

+ Техники работы с текстом. Настройка шрифтов и их размеров.

+ Работа с внутренними и внешними отступами элементов форм.

+ Работа с фоном и границами элементов.

+ Добавление текстовых вставок в форму подписки.

+ Как сделать так, чтобы ширина формы подписки автоматически подстраивалась под размеры элементов формы.

+ Техники выравнивания элементов формы подписки по центру.

+ Изменение внешнего вида элементов формы при наведении на них курсора мыши или получении ими фокуса.

+ Как связать форму подписки с сервисом рассылок

Сколько стоит прохождение курса

Цена курса — это минимальная цена, которую бы вы заплатили фрилансеру, если бы заказали верстку одной формы у него.

Цена предложения:

299 рублей

ПРИСТУПИТЬ К ИЗУЧЕНИЮ КУРСА

Пройдя курс вы можете создавать неограниченное количество форм подписок для ваших проектов, тратить на одну форму минут 10-20 и не платить за это ровно ничего.

Copyright © 2014. Ченгаев Дмитрий. Все права защищены.
ИП Ченгаев Дмитрий Александрович ОГРН 0118913