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