Каскадные таблицы стилей: общие сведения, 11 класс

ПЛАН УРОКА

Тема урока: Каскадные таблицы стилей. Общие сведения.

Тип урока: Урок усвоения новых знаний

Цель урока: Познакомить обучающихся с назначением каскадных таблиц стилей, с основными принципами оформления текста с помощью CSS.

Задачи урока:

Образовательная: знакомство с элементами каскадных таблиц стилей(CSS);

Развивающая: Развитие познавательного интереса, творческой активности обучающихся;

Воспитательная: Воспитание положительного отношения к процессу обучения.

Методы обучения: рассказ, объяснение, работа с дидактическим материалом.

Оборудование, программное обеспечение и дидактические материалы:

Мультимидийный проектор.

Презентация: «Каскадные таблицы стилей CSS»

Электронный дидактический материал

Ход урока

1. Организация начала урока

- приветствие, проверка присутствующих;

- сообщение темы урока, его целей и задач;

2. Актуализация знаний.

Учитель: Как Вы знаете содержание страницы состоит из независимых или вложенных друг в друга элементов. Давайте вспомним их.

Учащимся предлагается выполнить задание в электронном виде

(приложение 1).

3. Изложение материала.

ОБЩИЕ СВЕДЕНИЯ О CSS

Язык гипертекстовой разметки HTML используется, чтобы описать содержимое веб страницы, а каскадные таблицы стилей (англ. Cascading Style Sheets - CSS) влияют на то, как эти страницы будут выглядеть (цвета, шрифты, фоновые изображения, интервалы между строками, отступы, границы, эффекты и даже анимация элементов).

Вы можете удивиться, но каскадные таблицы стилей могут управлять представлением документов не только в браузерах, но и в документах при выводе их на печать, кроме того, позволяют менять представление документа в зависимости от разрешения и типа используемого экрана, ориентации области просмотра экрана и даже в зависимости от соотношения сторон экрана.

Благодаря CSS вы сможете производить изменения, относящиеся ко всем страницам Вашего сайта, редактируя при этом лишь один единственный файл таблицы стилей. Интересно? Тогда продолжаем.

Что такое стиль

Стиль в CSS устанавливает внешний вид какого-либо элемента или элементов страницы. Другими словами это команда, которая сообщает браузеру как ему необходимо отформатировать тот, или иной элемент и после этого вывести результат изменения на страницу.

Работа с ЭУМК. Просмотр видеофрагмента на тему CSS.