Молниеносная верстка Landing Page
Полный курс из 70 уроков.
Бесплатная часть курса
- Урок 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. Заключение
Скачать
Не забываем благодарить
Сообщение отредактировал lestat6: 17 Июль 2015 - 21:07