Как стать профессиональным верстальщиком
всего за 3 месяца и создавать сайты на заказ??
Внимание! Набор учеников на тренинг - открыт!
Технические характеристики:
7 сайтов своими руками
711 видеоуроков
общее время 34:14:04
качество HD видео
более 15 гигабайт
с поддержкой автора
Состав тренинга:
Выберите действие, нажав на одну из кнопок ниже:
Тренинг состоит из 8 практических модулей. В каждом из которых несколько десятков коротких пошаговых уроков.
Все эти модули разбиты на 3 больших этапа. Которые в сумме составляют более 90 дней обучения.
В конце каждого этапа Вас ждёт экзамен. Каждый экзамен – это сайт, который надо сверстать самостоятельно, без моей помощи.
Скажу так, после прохождения уже первого этапа обучения, Вы сможете самостоятельно сверстать сайт, даже если Вы сейчас ничего не понимаете в HTML5 и CSS3.
Модуль 1.
Практическое освоение верстки
Нажмите на кнопку ниже, что бы почитать описание модуля №1:
В первую очередь этот модуль предназначен для новичков. Так что даже если вы вообще не имеете понятия о создании сайтов – это не проблема. Обучение полностью пошаговое и начинается с самого нуля.
С первого же занятия мы начнем создавать сайт на практике – это будет ваш онлайн-дневник прохождения тренинга. И для него вы получите отдельное место на моем хостинге и сможете размещать свой первый сайт прямо в интернете. Как это делать – вы тоже узнаете.
Пройдя этот модуль, вы уже будете понимать, как создаются сайты, и более того – сможете самостоятельно верстать простые макеты веб-страниц.
Вы уже будете знать, что такое HTML и CSS и как с ними работать! А ваш онлайн-дневник будет называться - простой дневничок :)
Модуль 2.
HTML5 - новые горизонты
Нажмите на кнопку ниже, что бы почитать описание модуля №2:
HTML5 – стал заметно проще по сравнению с ранними версиями. Но в то же время там появилось много новых тегов, которые надо использовать при разработке сайта. Так как они заметно упрощают сам сайт, его структуру и верстку.
В этом модуле вы узнаете про все эти теги, примените их на практике в своем онлайн-дневнике. Будете знать для чего они вообще нужны и как с ними работать.
Кроме простых тегов, вы научитесь использовать новые продвинутые инструменты в сайтостроении: видео, аудио, рисование и много других интересных возможностей. И если раньше для того же видеоплеера надо было подключать специальные скрипты – сейчас можно обойтись только HTML5.
И после прохождения модуля, ваш простой дневничок станет - продвинутым :)
Модуль 3.
CSS3 - анимация и спецэффекты
Нажмите на кнопку ниже, что бы почитать описание модуля №3:
Я уверен, что проходя уроки этого модуля, вы придете просто в дикий восторг! Ведь новый CSS3 открывает перед нами просто безграничные возможности в редактировании дизайна сайтов.
Благодаря ему, мы можем обойтись практически без графики. Что заметно ускорит загрузку сайта. Задание теней, градиентов, округление углов – это лишь детский сад, который вы примените на своем онлайн-дневнике еще в первый день этого модуля.
Зато потом мы будем работать с анимацией и спецэффектами на сайте. Теперь мы можем издеваться над элементами сайт на всю катушку. Ворочать, изменять размеры, перемещать, наклонять, менять цветовую гамму и многое, многое другое.
После прохождения этого модуля, ваш дневник преобразится до не узнаваемости. Теперь мы будем его называть немного по другому, а именно - ВАУ-дневник :)
И самое важное – мы можем подключать анимацию и проводить все изменения плавно, с потрясающей красотой и грацией!
Модуль 4.
Адаптивный дизайн
Нажмите на кнопку ниже, что бы почитать описание модуля №4:
ВНИМАНИЕ! После освоения данного модуля, вы смело можете повышать стоимость своих услуг на 5 000 рублей.
Все чаще и чаще заказчики просят, что бы их сайты отображались корректно на любом устройстве с любым размером экрана. И эта услуга оплачивается отдельно, так как требует дополнительных трудозатрат с вашей стороны.
Суть адаптивного дизайна заключается в том, что для различных разрешений экранов сайт будет отображаться немного по-другому. Какой-то блок станет на всю ширину экрана, где-то уменьшится размер шрифта, а где-то изменится размер картинки и так далее.
То есть, ваш сайт немного поумнеет и будет вести себя так, как вы указали заранее для определенного размера экрана устройства, на котором его просматривают.
И в этом модуле вы научитесь разрабатывать структуру сайтов под разные разрешения экранов и делать так, чтобы на телефоне отображалось одно, на планшете второе, а на ноутбуке или компьютере третье.
Модуль 5.
Создание продающей страницы
Нажмите на кнопку ниже, что бы почитать описание модуля №5:
Чаще всего у верстальщиков заказывают следующие типы сайтов:
- продающая страница
- Landing Page (LP или сайт-воронка)
- сайт-визитка
- шаблон для блога
При чем сайт-визитка может выглядеть и как LP и как обычный шаблон для блога. Поэтому отдельно разбирать его создание мы не будем. А вот остальные 3 типа сайтов вы создадите с самого нуля.
В этом модуле мы сверстаем с самого нуля продающую страницу. Какую?? Посмотрите внимательно :) Вы уже на ней находитесь!
Да-да, именно эту страницу мы и будем верстать в пятом модуле тренинга. Пробежитесь по ней вдоль и поперек, и посмотрите внимательно каждый элемент сайта. Очень скоро, вы создадите все это собственными руками!
Модуль 6.
Создание Landing Page
Нажмите на кнопку ниже, что бы почитать описание модуля №6:
Сейчас эти сайты набирают особенную популярность, так как их можно монетизировать уже на следующий день. И это очень хорошо, ведь тогда мы, верстальщики - не останемся без работы. Да, вот такая я жаба :) Но, думаю, здесь вы меня поддержите.
Так вот, представьте, что вы сможете создавать такие сайты на продвинутом уровне. Красивые, с анимацией в нужный момент (для привлечения внимания). И главное – качественные, эффективные и полностью настроенные для работы.
Мы будем использовать анимацию, различные спец-эффекты, 3D-счетчики, анимированную форму обратной связи со всплывающим окном. Сайт получится просто БОМБА! И главное – вы сможете клепать такие бомбы как самый продвинутый бомбо-завод :)
Модуль 7.
Создание шаблона для блога
Нажмите на кнопку ниже, что бы почитать описание модуля №7:
Шаблон этого блога мы уже создавали в одном из наших тренингов, который был в прошлом году. Однако там он был создан на старых технологиях верстки.
Этот дизайн мне очень нравится, поэтому я решил включить его и в этот тренинг, что бы сверстать его уже по, так сказать, последнему слову техники. Использую передовые фишки HTML5 и CSS3. Те кто его уже делал, заметят большую разницу в коде и скорости загрузки сайта.
Еще одна причина, по которой мы будем верстать именно этот дизайн – в нем используется меню табов и слайдер. Который мы встроим на место формы подписки сразу под главным меню.
Модуль 8.
Вёрстка шаблона Л.Е.В
Нажмите на кнопку ниже, что бы почитать описание модуля №8:
В этом курсе Вы с нуля сверстаете красивый одностраничный шаблон сайта на HTML5 и CSS3.
С формой подписки, плавающим меню и таймером обратного отсчета. Своими руками сделаете адаптивный шаблон – то есть он будет хорошо выглядеть, как на мониторах и ноутбуках, так на планшетах и смартфонах.
Дополнительно Вы создадите CSS3 анимацию для большинства элементов сайта.
Уррраааа! Бонусы :)
Ваш сайт станет - ещё красивее и эффективнее!
Бонус 1.
50 готовых скриптов анимации
Нажмите на кнопку ниже, что бы почитать описание бонуса №1:
Вы можете предложить своему заказчику дополнительную услугу за 3 000 рублей. Это анимировать элементы сайта, что бы в нужный момент посетитель обратил внимание на важную информацию.
Например, при перемотке страницы – надпись подарок подпрыгнет и привлечет к себе внимание.
Такой подход заметно увеличивает эффективность – рекламы, подписки и продаж. Поэтому заказчики с радостью будут покупать эту услугу, повышая Ваш доход!
В третьем модуле "CSS 3 - анимация и спецэффекты" вы будете практиковать создание анимации на сайте. И когда дойдет время до этого бонуса, вы уже и сами сможете делать красивые и плавные переходы.
Бонус 2.
2 формы обратной связи
Нажмите на кнопку ниже, что бы почитать описание бонуса №2:
Форма обратной связи очень важна на сайте. И еще не менее важно (особенно на Landing Page), что бы после отправки сообщения - клиента не перебрасывало на новую страницу, а оставляло на прежней.
В 99% случаев заказчик всегда просит установить форму обратной связи на сайт. И не абы какую, а что бы красивая была, стильная и оставляла клиента на месте. И еще оповещала про ошибки и успешную отправку письма.
В этом бонусе мы разберем 2 ПРАВИЛЬНЫЕ формы обратной связи. Которые выполняют условия, описанные выше.
Бонус 3.
3 таймера обратного отсчета
Нажмите на кнопку ниже, что бы почитать описание бонуса №3:
Ни что так не подстегивает человека совершить нужное действие, как тикающий таймер на сайте. Ведь он заставляет клиента действовать сейчас. А это очень важно, так как если посетитель откладывает покупку на потом – в 95% случаев, он не возвращается на сайт.
Но само по себе сказать, что до конца акции осталось 8 часов – мало. Надо что бы человек увидел это время, как уходят секунды, минуты, часы. И понимал, что осталось совсем немного и надо делать заказ сейчас. Иначе возможность уйдет…
На любом толковом сайте, который связан с продажей услуги или товара всегда присутствует таймер. Оповещающий, что акция закончится буквально через пару часов. И вы, как будущий профессиональный верстальщик должны знать о таймерах все. Уметь их устанавливать на сайт и настраивать так, как нужно заказчику.
Здесь вы научитесь работать сразу с 3-мя различными таймерами. Научитесь их настраивать и изменять дизайн.
Кликните на фото, что бы прочитать отзыв:
"Сверстала страницу сайта всего за 2 часа!"
Всем привет! Меня зовут Анна Кюсева, я участница тренинга Сергея Михалевича «Верстаем на 5+» версия 2.0.
Я считаю, что тренинг полностью оправдывает свое название, так как он действительно учит создавать многофункциональные странички для сайтов на «отлично».
Сейчас я прошла только первую часть тренинга, а в итоге я САМА сверстала главную страницу сайта, потратив всего 2 часа своего времени.
Огромное спасибо и низкий поклон за это Сергею!!!
"главное, никакой воды, только практика"
Привет всем! Меня зовут Александр. Мне 54 года. Я из Нижнего Новгорода.
Давно хотел научиться "делать сайты". "Набрел" на сайт: www.Master-CSS.com и вот уже 2 года мы вместе.
Прохожу у Сереги уже не первый тренинг. Мне очень нравится, как Сергей преподносит материал. И вообще, он очень "позитивный" человек.
А главное, никакой воды, только практика. Всем советую. Если хотите чему-то научиться – Вам на тренинг "Верстаем на 5+ 2.0".
С уважением, А. Крюков.
"Очень довольна тренингом"
Очень довольна тренингом. Первый раз когда-то записалась на один из твоих тренингов, мне понравилась методика преподавания и вот теперь я опять на твоем тренинге.
Нравится метод ведения обучения с домашками. Без домашек это был бы очередной курс на диске. А задание на дом заставляет вспомнить что было и на предыдущих уроках, иногда мозгами пошевелить, а иногда и в инете покопаться. В общем расслабиться не дает, но я "вечный студент" и к этому почти привыкла.
Отдельное спасибо за твой юмор и немонотонную речь при записи уроков. Многие вещи, которые изучаем, внедряю на своих сайтах, и они уже сильно отличаются от моих первых сайтов. Успехов тебе в твоем увлекательном деле!!!
"многое для меня оказалось откровением"
Всем привет! Меня зовут Михаил. У меня высшее техническое образование. Кандидат технических наук.
Преподаю в университете. По сути моей работы тесно связан с вычислительной техникой и программированием.
Но конкретно созданием сайтов я занялся с 2012 года. То, что я прошел тренинг "Верстаем на 5+ 2.0", мне очень помогло в решении сложных задач сайтостроения, именно в части применения новейших технологий HTML5 и CSS3. Многое из того, что Сергей изложил живым языком и продемонстрировал на конкретных примерах, для меня оказалось откровением. Заинтересованным лицам я бы очень посоветовал пройти этот тренинг.
Гарантия - честная и простая
Ребята привет! Это Сергей. Не буду распинаться, давайте сделаем по простому:
Если вам не понравится курс, или вы не сможете по моим урокам сверстать сайт. Просто напишите мне письмо с просьбой вернуть деньги.
Я верну Вам их без лишних вопросов, а курс - можете оставить себе!
С уважением, Сергей
