1. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Скачать Landing Page за 14 дней под любой дисплей - Паскару (2015)

Тема в разделе "Создание сайтов", создана пользователем Gustav, 17 май 2015.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    1.043
    Симпатии:
    6.753
    Научитесь верстать сайты типа LandingPage за 14 дней под любой дисплей
    Автор: Паскару Евгений

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

    Для кого этот курс?
    ● Для тех, кто устал от использования всевозможных однотипных шаблонов из сети и не может до сих пор сверстать свой сайт по своим желаниям.
    ● Для тех, кому надоело учить HTML месяцами, и так ничего и не понять, я решил максимально упростить задачу обучения верстке, я даю сразу HTML и CSS на практике методом постановки задачи, а после ее разрешения.
    ● Для тех, кого достали программы верстки, которые делают абсолютно не качественную работу и вам потом стыдно перед заказчиком, думая, что больше этот клиент к вам не вернется.

    С чем можно столкнуться при разработки сайта или Landing page?
    ● Сайт медленно загружается.
    ● Сайт не адаптируется под разные устройства и имеет фиксированную ширину.
    ● Код на сайте не читабелен. Нельзя ничего сделать кроме как создавать новый.
    ● Сайт не индексируется поисковыми системами. Поискового трафика не будет.
    ● Низкая стоимость. Подумайте сколько может стоить сайт сделанный на автомате за 5 мин?

    Что в итоге?
    ● Недовольный заказчик, который скорее всего не рассчитается с вами.
    ● Деньги на рекламу потрачены в трубу, потому что никто не ждет пока ваш сайт загрузится.
    ● Сайт коряво отображается на мобильных уcтройствах, что делает его неприспособленным к мобильному трафику.
    ● Опять теряем конверсию, даже если там просто убойное УТП.

    Что конкретно вы получите после прохождения курса?
    ● Вы получите базовые знания HTML и CSS, достаточные для того чтобы полностью сделать Landing Page самостоятельно.
    ● Научитесь понимать чужой код и копировать понравившиеся Landing page.
    ● Получите начальные знания Adobe Photoshop для веб-дизайна.
    ● Сможете тестировать свои и сторонние сайты на скорость, удобство пользования и качество.
    ● Ваши Landing Page будут отображаться на 98% дисплеев безупречно.
    ● Вы выучите сверх-адаптивный и самый популярный фреймворк bootstrap 3 (twitter).
    ● Сможете подключать разнообразные скрипты и устанавливать код отслеживания трафика на сайт(Yandex Metrika/ Google Analytics).
    ● Если у вас уже есть сайты, сделанные ранее в (Adobe Muse, Dreamweaver, WSYWiG и т.д) сможете их
    оптимизировать и ускорить.

    Программа курса:
    ● Введение
    ● Знакомство с PSD макетом
    ● Детальный разбор макета
    ● Создаем папки и базовый скелет LP
    ● Расширяем скелет и расписываем заголовки
    ● Делаем 2ю секцию на сайте
    ● Доделываем 2ю секцию на нашем Landing Page
    ● Верстаем скриншоты (картинки на сайте)
    ● Работаем с таблицой
    ● Делаем блок с отзывами
    ● Работаем со списками
    ● Стилизация lp, подключение шрифтов и выравнивание заголовков
    ● Стилизуем желтую полосу и выравниваем картинку
    ● Стилизуем, шаги (преимущества) 1-2-3-4-5-6
    ● Стилизуем зеленую секцию
    ● Стилизуем таблицу
    ● Стилизуем блок отзывов
    ● Стилизация футера (подвала)
    ● Оптимизация картинок и кода. Финал
    ● Разбор того что будем делать
    ● Настройка папок сайта
    ● Знакомство с темами и шаблонами для bootstrap. Метатеги (Добавляем ключевые слова и описание)
    ● Раскройка макета из PSD
    ● Сжимаем картинки и подключаем шрифты
    ● Разбираем адаптивную сетку bootstrap. Основа верстки под мобильные устройства
    ● Как сделать не адаптивный сайт, накидываем базу и немного поговорим о фоновых изображения
    ● Верстаем полностью адаптивное меню
    ● Ставим большую картинку на фон (Hero Image)
    ● Делаем адаптивные заголовки, применяем @media и класс .hidden-* и .visible-*
    ● Добавляем 2й раздел на сайте новый класс .img-responsive(адаптивный)
    ● Добавляем слайдер на Javascript
    ● Добавляем галерею с модальными окнами
    ● Добавляем галерею с модальными окнами продолжение
    ● Создаем список с изображениями класс .media-object
    ● Стилизация Hero image и заголовков, убераем полоску меню
    ● Делаем адаптивную кнопку
    ● Анимация кнопок и элементов
    ● Анимация изображений, мини-parallax эффект
    ● Тени для текста и блоков (text-shadow, box-shadow)
    ● Дорабатываем меню и нижнюю часть
    ● Исправляем косяки
    ● Подключаем скрипт к кнопкам(с функцией отправки письма)
    ● Проверяем кросс-браузерность
    ● Заключение

    Автор: Евгений Паскару
    Тема: landing page, веб-дизайн
    Продолжительность: ~30 часов
    Язык: русский
    Размер: 8.7 Gb


    Курс продается здесь:

    Скачать:
     
    Последнее редактирование: 25 дек 2016
    Zickfreed нравится это.
  2. Магистр Йода

    Магистр Йода Пользователь

    Сообщения:
    248
    Симпатии:
    60
    Для сайтов любой породы сейчас гибкость под моб. устройства будут огромным плюсом, потому не пожалейте времени и в будущем вы поймете что оно того стоило.
     
  3. Zickfreed

    Zickfreed Пользователь Новички

    Сообщения:
    16
    Симпатии:
    0
    Не то слово, Дмитрий. Сейчас такой объём мобильного трафика, что в системах контекстной рекламы отдельные таргетинги и форматы есть для объявлений, которые будут показываться только при использовании поисковика с мобильного устройства.
     
  4. bisdruz

    bisdruz Пользователь

    Сообщения:
    1
    Симпатии:
    0
    Евгений очень просто и понятно объясняет, рекомендую.
     

Загрузка...
Похожие темы Форум Дата
Ищу Научитесь делать продающие Landing Page. Лендинг от Делай Деньги! (2016) Поиск материалов Сегодня, в 17:48
Скачать Научитесь делать продающие Landing Page 2.0 от Делай Деньги (2016) Создание сайтов Среда в 02:02
Скачать FLATPACK v5.1 – Landing Pages Pack With Page Builder Движки сайтов, Скрипты, CMS 15 янв 2017
Скачать Landing Page: построение эффективных посадочных страниц - Нетология (2016) Создание сайтов 15 янв 2017
Скачать Идеальный Landing Page - Новиков, Петроченков (2015) Книги, литература 2 дек 2016
Скачать Select - Landing Page Set with Page Builder v5 Движки сайтов, Скрипты, CMS 2 дек 2016
Скачать 500 шаблонов LANDING PAGE (2014) Landing page 27 окт 2016