Курс "Веб-мастер"
Создание сайтов на CMS WordPress

Часть 2 Делаем лендинг

Урок 6

Дополнительные материалы

Дополнительные плагины, расширяющие возможности элементора:

  1. Elementor Addons & Templates
  2. Press Elements
  3. AnyWhere Elementor
  4. Elementor Addon Elements
  5. NavMenu Addon For Elementor
  6. Header Footer Elementor
  7. StylePress for Elementor
  8. Hotel Booking & Elementor Integration

Домашнее задание

  1. Устанавливаем новый сайт на хостинге по желанию (можно сделать отдельную страницу на первом сайте)
  2. Ставим вордпресс все плагины и подходящую тему (можно сделать отдельную страницу на первом сайте)
  3. Создаем страницу, где будет лендинг
  4. Начинаем редактировать в элементоре. Убираем шапку и подвал
  5. Изучаем возможности элементора, накидываем любой первый экран.

Для проверки отправьте ссылку на страницу.

Урок 7

Дополнительные материалы

Где смотреть современные работы веб-дизайнеров:

  1. Behance
  2. Dribble
  3. Pinterest

Шрифты: https://fonts.google.com/

Расширение для хрома для подбора цвета: EYE DROPPER

Определить шрифты на сайте можно расширением Type.io Peek

Скачать презентацию

Домашнее задание

  1. Пропишите путь клиента для своего сайта и ответьте на вопросы из презентации
  2. Нарисуйте структуру сайта
  3. Подберите цвета с которыми будете работать
  4. Подберите шрифтовую пару.
 

Для проверки отправьте фото или файл со структурой сайта, цвета в виде #ffffff и название шрифтов.

 

Урок 8

Дополнительные материалы

Бесплатные фотостоки:

  1. pixabay
  2. freeimages
  3. www.stockvault.net
  4. pexels.com
  5. unsplash.com

Домашнее задание

Сделать лендинг. Для проверки отправьте ссылку на сайт

Урок 9

Дополнительные материалы

Расширение для хрома для просмотра сайта на разных типах устройств :

Mobile/Responsive Web Design Tester

Домашнее задание

Адаптировать лендинг под планшет и мобильный телефон. Для проверки отправьте ссылку на сайт.

Урок 10

Дополнительные материалы

Простой прием платежей без подключения системы интернет-магазина:

Яндекс Деньги

Пейпел — страница пополнения

Ссылки от собственного банка со страницей пополнения, устанавливаются на кнопку «Оплатить»

Для продажи вебинаров и подобных мероприятий есть сервисы Таймпед и Нетхауз События

Домашнее задание

  1. Настройте работу всех форм на лендинге
  2. Добавьте простое обратное письмо для клиента
  3. Поставьте форму оплаты от Яндекс Денег

Для проверки отправьте ссылку на сайт

Поздравляю с окончанием 2 блока

Перейти к третьей части курса