↑ Наверх ↑

Зарегистрируйся БЕСПЛАТНО!

И получи доступ к десяткам тысяч видеокурсам и обучающим материалам от самых известных авторов!

 

В нашем клубе собрано уже больше 10 000 видеокурсов, инфопродуктов, складчин, схем заработка, обучающих программ на темы:

Бизнес курсы, Заработок, Создание сайтов, SEO, Дизайн, Программирование, Электронные книги, Иностранные языки, Форекс, Инвестиции, Эзотерика, и т.д.

 

Регистрируйся чтобы СКАЧАТЬ все видеокурсы и стать успешными вместе с Клубом ИнфоСкупка!

 

[button="https://infoskupka.com/account/upgrades/"]Повысить статус [/button]

Вступить в Клуб!

Скрыть объявление

-Скачать более 10 000 обучающих материалов
- Ежедневные обновления
- Регистрируйся прямо сейчас и стань успешным вместе с Клубом ИнфоСкупка!

ЖМИ!!!
Быстрая Регистрация!

Landing Page Молниеносная верстка Landing Page (полный курс)

Тема в разделе "Создание сайтов и интернет магазинов", создана пользователем ВидеоКурс, 22 апр 2015.

Оцените тему:
/5,
  1. ВидеоКурс

    ВидеоКурс
    Expand Collapse
    Член Клуба

    Регистрация:
    19 фев 2015
    Сообщения:
    2.518
    Симпатии:
    354
    Баллы:
    49
    Доход:
    0.00 руб.
    Рефералов 1 ур:
    0
    Рефералов 2 ур:
    0
    Рефералов 3 ур:
    0
    [​IMG]
    Полный курс из 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. Заключение
    Что конкретно вы получите после прохождения курса?
    • Вы получите базовые знания HTML и CSS, достаточные для того чтобы полностью сделать Landing Page самостоятельно
    • Научитесь понимать чужой код и копировать понравившиеся Landing page
    • Получите начальные знания Adobe Photoshop для веб-дизайна
    • Сможете тестировать свои и сторонние сайты на скорость, удобство пользования и качество
    • Ваши Landing Page будут отображатся на 98% дисплеев безупречно.
    • Вы выучите сверх-адаптивный и самый популярный фреймворк bootstrap 3 (twitter)
    • Сможете подключать разнообразные скрипты и устанавливать код отслеживания трафика на сайт(Yandex Metrika/ Google Analytics)
    • Если у вас уже есть сайты, сделанные ранее в (Adobe Muse, Dreamweaver, WSYWiG и еще кучу таких "комбайнах") сможете их оптимизировать и ускорить.
    Скачать:
     
    #1 ВидеоКурс, 22 апр 2015
    Последнее редактирование модератором: 11 ноя 2016
    Арманнн и Белый нравится это.
  2. Загрузка...


Оцените тему:
/5,
Все изображения загружайте только на наш сервер! Для этого используйте кнопку "Загрузить файл", расположенную ниже или просто перетащите необходимые изображения со своего компьютера в окно редактора.
Проверка:
Черновик сохранён Черновик удалён