Научитесь стилизовать стандартные блоки, создавать свои эффекты и разбираться в коде
Курс по изучению HTML+CSS для применения в Tilda
ПоддержкаОтветы на вопросы по теме. Более подробное объяснение сложных моментов. Разбор на ваших проектах
42 видеоурокаПолный, подробный обзор возможностей и применения CSS в Tilda. Список включённых тем
Live T-CSSРешение вопросов от пользователей. Можно наглядно увидеть практическое применение знаний (наполняемый раздел)
HTML + CSS
Основы и практическое применение в Tilda
Список уроков
1. HTML - вводный урок
2. HTML - структура документа
3. Заголовки
4. Теги для работы с текстом
5. Ссылки
6. Якоря
7. Списки List
8. Изображения img
9. Таблицы table
10. Видео и аудио
11. Формы
12. CSS. Введение
13. ID, Class, Tag
14. Каскадность
15. Инструмент разработчика Developer Tools
16. Стили для текста
17. Стилизация списков ul , ol
18. Border / Outline
19. Блочные и строчные элементы
20. Background
21. Позиционирование элементов
22. Float
23. Псевдоклассы часть 1
24. Псевдоклассы часть 2
25. Градиент
26. Тень box-shadow
27. Работа с курсором
28. Медиа-запросы
29. Filter
30. Max / Min
31. Комбинаторы
32. Единицы измерения
33. Transition
34. Анимация
35. Трансформация
36. Префиксы
37. Подключаем шрифт
38. Псевдоэлементы
39. Подмена изображений
40. Flex
41. Flex-gap
42. Grid
Список уроков
1. HTML - вводный урок
2. HTML - структура документа
3. Заголовки
4. Теги для работы с текстом
5. Ссылки
6. Якоря
7. Списки List
8. Изображения img
9. Таблицы table
10. Видео и аудио
11. Формы
12. CSS. Введение
13. ID, Class, Tag
14. Каскадность
15. Инструмент разработчика Developer Tools
16. Стили для текста
17. Стилизация списков ul , ol
18. Border / Outline
19. Блочные и строчные элементы
20. Background
21. Позиционирование элементов
22. Float
23. Псевдоклассы часть 1
24. Псевдоклассы часть 2
25. Градиент
26. Тень box-shadow
27. Работа с курсором
28. Медиа-запросы
29. Filter
30. Max / Min
31. Комбинаторы
32. Единицы измерения
33. Transition
34. Анимация
35. Трансформация
36. Префиксы
37. Подключаем шрифт
38. Псевдоэлементы
39. Подмена изображений
40. Flex
41. Flex-gap
42. Grid
Программа курса
Суть HTML, его особенности, назначение и функционал.
Разбор структуры web страницы
Разбор структуры web страницы
Изучение текстовых тегов, особенности заголовочных секций H, различные атрибуты. Структура текстовых ссылок, способы создания якорей и различных списков из текста
Как формируется изображение. Отличие обычного изображения от фонового. атрибуты изображений и их ссылки
Изучение вёрстки таблиц, их формирования, настройки и особых нюансов с данным элементом
Постигаем основы данных элементов, учимся задавать параметры и формировать ссылки. Разбираемся в атрибутах и характеристиках каждого из них
Разбираемся со структурой форм и типов её полей. Особенности формирования и способы применения в реальных проектах
Суть появления CSS, смысл применения, ключевые возможности и особенности
Учимся находить и обращаться к нужному элементу правильно и легко
Изучаем возможности этого мощного инструмента разработчика. Учимся инспектировать код и вносить правки прямо на опубликованной странице
Оформляем текст разными стилями, задаём особые параметры для изменения его внешнего вида
Разбираем различные границы у блоков, способы их создания и формирования, погружаемся в мир эффектов теней блока
Разбираемся с возможностями фона у элементов, множеством его свойств и исключительных особенностей. Способы применения в реальных проектах
Постигаем различные события для взаимодействия с пользователем. Способы создания дополнительных элементов и манипуляции с ними
Учимся задавать сложные градиенты любого элементу и разбираться в комбинации фильтров визуальной стилистики, их применения и особенности на реальной страничке
Да, их куда больше, чем просто пиксели и проценты. Освоим и остальные особенные величины и способы их применения в реальной работе
Рассмотрим, что такое медиазапросы и как их применять. Как делать шаговое изменение определённых свойств элемента
Изучим мир анимации, способы её создания и применения к различным элементам. Особенности и нюансы при работе с каждым свойством
Разберёмся в свойствах шрифта, в тех свойствах, что мы можем изменить, научимся переопределять шрифт различным элементам и даже подключать его на страничку при помощи CSS
Погрузимся в мир построения структурных сеток, изменения текущих и перераспределения элементов на странице, изменения их порядка, положения, размеров и расположения. Изучим этот гибкий инструмент
Live T-CSS — это сборник пополняющихся видео с ответами на вопросы пользователей, которые решаются на CSS. Там можно будет найти много полезного и интересного, пробовать повторить реализацию и лучше понимать, что можно сделать, благодаря полученным знаниям
Стоимость и доступ
Курс для изучения html/css с нуля
- ● 42 урока в записи - обучайтесь в удобное время
- ● Персональная поддержка и разбор ваших работ
- ● Бессрочный доступ к урокам
- ● Возможность оплатить курс частями
8 000 руб
Купить курс
F.A.Q.
Кому подходит курс?
Тем, кто хочет научиться изменять то, чего нет в стандартных настройках. Нестандартно стилизовать и располагать элементы, создавать свои кастомные наработки и эксклюзивные решения
Подойдёт ли курс, если нет знаний кода совсем?
Курс рассчитан на новичков, кто совсем не знаком с кодом, но хочет разобраться и научиться. В курсе происходит постепенное погружение, изучение теории и практика. Вы всегда сможете задать вопросы и разобрать интересные темы
Что я буду уметь после курса?
- Решать сложные вопросы клиента по стилизации элементов на странице
- Менять недоступные ранее параметры
- Модифицировать стандартные блоки на свой вкус
- Создавать новые элементы там, где их не было
- Добавлять различную анимацию
- Менять порядок созданных элементов
- Изменять сетку стандартных блоков
- Работать с DevTools браузера
Эти знания только для Тильда?
CSS применяется везде. В курсе демонстрируется работа в Тильда, но эти знания одинаковы для любой системы. Освоив DevTools браузера, вы сможете применять эти знания везде
Что такое Live-T-CSS?
Это сборник пополняющихся видео с ответами на вопросы пользователей, которые решаются на CSS. Там можно будет найти много полезного и интересного, пробовать повторить реализацию и лучше понимать, что можно сделать, благодаря полученным знаниям
Смотреть Live-T-CSS
Смотреть Live-T-CSS
