Каталог курсов
Учиться бесплатно
Избранное

Бесплатный курс

Основы вёрстки сайта: HTML и CSS

Научитесь вносить правки в код веб-страницы и верстать текстовые блоки с нуля

Разберётесь, как менять оформление и стиль отдельных элементов сайта

Узнаете, как готовить контент для публикации на сайте

Когда

Доступ к курсу сразу
после регистрации

Стоимость

Бесплатно

Уровень

С нуля

Формат обучения

Лекции в записи, практические задания c самопроверкой и тесты

HTML и CSS — основа
для создания веб-страниц

HTML используют для вёрстки

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

Знание HTML и CSS позволит вам выбирать формат работы и направление для развития

С этих технологий начинают своё обучение верстальщики, веб- и frontend-разработчики.

Умение внести изменения в код страницы сайта пригодится веб-дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов.

На бесплатном курсе вы на практике познакомитесь с базовыми технологиями веб-разработки. Узнаете, как устроены и работают сайты, потренируетесь самостоятельно верстать текст, менять расположение объектов, шрифты и цвета страницы

Курс подойдёт вам, если

  • Вы хотите попробовать себя в IT и понять, подходит ли вам сфера разработки

  • Вам нужен HTML и CSS для работы, чтобы расширить навыки и развиваться в карьере

  • Вы планируете учиться программированию онлайн, но хотите протестировать этот формат обучения

Программа курса

Программа включает короткие видео, дополнительные материалы и практические задания с самопроверкой и итоговым тестом. Доступ ко всем занятиям откроется сразу после регистрации.

Теги для разметки и атрибуты

• Познакомитесь с тегами и их атрибутами. Узнаете, что такое вложенность тегов, как сделать разметку читабельной и понятной.

• Разберётесь в порядке использования таких тегов, как абзац, цитата, ссылка и картинка. Научитесь расставлять акценты в тексте.

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

Списки и таблицы

• Изучите виды и порядок формирования списков и таблиц.

• Сформируете разметку для своего первого многоуровневого списка.

• Рассмотрите варианты оформления таблиц, научитесь делать заголовки и итоговые блоки, объединять ячейки с помощью атрибутов.

Практика. Потренируете навык формирования списков, поработаете с таблицами. Сделаете ревью разметки таблицы.

Селекторы и свойства

• Познакомитесь с основами CSS. Узнаете, что такое селектор. Научитесь правильно описывать CSS-правила.

• Поймёте, как изменять размер шрифта, его начертание, цвет.

• Рассмотрите темы наследования свойств и комбинирования селекторов.

Практика. Оформите текст согласно техническому заданию при помощи CSS-правил. Отработаете навык составления комбинаций селекторов.

Оформление текстовых блоков с помощью CSS

• Познакомитесь с селекторами класса. Узнаете, как изменить маркеры в списках и установить вместо стандартного символа оригинальную картинку.

• Изучите форматы указания цвета и научитесь изменять фон вашего сайта.

Практика. Поработаете со списками и фоновыми изображениями. Продолжите отрабатывать навык составления комбинаций селекторов

Основы клиент-серверного взаимодействия

• Узнаете, что такое сервер и почему программистам важно понимать суть клиент-серверного взаимодействия.

• Изучите такие понятия, как DNS и HTTP, познакомитесь с различными технологиями для сервера. Поймёте разницу между backend и frontend.

Преподаватель — практикующий эксперт

Поможет разобраться в тонкостях вёрстки и доступно объяснит материал.

Владимир Языков

Основатель Useful Web

Более 13 лет опыта в разработке, разрабатывал проекты для S7, ВТБ, Tele2

Обучил программированию более 2 000 человек

В конце курса вы пройдёте

тест и получите сертификат Нетологии

Отзывы участников курса

Игорь Пархоменко
Аналитик данных
Отличный курс, пожалуй, лучший из всех, что я проходил в Нетологии. Замечательное изложение материала, множество полезных ссылок на дополнительные источники. Понравился также сам стиль подачи информации: много примеров из жизни, уместный юмор и полезные советы из серии «лучшая практика». Владимир действительно самый понятный программист, по крайней мере, из тех, которых я встречал, — точно. Так держать!
Олеся
Курс очень понравился. Правда, для новичка некоторые моменты было тяжело понять, но помогали записи, которые велись во время обучения. Отдельно хочу отметить преподавателя — очень хорошая и интересная подача. В связи с этим не засыпаешь, а всё больше и больше углубляешься в знания. Спасибо!
старт
Запишитесь на бесплатный курс
Стоимость курса
Бесплатно
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Доступ к лекциям и учебным материалам неограниченное время
Поддержка и общение в комьюнити студентов и экспертов
Закрепление навыков на практике и план развития в профессии
Этот курс не привязан к датам: все материалы откроются сразу
Основы вёрстки сайта: HTML и CSS
Стоимость курса
Бесплатно
Доступ к лекциям и учебным материалам неограниченное время
Поддержка и общение в комьюнити студентов и экспертов
Закрепление навыков на практике и план развития в профессии
Запишитесь на бесплатный курс
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Учитесь из любой точки
в любое время
Развивайте профессиональные навыки в онлайн-формате
Москва
Санкт-Петербург
Новосибирск
Екатеринбург
Казань
Нижний Новгород
Красноярск
Челябинск
Самара
Уфа
Ростов-на-Дону
Краснодар
Омск
Воронеж
Пермь
Волгоград
Саратов
Тюмень
Тольятти
Барнаул
Махачкала
Ижевск
Хабаровск
Ульяновск
Иркутск
Владивосток
Ярославль
Томск
Ставрополь
Кемерово
Набережные Челны
Оренбург
Новокузнецк
Балашиха
Рязань
Чебоксары
Пенза
Липецк
Калининград
Ташкент
Баку
Минск
Алматы
Ереван
Бишкек