Д/З: Самостоятельно анимировать блок, заданный преподавателем
✶ Что такое анимация и для чего она служит
Анимация
Как "оживить" сайт?
✶ Разбираем возможности анимации на Tilda (basic animation, step by step animation)
✶ Анимируем элементы сайта
Д/З: Работа над личным проектом, используя полученные знания
Раздаточный материал:
Шрифты и инструкция по работе с ними
Раздаточный материал:
Варианты шрифтовых пар, сервисы по поиску шрифтов
✶ Где брать и как подготавливать контент для сайта?
✶ Как работать с текстом?
✶ Работа со шрифтами в Tilda
✶ Начинаем работу над личным проектом. Разрабатываем структуру будущей страницы.
Д/З: Работа над личным проектом, используя полученные знания
Раздаточный материал:
Гайд по основам работы с Figma
Раздаточный материал:
Мокапы и как с ними работать
✶ Какие программы используют веб-дизайнеры для работы
Программы для обработки контента
Д/З: Работа над личным проектом, используя полученные знания
CRM и формы обратной связи
✶ Что такое формы обратной связи, зачем они нужны и как работают на Tilda?
✶ Подключение формы обратной связи на Tilda
Д/З: Подготовка к презентации своего сайта
Д/З: Работа над проектом. Настроить SEO для страницы. Проверить работоспособность ссылок и всего сайта.
Раздаточный материал:
Инструкция по настройке SEO
✶ Как работает поисковая система?
Что такое SEO-оптимизация сайта
✶ Что такое URL и на что он влияет?
✶ Что такое фавикон, title, description и теги H1-H6
✶ Работа над личным проектом
Д/З: Подготовка к презентации своего сайта
✶ Работа над личным проектом, дорабатывая нереализованные задумки, попутно вспоминая изученное и "подтягивая" знания
✶ Обсуждение пройденного материала
✶ Добавление последних штрихов в проект перед его презентацией, решение оставшихся вопросов.
✶ Проверяем сайт через Тильда-панель вебмастера.
Д/З: Доработка личного проекта с учетом полученных знаний.
Раздаточный материал:
Галерея вариантов оферов в Zero Block
✶ Наставники расскажут о себе и секретах работы в Tilda, которыми пользуются в жизни.
✶ Ученики расскажут о полученных знаниях и эмоциях, подведут итоги: зачем я прошел этот курс?
Д/З: Создание портфолио на популярных площадках, рассказ о своей работе в соцсетях.
✶ Ученики представляют свои проекты: рассказывают о цели сайта, его структуре и навигации, получают обратную связь в виде обсуждения с наставниками и другими учениками.
Д/З: Используя изученное, воссоздать дизайн в Zero Block, изображение которого пришлёт преподаватель.
Раздаточный материал:
Памятка по горячим клавишам на Tilda
Раздаточный материал:
Подсказки по использованию сетки
✶ Свойства и предназначение ZERO-блока, упражнения
Что такое ZERO-блок и основы работы с ним
✶ Модульная сетка. Основы
✶ Адаптация под мобильные устройства