Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

План-конспект учебного занятия "Понятие о каскадных таблицах стилей (CSS)"

Конспект занятия содержит все проработанные компоненты и этапы учебного занятия

Вы уже знаете о суперспособностях современного учителя?

Тратить минимум сил на подготовку и проведение уроков.

Быстро и объективно проверять знания учащихся.

Сделать изучение нового материала максимально понятным.

Избавить себя от подбора заданий и их проверки после уроков.

Наладить дисциплину на своих уроках.

Получить возможность работать творчески.

=> ПОЛУЧИТЬ СУПЕРСПОСОБНОСТИ УЧИТЕЛЯ <=

Просмотр содержимого документа
«План-конспект учебного занятия "Понятие о каскадных таблицах стилей (CSS)"»

Понятие о каскадных таблицах стилей (CSS)

Цели учебного занятия [2]:

расширение и углубление представлений об инструментах и методах веб-конструирования;
формирование умений использовать таблицы в редакторе NotePad++ для размещения информации на веб-страницах;
развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.
воспитание самостоятельности, усидчивости и аккуратности.

Тип учебного занятия [2]: учебное занятие усвоения новых знаний и умений.

Учащиеся должны уметь[2]: использовать таблицы для размещения информации на веб-страницах.

Ход учебного занятия:

Организационный момент;
Актуализация знаний;
Объяснение нового материала;

CSS (от англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания оформления веб-страниц, написанных с помощью языка разметки HTML. С помощью HTML описывается структура вебстраницы, а с помощью CSS – ее внешний вид [3].

Способы подключения CSS к документу [3]

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

Встроенная таблица стилей описывается в самом веб-документе. Она располагается между тегами и , которые, в свою очередь, располагаются в этом документе между тегами и . Тег должен иметь обязательный атрибут type = "text / css".

Пример:

p {color=gray;}

Серый цвет текста во всех абзацах