HTML5 и CSS3

Модуль 1. Введение, ПО и начало работы с HTML

• История и введение в HTML
• Современная среда разработки — VS Code
  • Основы работы с VS Code
  • Установка и настройка среды
  • Установка требуемых расширений
  • Редактирование и просмотр страниц
• Разметка документа
  • Теги и атрибуты
  • Принцип записи тегов
• Структура документа
  • HEAD
    • Мета-информация
    • Стили
    • Скрипты
  • BODY

Модуль 2. Разметка документа

• Разметка текста
  • Блочные и строчные элементы
  • P, DIV, SECTION, HEADER, FOOTER, ARTICLE, BLOCKQUOTE
  • B, I, SPAN, STRONG, EM, CITE
• Ссылки
• Изображения
• Списки
• Таблицы
• Формы
• Фреймы

Модуль 3. Стилевая разметка

• Назначение стилевой разметки
• Правила стилей
  • Селекторы
  • Свойства
  • Единицы изменения
• Инлайн, on—page и внешние стили
• Селекторы
  • Селекторы и приоритеты
    • Элементы
    • Классы
    • Идентификаторы
    • Фильтры
  • Псевдоклассы
  • Псевдоэлементы
• Правила оформления текста
  • Шрифты и рода шрифтов
  • Размер и типографика

Модуль 4. Управление отображением

• Правила оформления блоков
  • Размеры
  • Отступы
  • Рамки
• Позиционирование блоков
  • Стандартное
  • Наследуемое
  • Статичное
  • Относительное
  • Абсолютное
  • Фиксированное
  • Липкое
• Поток размещения
• Обтекание текстом (float)
• Медиа-запросы (обзорно)
• Подведение итогов курса

Описание

Для кого этот курс

Курс предназначен для слушателей, которые начинают свой путь веб-разработчика с нуля.

Чему вы научитесь

1. Понимать принципы создания веб-сайтов
2. Работать с Visual Studio Code
3. Создавать веб-страницы
4. Использовать современную версию HTML5
5. Использовать современную версию CSS3

Детали