Тренинг Центр Master-CSS

представляет:

Как стать профессиональным верстальщиком

всего за 3 месяца и создавать сайты на заказ??

Внимание! Набор учеников на тренинг - открыт!

Моя морда :)

Предисловие...

Добрый день уважаемые друзья. На связи с вами Сергей Михалевич – ведущий тренинга “Верстаем на 5+” 2.0

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

Я всегда мечтал делать красивые, легкие и эффективные сайты в интернете. Но перед этой мечтой постоянно стояла высокая преграда:

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

Из-за большого их количества и размеров, сайт долго грузился и не всегда работал. А это очень плохо, так как поисковые системы не любят “тормознутых” сайтов, и из-за этого заметно падает их посещаемость.

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

Естественно, я всегда выбирал второй вариант, как ни крути, а эффективность намного важнее всяких финтифлюшек.

Но, время не стоит на месте. Браузеры (программы через которые вы смотрите сайты) и интернет-технологии постоянно развиваются и улучшаются. И вот, я с радостью хочу сообщить вам, что наступил тот самый момент, когда можно создавать действительно классные сайты не боясь за скорость их загрузки.

И это стало возможно благодаря HTML5 и CSS3!

HTML5 и CSS3

И это действительно две очень крутые штуки. Так как позволяют вытворять со своим сайтом все немыслимые ранее вещи. И, внимание, при этом практически не надо использовать никаких скриптов и дополнительных картинок.

Хотите порисовать? Встроить видео или аудио плеер? Переместить, перевернуть, изменить размер, и при этом анимировать любой элемент сайта? Создать тень, градиент или скругления углов? И многое другое?

Все это стало возможно, ВНИМАНИЕ, без использования скриптов.

Благодаря HTML5 и CSS3 вы сможете создавать действительно эффективные и красивые сайты. И именно этому я собираюсь вас обучить в своем новом тренинге “Верстаем на 5+” 2.0

Освойте на продвинутом уровне HTML5 и CSS3

всего за 8 300 рублей!
Отзыв ученика
Анна Кюсева

"Сверстала страницу сайта всего за 2 часа!"

Всем привет!

Меня зовут Анна Кюсева, я участница тренинга Сергея Михалевича «Верстаем на 5+» версия 2.0.

И сейчас я хочу поделиться своими впечатлениями о тренинге.

Я считаю, что тренинг полностью оправдывает свое название, так как он действительно учит создавать многофункциональные странички для сайтов на «отлично».

Как проходит тренинг?

Тренинг проходит на закрытом форуме, Сергей ежедневно выдает видео уроки (3-5 мин.), в ходе которых отрабатывается теоретический материал на практике.

Все показывается и рассказывается в «разжеванном» виде – остается только проглотить и переварить. Не знаю, как Серега это делает, но его уроки преинтересные - смотрятся на одном дыхании (как триллер).

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

В заключение скажу, что до тренинга «Верстаем на 5+» я имела очень смутные понятия о HTML5 и CSS3. А значит пришла на него полным «нулем».

Сейчас я прошла только первую часть тренинга, а в итоге я САМА сверстала главную страницу сайта, потратив всего 2 часа своего времени.

Огромное спасибо и низкий поклон за это Сергею!!!

Состав тренинга

Части тренинга

Тренинг Верстаем на 5+ 2.0 разбит на 3 большие части. Каждая из которых в свою очередь разделена на несколько модулей.

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

Части тренинга я обозвал в шутку следующим образом:

1 часть. Теоретикум - состоит из 4-ех модулей

Она называется так потому, что мы будем здесь очень плотно обучаться и применять новые знания на практике. Создавая попутно самый настоящий сайт в интернете начиная уже с первого занятия.

Сайт – это ваш личный онлайн-дневник. В котором вы будете обучаться, и попутно совершенствовать его, делая все лучше, красивее и эффективнее.

Впрочем, дальше по этой странице вы увидите дизайн своего дневника, который получится у вас в итоге.

2 часть. Практикум - состоит из 3-ех модулей

Здесь Вас ждет сугубо практика. И только она. Каждый модуль, это новый сайт, который мы будем создавать опять же с самого нуля.

Практикум предназначен для закрепления пройденного материала на практике. Что бы по окончании тренинга вы смогли отправится в свободный полет. И верстать продвинутые, профессиональные сайты уже без моей помощи.

3 часть. Бонусы - ровно 3 штукА :)

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

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

Теоретикум :)

Первая часть тренинга "Верстаем на 5+" 2.0

Модуль 1
Практическое освоение верстки

Практическое освоение верстки

Продолжительность - 2 недели.

В первую очередь этот модуль предназначен для новичков. Так что даже если вы вообще не имеете понятия о создании сайтов – это не проблема. Обучение полностью пошаговое и начинается с самого нуля.

С первого же занятия мы начнем создавать сайт на практике – это будет ваш онлайн-дневник прохождения тренинга. И для него вы получите отдельное место на моем хостинге и сможете размещать свой первый сайт прямо в интернете. Как это делать – вы тоже узнаете.

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

Вы уже будете знать, что такое HTML и CSS и как с ними работать! А ваш онлайн-дневник будет называться - простой дневничок :)

Модуль 2
HTML 5 - новые горизонты

HTML 5 - новые горизонты

Продолжительность - 1 неделя.

HTML 5 – стал заметно проще по сравнению с ранними версиями. Но в то же время там появилось много новых тегов, которые надо использовать при разработке сайта. Так как они заметно упрощают сам сайт, его структуру и верстку.

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

Кроме простых тегов, вы научитесь использовать новые продвинутые инструменты в сайтостроении: видео, аудио, рисование и много других интересных возможностей. И если раньше для того же видеоплеера надо было подключать специальные скрипты – сейчас можно обойтись только HTML 5.

И после прохождения модуля, ваш простой дневничок станет - продвинутым :)

Модуль 3
CSS 3 - анимация и спецэффекты

CSS 3 - анимация и спецэффекты

Продолжительность - 1 неделя.

Я уверен, что проходя уроки этого модуля, вы придете просто в дикий восторг! Ведь новый CSS 3 открывает перед нами просто безграничные возможности в редактировании дизайна сайтов.

Благодаря ему, мы можем обойтись практически без графики. Что заметно ускорит загрузку сайта. Задание теней, градиентов, округление углов – это лишь детский сад, который вы примените на своем онлайн-дневнике еще в первый день этого модуля.

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

И самое важное – мы можем подключать анимацию и проводить все изменения плавно, с потрясающей красотой и грацией!

После прохождения этого модуля, ваш дневник преобразится до не узнаваемости. Теперь мы будем его называть немного по другому, а именно - ВАУ-дневник :)

Модуль 4
Адаптивный дизайн

Адаптивный дизайн

Продолжительность - 1 неделя.

ВНИМАНИЕ! После освоения данного модуля, вы смело можете повышать стоимость своих услуг на 5 000 рублей.

Все чаще и чаще заказчики просят, что бы их сайты отображались корректно на любом устройстве с любым размером экрана. И эта услуга оплачивается отдельно, так как требует дополнительных трудозатрат с вашей стороны.

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

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

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

Итог

Вот что у вас получится:

На этом заканчивается первая часть тренинга под названием – Теоретикум :) Что будет в Практикуме, смотрите ниже под этим блоком.

Так вот, в ходе первой части, вы не только изучите полностью HTML 5, CSS 3 и научитесь верстать сайты как настоящий профессионал. Но и создадите живой, красивый и интересный онлайн-дневник.

И помните, в начале вы будете создавать его с чистого, белого листа, а в конце у вас получится вот такой замечательный сайт (смотрите картинку ниже).

Ваш будущий онлайн-дневник:

Ваш дневник

Станьте профессиональным верстальщиком

всего за 8 300 рублей!
Отзыв ученика
Александр Крюков

"главное, никакой воды, только практика"

Привет всем!

Меня зовут Александр. Мне 54 года. Я из Нижнего Новгорода.

Давно хотел научиться "делать сайты".

"Набрел" на сайт: www.Master-CSS.com и вот уже 2 года мы вместе.

Прохожу у Сереги уже не первый тренинг. Мне очень нравится, как Сергей преподносит материал. И вообще, он очень "позитивный" человек.

А главное, никакой воды, только практика.

Всем советую. Если хотите чему-то научиться – Вам на тренинг "Верстаем на 5+ 2.0".

С уважением, А. Крюков.

Практикум :)

Вторая часть тренинга "Верстаем на 5+" 2.0

Модуль 5
Создание продающей страницы

Создание продающей страницы

Продолжительность - 1 неделя.

Чаще всего у верстальщиков заказывают следующие типы сайтов:

- продающая страница

- Landing Page (LP или сайт-воронка)

- сайт-визитка

- шаблон для блога

При чем сайт-визитка может выглядеть и как LP и как обычный шаблон для блога. Поэтому отдельно разбирать его создание мы не будем. А вот остальные 3 типа сайтов вы создадите с самого нуля.

В этом модуле мы сверстаем с самого нуля продающую страницу. Какую??

Посмотрите внимательно :) Вы уже на ней находитесь!

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

Очень скоро, вы создадите все это собственными руками!

Модуль 6
Создание Landing Page

Создание Landing Page

Продолжительность - 1 неделя.

Сейчас эти сайты набирают особенную популярность, так как их можно монетизировать уже на следующий день. И это очень хорошо, ведь тогда мы, верстальщики - не останемся без работы. Да, вот такая я жаба :) Но, думаю, здесь вы меня поддержите.

Так вот, представьте, что вы сможете создавать такие сайты на продвинутом уровне. Красивые, с анимацией в нужный момент (для привлечения внимания). И главное – качественные, эффективные и полностью настроенные для работы.

К сожалению, тяп-ляп сейчас не работает из-за конкуренции. Поэтому надо быть на коне. И этот модуль поможет вам добиться потрясающих результатов в этой теме.

Мы будем использовать анимацию, различные спец-эффекты, 3D-счетчики, анимированную форму обратной связи со всплывающим окном. Сайт получится просто БОМБА! И главное – вы сможете клепать такие бомбы как самый продвинутый бомбо-завод :)

Ниже я прикрепил скриншот шаблона, который мы сделаем с нуля. Но только там лишь его небольшая верхняя часть, так как дизайн очень длинный (на несколько листов в перемотке). Так что пришлось обрезать, иначе эта страница грузилась бы очень долго, так как картинка получится неимоверно большая.

Дизайн Landing Page:

Создание Landing Page
Модуль 7
Создание шаблона для блога

Создание шаблона для блога

Продолжительность - 1 неделя.

Шаблон этого блога мы уже создавали в одном из наших тренингов, который был в прошлом году. Однако там он был создан на старых технологиях верстки.

Этот дизайн мне очень нравится, поэтому я решил включить его и в этот тренинг, что бы сверстать его уже по, так сказать, последнему слову техники. Использую передовые фишки HTML5 и CSS3. Те кто его уже делал, заметят большую разницу в коде и скорости загрузки сайта.

Еще одна причина, по которой мы будем верстать именно этот дизайн – в нем используется меню табов и слайдер. Который мы встроим на место формы подписки сразу под главным меню.

Это даст вам больше опыта и откроет еще пару отличных фишек в создании сайтов. И вы сможете использовать их в своих проектах, и на сайтах заказчиков.

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

Дизайн шаблона блога:

Создание шаблона для блога

Создайте целых 3 сайта и онлайн-дневник

всего за 8 300 рублей!
Отзыв ученика
Денисюк Олег

"самое главное - домашние задания"

Спасибо, Серёга, за такой замечательный тренинг.

Ну вот и первый этап тренинга "Верстаем на 5+ 2.0" позади.Спасибо Сереге за такой замечательный тренинг.

Даже для начинающего верстальщика (какое громкое слово было вначале тренинга) все понятно.

Разжевано до мелочей. Даже вещи, о которых знал, поданы таким образом, что как бы знакомишься с ними заново. И, пожалуй, самое главное в тренинге, то что приходиться делать домашние задания. Не просто смотришь видеоуроки, а делаешь все своими руками, ну и соответственно головой. Если что не ясно, всегда можно задать вопрос и получить конкретный ответ или совет.

Я многому научился. Сейчас начал проходить второй этап. Думаю, он будет таким же качественным, как и первый.

Еще раз СПАСИБО. Пойду делать домашку.

Ура!!! Бонусы :)

Ваш сайт странет - еще красивее и эффективнее!

Бонус 1
50 готовых скриптов анимации!

50 готовых скриптов анимации

Продолжительность - 3 дня.

Вы можете предложить своему заказчику дополнительную услугу за 3 000 рублей. Это анимировать элементы сайта, что бы в нужный момент посетитель обратил внимание на важную информацию.

Например, при перемотке страницы – надпись подарок подпрыгнет и привлечет к себе внимание.

Такой подход заметно увеличивает эффективность – рекламы, подписки и продаж. Поэтому заказчики с радостью будут покупать эту услугу, повышая Ваш доход!

В третьем модуле "CSS 3 - анимация и спецэффекты" вы будете практиковать создание анимации на сайте. И когда дойдет время до этого бонуса, вы уже и сами сможете делать красивые и плавные переходы.

Cкорее всего перед вами созрел следующий вопрос:

Тогда зачем вообще этот бонус?

Ответ прост – экономия времени и нервов. Что бы создать простую анимацию – достаточно задать пару правил в CSS3. Однако, чтобы сделать анимацию навороченную и красивую – необходима фантазия, время и много правил.

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

Ну а если что-то не понравится – вы сможете легко изменить какой-нибудь отдельный скрипт анимации по своему вкусу. Ведь вы уже будете знать, как ее создавать и сможете легко редактировать готовые скрипты.

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

В общем, этот бонус поможет вам сделать свой сайт красивым, эффективным и интересным за пару минут :)

Бонус 2
2 формы обратной связи

2 формы обратной связи

Продолжительность - 2 дня.

Форма обратной связи очень важна на сайте. И еще не менее важно (особенно на Landing Page), что бы после отправки сообщения - клиента не перебрасывало на новую страницу, а оставляло на прежней.

В 99% случаев заказчик всегда просит установить форму обратной связи на сайт. И не абы какую, а что бы красивая была, стильная и оставляла клиента на месте. И еще оповещала про ошибки и успешную отправку письма.

В этом бонусе мы разберем 2 ПРАВИЛЬНЫЕ формы обратной связи. Которые выполняют условия, описанные выше.

Первая форма будет анимированная. То есть, когда клиент отправит письмо – она изменится, и прямо в ней появится сообщение, что письмо успешно отправлено.

Вторая форма будет со всплывающим окном. Это значит, что когда клиент отправить письмо – на сайте всплывет окошко, что письмо успешно отправлено.

ВАЖНО! Обе формы будут проверять правильность ввода. И если посетитель не так введет e-mail, или вообще оставит поле пустым… Наша умная форма обратной связи вежливо укажет ему на ошибку.

Мы будем учиться устанавливать формы на сайт, оформлять через CSS3 и настраивать под ключ. С ними вы удовлетворите запросы даже самого привередливого заказчика :)

Бонус 3
3 таймера обратного отсчета

3 таймера обратного отсчета

Продолжительность - 1 неделя.

Ни что так не подстегивает человека совершить нужное действие, как тикающий таймер на сайте. Ведь он заставляет клиента действовать сейчас. А это очень важно, так как если посетитель откладывает покупку на потом – в 95% случаев, он не возвращается на сайт.

Но само по себе сказать, что до конца акции осталось 8 часов – мало. Надо что бы человек увидел это время, как уходят секунды, минуты, часы. И понимал, что осталось совсем немного и надо делать заказ сейчас. Иначе возможность уйдет…

На любом толковом сайте, который связан с продажей услуги или товара всегда присутствует таймер. Оповещающий, что акция закончится буквально через пару часов. И вы, как будущий профессиональный верстальщик должны знать о таймерах все. Уметь их устанавливать на сайт и настраивать так, как нужно заказчику.

Здесь вы научитесь работать сразу с 3-мя различными таймерами. Научитесь их настраивать и изменять дизайн.

Первые 2 таймера анимированные. При чем один из них вообще не использует графики (смотрите таймер на этом сайте). И после прохождения этого бонуса вы узнаете, как менять не только дизайн, но и саму анимацию.

Третий таймер будет самым продвинутым. Так как он может отслеживать людей по кукисам и IP, а еще - позволяет менять содержимое страницы. Например, когда акция идет – посетителю показывается ее содержимое. А когда время уйдет, человеку будет выводится информация, что акция завершена.

Скажу по секрету: с последним таймером – мы сверстаем еще одну страницу, что бы вы научились применять его на практике.

Состав тренинга

Получите все 3 бонуса в подарок сделав заказ сейчас

всего за 8 300 рублей!
Отзыв ученика
Михаил

"многое для меня оказалось откровением"

Всем привет! Меня зовут Михаил.

У меня высшее техническое образование. Кандидат технических наук.

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

Но конкретно созданием сайтов я занялся с 2012 года.

Вот плод моих трудов: Сайт магазина "Посуда+" https://www.posuda-plus-spb.ru

То, что я прошел тренинг "Верстаем на 5+ 2.0", мне очень помогло в решении сложных задач сайтостроения, именно в части применения новейших технологий HTML5 и CSS3. Многое из того, что Сергей изложил живым языком и продемонстрировал на конкретных примерах, для меня оказалось откровением. Заинтересованным лицам я бы очень посоветовал пройти этот тренинг.

Моя морда :)

Организационная информация:

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

Когда начнется тренинг?

Уроки уже записаны. После оплаты вы получите доступ ко всем урокам тренинга и сможете скачать их на компьютер.

Выходные будут?

Конечно! Суббота и воскресенье мы отдыхаем. А так же все праздничные дни, которые попадутся на нашем легком и интересном пути.

Где будет проходить тренинг?

Тренинг будет проходить на нашем форуме (https://forum.expert-css.com). Все ученики получат доступ в закрытый раздел форума по тренингу “Верстаем на 5+” 2.0

Там же можно будет каждый день задавать вопросы и скачивать все уроки к себе на компьютер. Домашние работы так же будут проверяться мной каждый день на ошибки.

Какой срок выполнения уроков?

Ограничений нет. Вы вольны проходить тренинг в любое удобное время. Допустим вам удобно работать с 8 до 10 часов вечера. Вы заходите на форум, скачиваете уроки, проходите их. И выкладываете домашнюю работу на хостинге (доступ и инструкции вы тоже получите).

На следующий день я проверяю вашу домашку и указываю на ошибки, если таковые найдутся.

Какова продолжительность тренинга?

Продолжительность всех 7-ми модулей вместе с 3-мя бонусами приблизительно около 2-ух месяцев. Плюс, минус – 5 дней.

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

Вы ничем не рискуете!

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

Вам не о чем беспокоиться!

HTML5 и CSS3

Полный комплект со скидкой в 2 000 рублей!

Состав тренинга

Забирайте все это

всего за 8 300 рублей!