О курсе
Курс «HTML5 & CSS3 Базовый» продолжает серию уроков о возможностях использования языков гипертекстовой разметки и каскадных таблиц стилей для создания современных веб-страниц. На курсе вы узнаете, как создать важные элементы сайта с адаптивностью, познакомитесь с основами и важными моментами при работе с формами и подключением шрифтов к сайту.
Курс будет полезным новичкам, имеющим начальный опыт использования HTML и CSS на уровне курса «HTML5 & CSS3 Стартовый», а также тем, у кого есть несколько реализованных сайтов и цель получить практические знания и необходимые навыки в создании сайтов, а также двигаться в направлении front-end. Будет полезен курс и для программистов других направлений разработки, желающих получить понимание в работе и тонкостях кода HTML и CSS.
Вы научитесь
- Создавать современные адаптивные веб-страницы.
- Писать селекторы разной сложности и оптимизации для проекта.
- Создавать формы.
- Использовать псевдоэлементы для создания необходимых эффектов и элементов-украшений для сайта.
- Адаптировать сайт под разные размеры экранов.
- Добавлять и правильно работать со шрифтами.
- Настраивать и запускать анимации CSS.
- Добавлять градиенты.
- Создавать сайты по макету.
- 3 ч 2 м
- в записи
- 5 из 11
- украинский
Что входит в курс
В этом уроке студент узнает, как можно разными записями задавать стили нужным элементам, когда структура XTML требует определенного разделения. Поговорим также о том, как сайты или его части можно описывать модулями до повторяющейся разметки.
Форма – важный элемент страницы, создаваемый специальными тегами и атрибутами. Студент будет ознакомлен с различными возможностями тега input, являющегося составной частью любой формы. Кроме того, поговорим, как input может быть полем или кнопкой для разных задач и рассмотрим вспомогательные теги для input
На этом уроке студент рассмотрит новые возможности для тегов HTML, прописываемых через CSS, а именно это будут разные псевдоэлементы и псевдоклассы. Благодаря этим инструментам учащийся сможет выполнять более широкий спектр задач при создании элементов веб-страницы. Также будет задавать визуальный вид элементов, отталкиваясь от динамического или статического состояния тега через атрибуты.
Студент узнает о дополнительных элементах формы, дополняющих ее функционал для передачи данных. Разберем способ создания кастомных (собственных) элементов, которые нельзя стилизовать напрямую, сохраняя встроенный функционал форм
В этом уроке будет разобрано позиционирование: его возможности и способы использования для веб-страниц различными способами и в разных случаях. Студент поймет, где часто используют возможности свойства position на сайтах и какие есть вспомогательные правила CSS, указывающие элементу на нужное поведение.
