Уроки по тегу «Верстка»

В каталоге хекслета найдено 48 уроков по теме «Верстка». Уроки по теме «Верстка» есть в курсах: Основы верстки контента, Основы современной верстки, CSS: Основы Flex, Bootstrap 5: Основы верстки.

В курсе «CSS: Основы Flex»

Узнать о курсе посвященному Flex

В курсе «CSS: Основы Flex»

Узнать о способах переноса элементов внутри флекс-контейнера. Научиться пользоваться свойством flex-wrap

В курсе «CSS: Основы Flex»

Узнать о концепции Flex, преимуществах и сценариях использования

В курсе «CSS: Основы Flex»

Узнать о способах выравнивания элементов по главной оси внутри флекс-контейнера. Познакомиться со свойством justify-content

В курсе «CSS: Основы Flex»

Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс-контейнера. Познакомиться со свойством align-items

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойство Flex-grow

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства order и align-self

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства flex-shrink, flex-basis, flex

В курсе «CSS: Основы Flex»

Познакомиться с флекс-контейнерами и возможностями определения главной оси для рендера элементов

Что такое каскадность, и как она работает в CSS? Урок посвящен различиям в приоритетах селекторов и умению использовать это в своих проектах.

Изучаем один из самых полезных плагинов для верстальщика — Emmet. Он позволит ускорить разметку HTML-кода и снимет бóльшую часть рутинных действий.

Курс «Основы современной верстки» является базой для изучения основ верстки сайтов HTML и CSS. В этом уроке мы кратко расскажем о том, что узнаем на курсе и как эти знания можно применять на практике.

Чтобы сохранять результаты работы, вам потребуется редактор кода. В этом уроке разберем, как установить Visual Studio Code. Это мощный инструмент, который можно использовать не только для верстки, но и для программирования на любом языке.

Для визуального оформления веб-страницы создан язык CSS. Изучаем базовые возможности языка, разбираемся, как их использовать вместе с HTML. Учимся подключать CSS файлы и знакомимся с базовыми типами селекторов.

При верстке сайта важно вовремя найти ошибки или понять, как правильно преобразовать нужный нам блок. Ранее это делалось преимущественно вручную. Сейчас современные браузеры имеют функцию веб-инспектора. Рассмотрим возможности одного из них – Chrome DevTools.

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

Любой HTML-документ имеет базовую структуру, состоящую из тегов и служебных элементов. Они нужны браузеру для корректного отображения информации. В данном уроке разберемся с каждой строчкой этой структуры

Урок посвящен HTML верстке с нуля. Говорим о роли атрибутов и изучаем общую схему описания HTML тегов.

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

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

Основная цель любой HTML-верстки — передача смысла блоков. В этом уроке мы рассмотрим возможности последнего стандарта HTML5 в области семантики и узнаем о доступности в веб.

Узнать о принципах адаптивности в Bootstrap. Научиться адаптировать сетку.

Изучить возможности при работе с текстом в Bootstrap. Узнать о RFS и изменении стандартных шрифтов проекта.

Узнать о компонентах Bootstrap и изучить устройство их работы.

Познакомиться с фреймворком Bootstrap и изучить план курса

Научиться подключать Bootstrap к странице. Узнать о разных способах подключения и инструментах для этого.

Рекомендуемые курсы по теме «Верстка» для начинающих

Нашли 4 курса по тегу «Верстка»
Доступность
CSS Columns
CSS Units
селекторы
18 часов
Посмотреть
HTML5
CSS3
Developer Tools
Верстка
9 часов
Посмотреть
CSS3
CSS Flex
CSS адаптивность
Верстка
10 часов
Посмотреть
HTML
CSS3
CSS адаптивность
Bootstrap 5
10 часов
Посмотреть