Бесплатный курс
вёрстки сайта
Научитесь вносить правки в код веб-страницы и верстать текстовые блоки с нуля
Узнаете, как менять оформление и стиль отдельных элементов сайта
Видеолекции, вебинары
и домашние задания
Бесплатно
С нуля
Знания основ HTML
и CSS нужны не только разработчикам
Умение внести изменения в код страницы сайта пригодится дизайнерам, контент-менеджерам,
интернет-маркетологам и руководителям проектов.
HTML используют для вёрстки веб-страниц
Браузер обрабатывает язык HTML, в результате чего
на экране появляется удобный формат текста.
CSS используют для оформления веб-страницы
Цвета, шрифты, расположение блоков — всё это настраивают с помощью CSS.
Вносить правки в HTML-код страницы
Верстать текстовые блоки
Добавлять стили
к отдельным элементам сайта
Готовить контент для публикации на сайте
За время обучения вы выполните 16 практических
заданий и получите базовые навыки работы с HTML и CSS.
Теги для разметки и атрибуты
Познакомитесь с тегами и их атрибутами. Узнаете, что такое вложенность тегов, поймёте, как сделать разметку читабельной и понятной. Разберётесь в порядке использования таких тегов, как абзац, цитата, ссылка
и картинка. Научитесь расставлять акценты в тексте.
Практика: добавите в текст заголовки, изображения, цитаты. Попробуете найти ошибки в разметке
и исправить их.
Списки и таблицы
Изучите виды и порядок формирования списков
и таблиц. Сформируете разметку для своего первого многоуровневого списка. Рассмотрите варианты оформления таблиц, научитесь делать заголовки
и итоговые блоки, объединять ячейки с помощью атрибутов.
Практика: отработаете навык формирования списков,
а также поработаете с таблицами. Сделаете ревью разметки таблицы.
Селекторы и свойства
Познакомитесь с основами CSS. Узнаете, что такое селектор. Научитесь правильно описывать CSS-правила. Поймёте, как изменять размер шрифта, его начертание, цвет. Рассмотрите тему наследования свойств. Изучите вопрос, касающийся комбинирования селекторов.
Практика: оформите текст согласно техническому заданию при помощи CSS-правил. Отработаете навык составления комбинаций селекторов.
Оформление текстовых блоков с помощью CSS
Познакомитесь с селекторами класса. Узнаете,
как изменить маркеры в списках и установить вместо стандартного символа оригинальную картинку. Изучите форматы указания цвета и научитесь изменять фон вашего сайта.
Практика: поработаете со списками и фоновыми изображениями. Продолжите отрабатывать навык составления комбинаций селекторов.
Основы клиент-серверного взаимодействия
Узнаете, что такое сервер и почему программистам важно понимать суть клиент-серверного взаимодействия. Изучите такие понятия как DNS и HTTP, познакомитесь
с различными технологиями для сервера. Узнаете разницу между backend и frontend.
Основатель Useful Web
Более 13 лет опыта в разработке
Преподаёт на курсе «Веб-разработчик с нуля» в Нетологии
Обучил более 2 000 человек, разрабатывал проекты для S7, ВТБ, Tele2
