Landing Page За 14 Дней Под Любой Дисплей

  • Автор темы I AM
  • 141
  • Обновлено
  • 24, Oct 2018
  • #1
Получите знания которые гарантированно удвоят ваши доходы.

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

Информация, в курсе, максимально практическая.

Ваш сайт будет до тончайших деталей отображаться на всех типах устройств.

✔ Для кого этот курс?

● Для тех, кто устал от использования всевозможных однотипных шаблонов из сети и не может до сих пор сверстать свой сайт по своим желаниям.

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

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

✔ С чем можно столкнуться при разработки сайта или Landing page?

● Сайт медленно загружается.

● Сайт не адаптируется под разные устройства и имеет фиксированную ширину.

● Код на сайте не читабелен.

Нельзя ничего сделать кроме как создавать новый. ● Сайт не индексируется поисковыми системами.

Поискового трафика не будет. ● Низкая стоимость.

Подумайте сколько может стоить сайт сделанный на автомате за 5 мин?

● Заключение

● Проверяем кросс-браузерность

● Подключаем скрипт к кнопкам(с функцией отправки письма)

● Исправляем косяки

● Дорабатываем меню и нижнюю часть

● Тени для текста и блоков (text-shadow, box-shadow)

● Анимация изображений, мини-parallax эффект

● Анимация кнопок и элементов

● Делаем адаптивную кнопку

● Стилизация Hero image и заголовков, убераем полоску меню

● Создаем список с изображениями класс .media-object

● Добавляем галерею с модальными окнами продолжение

● Добавляем галерею с модальными окнами

● Добавляем слайдер на Javascript

● Добавляем 2й раздел на сайте новый класс .img-responsive(адаптивный)

● Делаем адаптивные заголовки, применяем @media и класс .hidden-* и .visible-*

● Ставим большую картинку на фон (Hero Image)

● Верстаем полностью адаптивное меню

● Как сделать не адаптивный сайт, накидываем базу и немного поговорим о фоновых изображения

● Разбираем адаптивную сетку bootstrap.

Основа верстки под мобильные устройства ● Сжимаем картинки и подключаем шрифты ● Раскройка макета из PSD ● Знакомство с темами и шаблонами для bootstrap.

Метатеги (Добавляем ключевые слова и описание) ● Настройка папок сайта ● Разбор того что будем делать ● Оптимизация картинок и кода.

Финал

● Стилизация футера (подвала)

● Стилизуем блок отзывов

● Стилизуем таблицу

● Стилизуем зеленую секцию

● Стилизуем, шаги (преимущества) 1-2-3-4-5-6

● Стилизуем желтую полосу и выравниваем картинку

● Стилизация lp, подключение шрифтов и выравнивание заголовков

● Работаем со списками

● Делаем блок с отзывами

● Работаем с таблицой

● Верстаем скриншоты (картинки на сайте)

● Доделываем 2ю секцию на нашем Landing Page

● Делаем 2ю секцию на сайте

● Расширяем скелет и расписываем заголовки

● Создаем папки и базовый скелет LP

● Детальный разбор макета

● Знакомство с PSD макетом

● Введение

✔ Программа курса:

оптимизировать и ускорить.

● Если у вас уже есть сайты, сделанные ранее в (Adobe Muse, Dreamweaver, WSYWiG и т.д) сможете их

● Сможете подключать разнообразные скрипты и устанавливать код отслеживания трафика на сайт(Yandex Metrika/ Google Analytics).

● Вы выучите сверх-адаптивный и самый популярный фреймворк bootstrap 3 (twitter).

● Ваши Landing Page будут отображаться на 98% дисплеев безупречно.

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

● Получите начальные знания Adobe Photoshop для веб-дизайна.

● Научитесь понимать чужой код и копировать понравившиеся Landing page.

● Вы получите базовые знания HTML и CSS, достаточные для того чтобы полностью сделать Landing Page самостоятельно.

✔ Что конкретно вы получите после прохождения курса?

● Опять теряем конверсию, даже если там просто убойное УТП.

● Сайт коряво отображается на мобильных уcтройствах, что делает его неприспособленным к мобильному трафику.

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

● Недовольный заказчик, который скорее всего не рассчитается с вами.

✔ Что в итоге?

Скрытая информация :: Авторизуйтесь для просмотра »
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »

I AM


Рег
23 Jul, 2011

Тем
49554

Постов
57426

Баллов
552966
  • 05, Apr 2023
  • #2
Получите знания которые гарантированно удвоят ваши доходы.

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

Информация, в курсе, максимально практическая.

Ваш сайт будет до тончайших деталей отображаться на всех типах устройств.

? Для кого этот курс?

? Для тех, кто устал от использования всевозможных однотипных шаблонов из сети и не может до сих пор сверстать свой сайт по своим желаниям.

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

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

? С чем можно столкнуться при разработки сайта или Landing page?

? Сайт медленно загружается.

? Сайт не адаптируется под разные устройства и имеет фиксированную ширину.

? Код на сайте не читабелен.

Нельзя ничего сделать кроме как создавать новый. ? Сайт не индексируется поисковыми системами.

Поискового трафика не будет. ? Низкая стоимость.

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

? Программа курса:

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

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

leshagalkin


Рег
17 Apr, 2006

Тем
0

Постов
1

Баллов
1
Тем
49554
Комментарии
57426
Опыт
552966

Интересно