Введение

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

Подготовка

Если вы только начинаете свой путь в вёрстке, то для начала рекомендуем пройти бесплатные подготовительные курсы на сайте Code Basics:

Данный курс будет базироваться на подготовительных курсах. Если вы уже его проходили, но давно, то не беспокойтесь — важные моменты будут описаны в курсе.

Чему вы научитесь на курсе

Узнаете о возможностях HTML и научитесь размечать несложные структуры. Главным образом текст.
Изучите базовые возможности современного стандарта HTML5 в области семантической вёрстки.
Получите базовые знания по CSS: подключение стилей, использование селекторов, каскадность.
Научитесь работать со встроенными в браузер средствами отладки вёрстки. В частности изучите работу Google DevTools.
Узнаете о том, в каких редакторах можно верстать и как, с помощью плагинов, упростить и ускорить процесс вёрстки страниц.
Выложите свои первые работы в интернет, используя бесплатные хостинги для статичных сайтов.

Самостоятельная работа

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

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Ошибки, сложный материал, вопросы >

Нашли опечатку или неточность?

Выделите текст, нажмите ctrl + enter и отправьте его нам. В течение нескольких дней мы исправим ошибку или улучшим формулировку.

Что-то не получается или материал кажется сложным?

Загляните в раздел «Обсуждение»:

задайте вопрос. Вы быстрее справитесь с трудностями и прокачаете навык постановки правильных вопросов, что пригодится и в учёбе, и в работе программистом;
расскажите о своих впечатлениях. Если курс слишком сложный, подробный отзыв поможет нам сделать его лучше;
изучите вопросы других учеников и ответы на них. Это база знаний, которой можно и нужно пользоваться.

Об обучении на Хекслете

Статья «Как учиться и справляться с негативными мыслями»
Статья «Ловушки обучения»
Статья «Сложные простые задачи по программированию»
Урок «Как эффективно учиться на Хекслете»
Вебинар «Как самостоятельно учиться»