Разработка сайтов с Adobe Muse - Landing Page: Курсы

Урок №1 Подготовка и дизайн.

• Варианты одностраничных сайтов: сайт-визитка, страница захвата или подписки, страница благодарности, продающая страница
• Обзор программ и сервисов для создание Лендингов: плюсы и минусы
• Типовая сруктура Landing Pages: первый экран, УТП, акция, наши преимущества, свойства товара, отзывы, доставка и оплата, реквизиты, политика конфиденциальности
• Подготовка контента: тексты, фотографии, иконки, видео
• Функционал сайта: форма обратной связи, фотогалерея, видео, таймер
• Создание прототипа лендинга и написание ТЗ
• Выбор и регистрация доменного имени
• Выбор и регистрация хостинга
• DNS: привязка домена к хостингу
• Регистрация аккаунта на Adobe.com
• Установка программы Adobe Muse

Урок №2 Знакомство с программой. Создание сайта. Первый экран.

• Знакомство с программой
• Создание шаблона сайта: размер страницы, разметка страницы, свойства страницы
• Инструмент прямоугольник: заливка, обводка, прозрачность, трансформирование, скругление
• Создание фиксированного и «резинового» фона
• Использование цвета или фото в качестве фона
• Инструмент текст: выбор шрифта, настройка шрифта
• Верстка первого экрана
• Создание меню
• Предварительный просмотр

Урок №3 Верстка лендинга. Добавление интерактивных элементов

• Слои и стили в Adobe Muse
• Группировка и закрепление объектов
• Выравнивание и распределение объектов
• Якоря
• Форма обратной связи
• Фотогалерея, слайдер

Урок №4 Верстка лендинга. Вставка HTML кода. Публикация в сети.

• Вставка стороннего HTML кода
• Вставка таймера обратного отсчета акции
• Вставка видео YouTube
• Вставка кода Яндекс Метрики
• SEO оптимизация: мета теги, заголовки
• Публикация Лендинга на хостинг
• Редактирование лендинга непосредственно в браузере

Adobe Muse позволяет создавать сайты различной сложности (Landing Page, сайт-визитки, портфолио, многостраничные сайты и многое другое), без специальных навыков.  Программа обладает очень высокой скоростью работы и огромным функционалом. В Adobe Muse можно сделать отдельные версии сайтов под планшетные устройства и телефоны. Adobe Muse осуществляет поддержку последних стандартов кода: HTML5 и CSS3. Это значит, что на создаваемых страницах можно размещать различные интерактивные элементы. Одно из главных преимуществ Adobe Muse является то, что он обладает собственной CMS-системой,можно по надобности редактировать содержимое через любой браузер.