Разработка сайтов с Adobe Muse

Курс сайт события http://www.alef-it.ru/Courses/184

Добавить в календарь:
Поделиться:

Adobe Muse позволяет создавать сайты различной сложности (Landing Page, сайт-визитки, портфолио, многостраничные сайты и многое другое), без специальных навыков. 

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

 

Программа курса

Тема 1. Подготовка и дизайн.

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

 

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

  1. Знакомство с программой
  2. Знакомство с программой
  3. Создание шаблона сайта: размер страницы, разметка страницы, свойства страницы
  4. Создание шаблона сайта: размер страницы, разметка страницы, свойства страницы
  5. Инструмент прямоугольник: заливка, обводка, прозрачность, трансформирование, скругление
  6. Инструмент прямоугольник: заливка, обводка, прозрачность, трансформирование, скругление
  7. Создание фиксированного и «резинового» фона
  8. Создание фиксированного и «резинового» фона
  9. Использование цвета или фото в качестве фона
  10. Использование цвета или фото в качестве фона
  11. Инструмент текст: выбор шрифта, настройка шрифта
  12. Инструмент текст: выбор шрифта, настройка шрифта
  13. Верстка первого экрана
  14. Верстка первого экрана
  15. Создание меню
  16. Создание меню
  17. Предварительный просмотр
  18. Предварительный просмотр

 

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

  1. Слои и стили в Adobe Muse
  2. Группировка и закрепление объектов
  3. Выравнивание и распределение объектов
  4. Якоря
  5. Форма обратной связи
  6. Фотогалерея, слайдер

 

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

  1. Вставка стороннего HTML кода
  2. Вставка таймера обратного отсчета акции
  3. Вставка видео YouTube
  4. Вставка кода Яндекс Метрики
  5. SEO оптимизация: мета теги, заголовки
  6. Публикация Лендинга на хостинг
  7. Редактирование лендинга непосредственно в браузере

Комментарии (0):

Оставлять комментарии могут только зарегистрированные пользователи

Для получения embed кода необходимо кликнуть правой
кнопкой мыши на видео и выбрать пункт меню
'Сгенерировать HTML код'

Забыли пароль? Регистрация