Описание [Макс Куратов] Кухня Webflow (2025):
Ваш путь к современному дизайну сайтов без ограничений!
Независимо от вашего уровня подготовки, вы научитесь создавать впечатляющие сайты без глубоких знаний программирования.
Программа:
#1 Модуль. Введение
1. Знакомство. План действий.
2. Обзор сервиса.
3. Настройки проекта.
4. Интерфейс панели дизайна.
5. Новый пользовательский интерфейс Webflow.
6. Публикация и распространение проекта.
7. Обзор тарифных планов.
#2 Модуль. Основы (36 минут)
8. Основы HTML и CSS в Webflow.
9. Блочная верстка и использование DIV-блоков.
10. Практическое применение DIV-блоков.
#3 Модуль. Элементы
11. Основы разметки.
12. Работа с медиа и продвинутые настройки.
13. Типографика.
#4 Модуль. Классы
14. Понятие классов.
15. Основные, комбинированные и глобальные классы.
#5 Модуль. Стили
16. Введение в стили.
17. Стилизация типографики.
18. Настройка фона.
19. Работа с обводками и скруглением углов.
20. Управление отступами: Margin и Padding.
21. Настройка размеров элементов.
22. Свойства Overflow и Fit.
23. Позиционирование элементов.
24. Использование Z-index.
25. Фильтры.
26. Трансформации 2D и 3D.
27. Итоги по стилизации.
#6 Модуль. БЭМ
28. Введение в БЭМ.
29. Практическое применение БЭМ.
#7 Модуль. Виды Display
30. Использование display: inline, block.
31. Работа с грид-версткой.
32. Применение Flexbox.
33. Интерактивная игра по Flexbox.
#8 Модуль. Дизайн в Figma. Верстка сайта
34. Создание дизайна сайта в Figma (часть 1).
35. Продолжение работы в Figma (часть 2).
36. Верстка первого экрана.
#9 Модуль. Адаптивность сайта
37. Работа с брейкпоинтами.
38. Виды верстки: статическая, адаптивная, резиновая.
39. Использование единиц измерения: Px, %, Auto, Em, Vh, Vw.
#10 Модуль. Практика
40. Практика работы с Display.
41. Практическая верстка.
42. Создание меню сайта (Navbar menu).
43. Реализация страниц и ссылок меню.
44. Работа с компонентами.
45. Практическая верстка блоков сайта.
46. Проверка и подготовка дизайна.
47. Создание style guide.
48. Практическая верстка сайта.
49. Адаптация сайта. Практика.
50. Продолжение практики по адаптивности сайта.
51. Реализация и подключение форм заявок.
#11 Модуль. Анимация
52. Работа с состояниями элементов.
53. Настройка переходов.
54. Анимации при наведении мыши.
55. Практика по анимации наведения.
56. Анимации при движении мыши.
57. Появление элементов при прокрутке страницы.
58. Реакции на прокрутку страницы.
59. Фиксированное положение элементов.
#12 Модуль. Настройки (20 минут)
60. Настройка SEO для сайта.
61. Передача сайта заказчику.
62. Покупка и настройка домена.
Подробнее:
Скачать курс [Макс Куратов] Кухня Webflow (2025):
Для просмотра содержимого вам необходимо авторизоваться
Последнее редактирование модератором:
