ATLANT ♆
Администратор
- Регистрация
- 09.05.21
- Сообщения
- 45.103
- Реакции
- 118.315
Получите знания которые гарантированно удвоят ваши доходы. Всего за 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тройствах, что делает его неприспособленным к мобильному трафику.
● Деньги на рекламу потрачены в трубу, потому что никто не ждет пока ваш сайт загрузится.
● Недовольный заказчик, который скорее всего не рассчитается с вами.
✔ Что в итоге?Продажник:
Скачать:
Материал может быть удален по просьбе
✔ Для кого этот курс?
● Для тех, кто устал от использования всевозможных однотипных шаблонов из сети и не может до сих пор сверстать свой сайт по своим желаниям.
● Для тех, кому надоело учить 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тройствах, что делает его неприспособленным к мобильному трафику.
● Деньги на рекламу потрачены в трубу, потому что никто не ждет пока ваш сайт загрузится.
● Недовольный заказчик, который скорее всего не рассчитается с вами.
✔ Что в итоге?Продажник:
Скачать:
Материал может быть удален по просьбе
