Урок 3: Основы CSS
Цели урока
В этом уроке мы изучим основы CSS (Cascading Style Sheets), которые позволят нам стилизовать веб-страницы и придавать им визуальное оформление.
- Объяснение, что такое CSS и как он связан с HTML.
- Роль CSS в создании структуры и дизайна веб-страницы.
- Почему стили важны для пользовательского опыта.
Что такое HTML?
HTML (HyperText Markup Language) - это язык разметки, используемый для создания структуры веб-страниц. С его помощью вы определяете, какой контент будет на странице и как он будет организован. HTML использует специальные элементы, называемые "тегами", для определения различных частей страницы.
Основные структурные элементы HTML
Основы синтаксиса CSS (10 минут)
- Знакомство с синтаксисом CSS.
- Правило CSS: селектор, свойство и значение.
- Примеры базовых правил CSS.
Внедрение CSS в веб-страницу (15 минут)
- Варианты внедрения стилей в HTML: встроенные стили, внутренние стили и внешние таблицы стилей (CSS-файлы).
- Преимущества и недостатки каждого метода.
Селекторы CSS (10 минут)
- Обзор различных типов селекторов: элементные, классовые, идентификаторы и др.
- Практические примеры использования селекторов для выбора элементов на веб-странице.
Свойства и значения CSS (10 минут)
- Основные свойства CSS: цвет текста, размер шрифта, отступы, границы и многое другое.
- Примеры различных свойств и их значений.
Завершение (5 минут)
- Подведение итогов урока и основных понятий CSS.
- Задание домашней работы: создать стилизованную веб-страницу на выбранную тему, используя знания из урока.
Этот урок поможет учащимся понять основы CSS и как они могут использовать этот язык для придания уникального дизайна своим веб-страницам.