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

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

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

• расширение и углубление представлений об инструментах и методах веб-конструирования;

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

• развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

• воспитание самостоятельности, усидчивости и аккуратности.

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

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

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

1. Организационный момент;

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

3. Объяснение нового материала;

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

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

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

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

Пример:

p {color=gray;}

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