HTML5 & CSS3 Стартовый

В начале курса будет рассмотрено что такое HTML, для чего он нужен и как пишутся его элементы. Вы узнаете о тегах, форматировании в HTML, о редакторе, в котором пишется код первоначальной разметки, с использованием которой построена любая веб страница. Также узнаете для чего используются комментарии в коде.

Ознакомившись со вторым уроком, слушатель узнает, как добавить на страницу картинки, а также различные переходы по ссылкам. Узнает первые типы элементов, их отличия и возможные ошибки при написании кода.

На занятии будут рассмотрены способы подключения стилей к странице, виды селекторов, с помощью которых можно привязать стили указным элементам страницы и по каким принципам определяется приоритетность записей в CSS.

В данном уроке рассматривается базовое поведение элементов при формировании ими размеров. В каких случаях возможно, что контент будет выпадать из элемента и портить внешний вид страницы.

В этом уроке вы познакомитесь с механикой работы внешних отступов у элементов. Узнаете, что такое проваливание (схлопывание) и в каких случаях оно присутствует. Будут также рассмотрены неявные отступы при работе с строчно-блочными элементами.

На данном уроке вы познакомитесь с различными правилами CSS для стилизации текста и с тем, как работает наследование стилей для элементов-потомков. Будет рассмотрено то, как возможно скрывать элементы разметки на странице и в чем разница между разными способами.

Целью занятия является разобрать основные принципы работы модуля Flexbox и научиться их использовать. Рассматривается возможность задавать гибкое расстояние между блоками и то, как определяются их размеры в некоторых случаях, а также поведение внешних отступов при использовании flexbox.

Комбинирование - очень важный момент при написании кода, поскольку большие вложенности необходимо создавать и разбирать постоянно на этапе работы с проектом, что рассмотрено в структуре списков и таблиц. Также рассматриваются возможности обращений к элементам по псевдоклассам и работа приоритета в таких структурах.

На занятии будут рассмотрены основные способы записи палитры цветов в свойствах, где указывается окрас. Будет рассмотрено в чем разница установки прозрачности элемента через opacity и rgba(). Рассматриваются случаи добавления картинок через css и размещение большого их количества на одном элементе.

Студент узнает новые семантические теги, которые появились с HTML версии 5 и правила их использования. В каких вариациях и комбинациях их можно использовать, а в каких нет. Рассмотрены структуры простых сайтов с использованием семантических тегов.