Автор: Евгений Паскару
Название: Молниеносная верстка Landing page

[Евгений Паскару] Молниеносная верстка Landing page


Научитесь верстать сайты типа Landing Page за 14 дней под любой дисплей.

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

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

Если вы смотрели мои бесплатные уроки, то убедились в том, что ничего АБСОЛЮТНО сложного нет в верстке и можно все сразу усваивать быстро на практике.

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

Бесплатная часть курса
  • Урок 1. Вступление
  • Урок 2. Установка ПО
  • Урок 3. Установка локального сервера. Основы бутстрап сетки
  • Урок 4. Наш первый заголовок
  • Урок 5. Классы и идентификаторы
  • Урок 6. Стилизуем абзацы
  • Урок 7. Абзацы, часть 2
  • Урок 8. Делаем мини-сайт
  • Урок 9. Рисуем шаблон. Сетка 960px
  • Урок 10. Рисуем шаблон. Верхняя часть сайта
  • Урок 11. Рисуем шаблон. Область контента
  • Урок 12. Рисуем шаблон. Форма и подвал
  • Урок 13. Раскройка PSD макета
  • Урок 14. Общий скелет сайта
  • Урок 15. Верстка хэдера
  • Урок 16. Верстка хэдера, заголовки
  • Урок 17. Верстка хэдера, вставка видео
  • Урок 18. Верстка хэдера, установка таймера
  • Урок 19. Формы.
  • Урок 20. Футер. Политика конфиденциальности
  • Урок 21. Стилизация
  • Урок 22. Стилизация, часть 2
  • Урок 23. Стилизация, часть 3
  • Урок 24. Подключение шрифтов
  • Урок 25. Проверка валидности на w3c
  • Урок 26. Домашнее задание
Получите знания которые гарантированно удвоят ваши доходы
  • Урок 27. Знакомство с PSD макетом.
  • Урок 28. Детальный разбор макета.
  • Урок 29. Создаем папки и базовый скелет LP.
  • Урок 30. Расширяем скелет и расписываем заголовки.
  • Урок 31. Делаем 2ю секцию на сайте
  • Урок 32. Доделываем 2ю секцию на нашем Landing Page
  • Урок 33. Верстаем скриншоты (картинки на сайте)
  • Урок 34. Работаем с таблицой
  • Урок 35. Делаем блок с отзывами
  • Урок 36. Работаем со списками
  • Урок 37. Стилизация lp, подключение шрифтов и выравнивание заголовков
  • Урок 38. Стилизуем желтую полосу и выравниваем картинку
  • Урок 39. Стилизуем, шаги (преимущества) 1-2-3-4-5-6.
  • Урок 40. Стилизуем зеленую секцию.
  • Урок 41. Стилизуем таблицу
  • Урок 42. Стилизуем блок отзывов
  • Урок 43. Стилизация футера(подвала)
  • Урок 44. Оптимизация картинок и кода. Финал.
Сверстаем профессиональный Landing Page

  • Урок 45. Разбор того что будем делать.
  • Урок 46. Настройка папок сайта
  • Урок 47. Знакомство с темами и шаблонами для bootstrap. Метатеги(Добавляем ключевые слова и описание)
  • Урок 48. Раскройка макета из PSD
  • Урок 49. Сжимаем картинки и подкл. шрифты
  • Урок 50. Разбираем адаптивную сетку bootstrap. Основа верстки под мобильные устройства
  • Урок 51. Как сделать не адаптивный сайт, накидываем базу и немного поговорим о фоновых изображения
  • Урок 52. Верстаем полностью адаптивное меню
  • Урок 53. Ставим большую картинку на фон(Hero Image)
  • Урок 54. Делаем адаптивные заголовки, применяем @media и класс .hidden-* и .visible-*
  • Урок 55. Добавляем 2й раздел на сайте новый класс .img-responsive(адаптивный)
  • Урок 56. Добавляем слайдер на Javascript
  • Урок 57. Добавляем галерею с модальными окнами
  • Урок 58. Добавляем галерею с модальными окнами продолжение
  • Урок 59. Создаем список с изображениями класс .media-object
  • Урок 60. Стилизация Hero image и заголовков, убераем полоску меню.
  • Урок 61. Делаем адаптивную кнопку.
  • Урок 62. Анимация кнопок и элементов
  • Урок 63. Анимация изображений, мини-parallax эффект
  • Урок 64. Тени для текста и блоков (text-shadow, box-shadow)
  • Урок 65. Дорабатываем меню и нижнюю часть
  • Урок 66. Исправляем косяки
  • Урок 68. Подключаем скрипт к кнопкам(с функцией отправки письма)
  • Урок 69. Проверяем кросс-браузерность
  • Урок 70. Заключение


Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.


Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:
bionicle174
bionicle174
Премиум
badge badge badge
Регистрация
30/01/2019
Сообщения
7
Репутация
5
По верстке этот курс не советую, 2014 год, морально устарела информация.
К 50му уроку знакомство с сеткой бутстрапа)) Очень молниеносно. Скачал, удалил. Берегите время.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

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

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Малыш Джон
Ответы
2
Просмотры
2K
Els i El
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
4
Просмотры
1K
Суперюля
Суперюля

Похожие темы

Малыш Джон
Ответы
0
Просмотры
804
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
2
Просмотры
6K
drkobz
Алан-э-Дейл
Ответы
10
Просмотры
4K
Alexonic1984
Alexonic1984
Алан-э-Дейл
Ответы
1
Просмотры
3K
flex46
Алан-э-Дейл
Ответы
1
Просмотры
3K
Agel
Agel
Алан-э-Дейл
Ответы
6
Просмотры
4K
Vito_green
Vito_green
Алан-э-Дейл
Ответы
10
Просмотры
4K
Alexonic1984
Alexonic1984
Малыш Джон
Ответы
4
Просмотры
3K
pro100
pro100
Малыш Джон
Ответы
6
Просмотры
4K
0xotnik
Малыш Джон
Ответы
0
Просмотры
663
Малыш Джон
Малыш Джон
Сверху Снизу