Дмитрий Фокеев «Создание сайтов и веб дизайн в Tilda. С нуля до результата!» — Stepik слив скачать
- Добавлено: 2024-01-19
- Автор курса: Дмитрий Фокеев
- Сайт автора: Перейти
- Доступ: Облако Mail / Yandex / Google
- Скачать: PC / Smartphone / Tablet
Чему вы научитесь:
- Научитесь создавать сайты из стандартных блоков Tilda
- Научитесь всем тонкостям работы с ZeroBlock (Свой собственный дизайн блока)
- Научитесь основам веб дизайна (Работа с типографикой, цветом, разметкой)
- Научитесь основам SEO (Настройки для поднятия сайта в топ Google/Yandex)
- Узнаете как создать онлайн школу в Tilda
- Узнаете как создавать Блоги в Tilda
- Узнаете как создать онлайн магазины
- Узнаете как принимать оплату на вашем сайте
- Создадите большой и современный проект в портфолио
- Научитесь создавать любые анимации на сайте
- Научитесь использовать собственный код на Tilda (HTML/CSS/jаvascript)
- Узнаете тонкости разработки и создания уникального дизайна и разработки сайтов
Для начинающих frontend, веб разработчиков, веб дизайнеров.
Никаких предварительных знаний не требуется.
Программа курса:
Подготовка
- О чем курс
- Реферальная ссылка с бонусом для Tilda
- Скачиваем материалы к курсу
- Оставайтесь со мной на связи
- О чем этот блок
- Создаем первую страницу из стандартных блоков
- Как менять контент стандартных блоков
- Как настраивать стили стандартных блоков
- Введение в адаптивный дизайн. Сетки, консоль разработчика.
- Как размещать видео в Tilda
- Как разместить универсальный footer и header
- Как работать с ссылками
- Как добавить свои шрифты на сайт
- ПРАКТИКА. Создайте собственный сайт
- О чем этот блок
- Обзор программ - инструментов веб дизайнера
- Как приобрести лицензионные программы от Adobe
- Лучшие стоковые площадки цифровой графики
- Как подбирать цвета для своего сайта
- ПРАКТИКА. Подберите цвета
- Пример преподавателя. Подбор цвета
- Как работать с текстом на сайте
- ПРАКТИКА. Как работать с текстом
- Пример преподавателя. Работа с текстом
- Как работать с отступами
- ПРАКТИКА. Настройте отступы
- Пример преподавателя. Отступы
- Что такое бриф с заказчиком
- Что такое «Mood Board»
- Что такое Wireframe сайта
- О чем этот и следующие несколько блоков
- Знакомимся с Zero Block
- Как настраивать свойства элементов в Zero
- Настройки цвета в Zero
- Создаем независимые переиспользуемые блоки
- Знакомство с window container
- Как растянуть изображение на весь экран
- Подробнее про window container. Делаем меню сайта
- Доделываем меню
- Подробнее про настройки position
- Как работать с тенями
- Как работают базовые анимации
- Как работают модификаторы. Плавный скролл
- Создаем эффект печатной машинки
- Эффекты изображений
- Создаем Parallax эффект «с помощью мыши»
- ПРАКТИКА. Parallax эффект «с помощью мыши»
- Пример преподавателя parallax эффект «с помощью мыши»
- Parallax эффект с помощью скролла страницы
- Как работает step by step анимация
- Step by step анимация по Scroll + trigger offset
- Анимируем меню
- Анимируем прогресс бар
- Тригерная анимация
- Создаем стандартные табы
- Тригерная анимация на практике
- Как использовать сторонний код
- Как писать CSS код
- Как писать jаvascript код
- Что такое виджеты
- HTML код в Zero Block
- Доделываем Desktop версию сайта. Часть 1
- Доделываем Desktop версию сайта. Часть 2
- Адаптируем первую секцию
- Адаптируем навигационное меню
- Используем гамбургер вместо кнопки меню
- Анимируем закрытие гамбургера
- Включаем и настраиваем анимации на мобильном устройстве
- Что такое диапазоны видимости
- Как работает группировка элементов
- Как работает AutoScale
- Заключение блока
- Как настроить свое имя сайта. Покупаем домен для сайта
- Что такое SEO. О чем этот блок
- Настраиваем заголовок H1 и Alt у изображений
- Настраиваем Title & Description сайта.
- Что такое Бейдж для соц сетей
- Что такое страница 404. Создаем страницу 404
- Создаем SSL Сертификат и смотрим доп. настройки.
- Как создать и добавить на сайт fivicon
- Что такое Web Master & Search console
- Создание форм в Zero Block
- Как получать данные из форм
- Что такое политика конфиденциальности
- О чем этот блок
- Создаем Блог из базовых блоков Tilda или блог из Zero
- Знакомимся с «потоками». Как создать «потоки»
- Как менять контент в «потоках»
- Разбираемся с настройками поста
- Как работают даты и разделы в потоках
- Подводим итоги
- О чем этот блок
- Как работает личный кабинет Tilda
- Как добавить пользователя в личный кабинет через формы
- Как создавать урок в конструкторе курса Tilda
- Как создавать домашние задания в конструкторе курса Tilda
- Как предоставлять доступ к курсу после оплаты
- Подключение сторонней площадки для онлайн школы к Tilda
- О чем этот блок
- Способы создания карточки товара
- Как создать промо код и настроить параметры товара
- Как создать каталог товаров
- Как добавлять разные варианты одного товара
- Как отображать информацию о товарах в табах popup товара
- Как работают фильтры товаров
- Подводим итоги
Купить другие курсы и тренинги от Дмитрия Фокеева
Рекомендуемые курсы
Полностью обновленный курс Курс бестселлер Веб дизайн в Figma 2024 - с нуля до результата, основы UX/UI стал лучше, больше, современней и учитывает все последние обновления программы Figma. В этом курсе, вы найдете все для успешного старта карьеры в UX/UI. Быстрый старт в профессию веб дизайнер.
Курс по Adobe Photoshop 2022 - с нуля до результата! Курс Photoshop 2021 позволит вам быстро освоить все необходимые инструменты для работы с изображениями! Авторы: Дмитрий Фокеев Опубликовано: 12/2021 русский ОБНОВЛЕННЫЙ КУРС Чему вы научитесь Научитесь эффективно работать в adobe photoshop 2021
После курса вы сможете: создать свой сайт, даже если сейчас вы абсолютный новичок сэкономить от 15000 руб на программистах и веб дизайнерах зарабатывать на создании и редактировании сайтов на Tilda Для кого этот курс: cmm специалистов, маркетологов, таргетологов для предпринимателей и блогеров для
Курс подойдет Новичкам в дизайне Если ты хочешь делать красивые сайты, работать с интересными людьми, агентствами и компаниями, то этот курс для тебя Тем, кто хочет перейти на фриланс и работать из любой точки Вселенной Тем, кто не может повысить чек на свои услуги Убираем синдром самозванца,
Что узнаете на курсе Сначала вы освоитесь в Figma, а затем возьметесь за дизайн настоящих проектов многоэкранных систем, таких как: сайты, мобильные и веб-приложения. Вас ждет практика по основам веб-дизайна, а также практика дизайна интерфейсов (UI-дизайн) приложений на основе UX-исследований. За
НИКИТА ОБУХОВ ДИЗАЙН В ЦИФРОВОЙ СРЕДЕ Пройдя курс, вы узнаете из каких этапов состоит работа над дизайном в вебе, освоите базовую теорию дизайна, получите порцию вдохновения, хорошего настроения и разовьете визуальный вкус. Мы создали библиотеку знаний по веб-дизайну. Учебник нового формата, в
Больше курсов по этой теме
1. Live Mirror Illustrator Templates - для зеркального рисования, создания круговых орнаментов, мандал, калейдоскопических эффектов и симметричного дизайна. 2. Stock Master Light - готовит векторные иллюстрации для микростоков автоматически. 3. Magic Eraser - автоматически отрезает и удаляет
Для кого? Современных пар, которые хотят стильную свадьбу и готовы выходить за рамки привычного Свадебных профессионалов, которые хотят развивать индустрию вместе с нами и строят большие планы на свадебный сезон Удобный формат Гайд состоит из 5 разделов, каждый посвящен отдельной теме. Что в гайде?
Дизайн интерьеров с 0 до PRO [2020] Научитесь создавать потрясающие интерьеры у экспертов рынка и зарабатывайте 120 000 рублей в месяц Курс подойдет: Новичкам Вы получите новую востребованную профессию, не тратя пять лет на обучение в вузе, и начнете зарабатывать уже через год Дизайнерам интерьеров
Курс 3D Start. Blender 3D, 3D coat, Marmoset, Photoshop Лучший видеокурс по программе Blender3D. Начни свой путь в 3д графику вместе со мной! Чему вы научитесь 3D моделирование в программе Blender UV развертка и подготовка модели для игрового движка Текстурирование в программе 3d coat Настройка
Blender - полный базовый курс 3D моделирования Узнайте все популярные техники моделирования на практике Чему вы научитесь Базовые и высоко полигональное моделирование Освещение и постановка камеры Настройка материалов и UV развертка Анимация и сборка локаций Цифровая лепка (скульптинг) Полный
Полностью обновленный курс Курс бестселлер Веб дизайн в Figma 2024 - с нуля до результата, основы UX/UI стал лучше, больше, современней и учитывает все последние обновления программы Figma. В этом курсе, вы найдете все для успешного старта карьеры в UX/UI. Быстрый старт в профессию веб дизайнер.
Отзывы о курсе «Создание сайтов и веб дизайн в Tilda. С нуля до результата!» от Дмитрия Фокеева