Stepik Дизайнер сайтов на Tilda с Личным проектом и Наставничеством
Требования
Что нужно для старта
- Компьютер или ноутбук, а также желание учиться
Результат
Что вы получите
- Работать с Tilda и Figma
- Самостоятельно выполнять домашние задания
- Научитесь основам SEO-оптимизации сайта
- Работать с Autolayout
- Создавать и работать с Zero Block
- Создавать сайты из готовых блоков
- С нуля создавать личный проект по выбранной теме
- Создавать интернет-магазины с подключением корзины и оплаты
- Подключать к сайту полезные сервисы (Яндекс Метрика, Яндекс Карты)
Аудитория
Для кого этот курс
- Этот курс подходит для самых новичков в веб-дизайне и веб-разработке
Содержание
8 занятийПрограмма курса
№ТемаЧто внутри
01Знакомство
- Информация о курсе
- Как проходить курс
- Знакомство с интерфейсом Tilda
- Как отправлять домашние задания
02Создание сайта транспортной компании
- Создаём Header и главный баннер
- Создаём блок с преимуществами и этапами работы
- Создаём блок с ценами и форму обратной связи
- Создаём Footer и подключаем CRM
- Домашнее задание. Создание сайта из готовых блоков
03Создание сайта на Zero Block с помощью Autolayout
- Создаём Header и учимся работать с Autolayout
- Адаптируем Header
- Создаём главный баннер
- Адаптируем главный баннер
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём каталог спецтехники ч. 3
- Адаптируем каталог спецтехники
- Создаём форму обратной связи
- Адаптируем форму обратной связи и создаём блок с преимуществами
- Создаём блок с контактами и добавляем Яндекс Карту
- Создаём якорные ссылки
- Подключаем CRM систему
- Создаём анимацию
- Подключаем Яндекс Вебмастер и Метрику
- Учимся работать в Яндекс Метрике
- Домашнее задание. Zero Block + Autolayout + адаптация
04Знакомство с Figma и создание сайта-портфолио
- Создаём Header
- Создаём главный баннер
- Создаём блок с портфолио
- Создаём блок с услугами и ценами
- Создаём блок с контактами
- Домашнее задание. Создать промо-страницу продукта
05Перенос сайта из Figma в Tilda в один клик
- Перенос всех блоков
- Правка главного экрана и Header
- Адаптация главного экрана
- Адаптация блока с портфолио
- Адаптация блока с услугами и ценами
- Адаптация блока с контаками
- Подключение CRM системы
- Домашнее задание. Перенос макета промо-страницы
06Разбираемся с модулем для интернет-магазинов
- Создаём блоки с товарами
- Подключаем полезные функции
- Домашнее задание. Собрать мини-магазин
07Личный проект
- Что предстоит сделать
- Выбор темы
- Дизайн сайта в Figma
- Перенос сайта в Tilda
- Адаптация сайта
- Подключение Яндекс Метрики
08Финал
- Что делать дальше
01Знакомство
- Информация о курсе
- Как проходить курс
- Знакомство с интерфейсом Tilda
- Как отправлять домашние задания
02Создание сайта транспортной компании
- Создаём Header и главный баннер
- Создаём блок с преимуществами и этапами работы
- Создаём блок с ценами и форму обратной связи
- Создаём Footer и подключаем CRM
- Домашнее задание. Создание сайта из готовых блоков
03Создание сайта на Zero Block с помощью Autolayout
- Создаём Header и учимся работать с Autolayout
- Адаптируем Header
- Создаём главный баннер
- Адаптируем главный баннер
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём каталог спецтехники ч. 3
- Адаптируем каталог спецтехники
- Создаём форму обратной связи
- Адаптируем форму обратной связи и создаём блок с преимуществами
- Создаём блок с контактами и добавляем Яндекс Карту
- Создаём якорные ссылки
- Подключаем CRM систему
- Создаём анимацию
- Подключаем Яндекс Вебмастер и Метрику
- Учимся работать в Яндекс Метрике
- Домашнее задание. Zero Block + Autolayout + адаптация
04Знакомство с Figma и создание сайта-портфолио
- Создаём Header
- Создаём главный баннер
- Создаём блок с портфолио
- Создаём блок с услугами и ценами
- Создаём блок с контактами
- Домашнее задание. Создать промо-страницу продукта
05Перенос сайта из Figma в Tilda в один клик
- Перенос всех блоков
- Правка главного экрана и Header
- Адаптация главного экрана
- Адаптация блока с портфолио
- Адаптация блока с услугами и ценами
- Адаптация блока с контаками
- Подключение CRM системы
- Домашнее задание. Перенос макета промо-страницы
06Разбираемся с модулем для интернет-магазинов
- Создаём блоки с товарами
- Подключаем полезные функции
- Домашнее задание. Собрать мини-магазин
07Личный проект
- Что предстоит сделать
- Выбор темы
- Дизайн сайта в Figma
- Перенос сайта в Tilda
- Адаптация сайта
- Подключение Яндекс Метрики
08Финал
- Что делать дальше
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Дизайнер сайтов на Tilda с Личным проектом и Наставничеством» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 17 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
