Чему вы научитесь
- В рамках курса изучения основ HTML и CSS Вы можете ожидать следующие результаты:
- Понимание структуры HTML:
- Знание основных HTML-тегов и их назначения (заголовки, параграфы, списки, ссылки, изображения и т.д.).
- Умение создавать простые HTML-документы с основной структурой (теги <html>, <head>, <body>).
- Способность правильно использовать семантические теги для структурирования содержимого веб-страницы.
- Работа со стилями CSS:
- Понимание принципов каскадности и наследования в CSS.
- Умение применять базовые CSS-свойства для форматирования текста, цвета, фона, размеров и положения элементов.
- Знание способов подключения CSS к HTML-документу (встроенные, внешние и внутренние стили).
- Способность создавать простые CSS-правила для стилизации веб-страниц.
- Основы макетирования:
- Знание различных способов позиционирования элементов на странице (статическое, относительное, абсолютное, фиксированное).
- Понимание концепции блочной модели в CSS и умение работать с размерами и отступами элементов.
- Способность создавать простые макеты веб-страниц, используя различные техники (например, с помощью блоков, флексбокса или сетки).
- Адаптивность и отзывчивость:
- Знание основ адаптивного дизайна и медиазапросов CSS для создания отзывчивых веб-страниц.
- Умение применять базовые техники адаптации контента и макета под различные устройства и размеры экранов.
- Практические навыки:
- Создание простых веб-страниц, демонстрирующих применение HTML-тегов и CSS-стилей.
- Умение использовать инструменты веб-разработки (например, инспектор браузера) для анализа и отладки HTML и CSS.
- Способность экспериментировать, вносить изменения и наблюдать за их влиянием на внешний вид веб-страниц.
- В целом, по завершении изучения основ HTML и CSS Вы сможете создавать простые, но функциональные веб-страницы, применяя базовые принципы разметки и стилизации. Это заложит прочный фундамент для дальнейшего развития Ваших навыков в веб-разработке.
О курсе
В первом модуле разберём основные концепции HTML: тег, атрибут, вложенность тегов и научимся базовым возможностям по разметке текста с помощью параграфов.
HTML предоставляет десятки правил для работы с текстом: от создания блока текста, до сложных таблиц и вложенных списков. Корректная разметка текста — один из ключевых навыков при работе с сайтом.
HTML разметка позволяет добавлять на страницы изображения, а в последнем стандарте HTML5 появилась возможность работы с аудио и видео контентом
В курсе используются:
1. материалы с сайта: https://code.mu/ru/markup/book/prime/html/language/ автор: Трепачёв Дмитрий
2. материалы с сайта: https://htmlacademy.ru/blog/css/fonts-styles автор: Анастасия Ткачева
3. материалы с сайта: https://ktonanovenkogo.ru/html/html-new/embed-object-html-tegi-media-kontenta-video-flesh-veb-stranicax.html автор: Дмитрий Петров