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