Файл: 8 каскадты стильді кестелер css (cascading style sheets).docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 19.03.2024

Просмотров: 12

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Сабақтың тақырыбы: § 4.8 КАСКАДТЫҚ СТИЛЬДІ КЕСТЕЛЕР CSS (CASCADING STYLE SHEETS)

Бөлім

Веб-жобалау

Педагогтың аты-жөні




Күні: 13-14.02.2023

Қатысушылар саны: Қатыспағандар саны:

Сынып: 10АӘ




Сабақтың тақырыбы

§ 4.8 КАСКАДТЫҚ СТИЛЬДІ КЕСТЕЛЕР CSS (CASCADING STYLE SHEETS)

Оқу бағдарламасына сәйкес оқыту мақсаттары:

10.4.2.2 web-беттерді жасауда CSS қолдану

Сабақтың мақсаты

Барлық оқушы: «Каскадтық стильді кестелер» ұғымын анықтайды Көпшілік оқушы: Каскадтық стильді кестелерді код жасауда қолданады Кейбір оқушы: Каскадтық стильді кестелерді қолданудың маңыздылығын түсіндіреді

Сабақтың барысы:


Сабақтың кезеңі/ уақыт

Педагогтің әрекеті

Оқушының әректі

Бағалау

Ресурстар

1.Ұйымдастыру

2. Өткен тақырыпты еске түсіру\ қайталау\


3. Жаңа сабақты меңгерту

4. Бекіту

Сәлемдесу, түгендеу

Өткен сабақты пысықтау:

Оқушылар өткен сабақта берілген тапсырманың орындалу жолын бір-біріне көрсетіп, топта талдайды.

Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету

«Миға шабуыл» әдісі

  • Web-беттерді безендірудің қандай жолдары бар?

  • Қалай әрлеуге болады?

Оқулықпен жұмыс

Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді.

Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды.

Ауызша мадақтау, ынталандыру

1-тапсырма. Компьютермен жұмыс

2-суретте берілген web-беттің түсі мен мәтін түсін style.css стильдер бетін пайдаланып өзгертейік. Ол үшін style.css бетіне төмендегі кодты қосып жазамыз. Бұл код көмегімен 2-суреттегі көрсетілген web-беттің түсі көкке, ал мәтін түсі аққа өзгереді (3-сурет).



2-тапсырма.

style.css стильдік бетті пайдаланып төмендегі өзгерістерді алайық.

body{background: blue; color: white;} h1{color:red;}

h2{color:yellow;}

Дескриптор:

style.css стильдік бетті қолданады.

«Табыс баспалдағы» әдісі бойынша бағалау. Баспалдақтарды бояу арқылы. Боялған баспалдақтардың саны бойынша қалыптастырушы бағалау.

Тест тапсырмасын алу

Оқушылар тест жұмысын орындайды.

  1. CSS дегеніміз не?

CSS қашан пайда болған?

  1. Web-беттерді әрлеуде стильдік беттерді қалай қолдануға болады?

  2. «Селектор» дегеніміз не?

  3. Селектордың құрылымы қандай?

Бір-бірін бағалайды

Кері байланыс: «БББ кестесі» әдісі

Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады.


1.Мұғаліммен амандасады.

2.Сабақтың тақырыбын дәптерге жазады.

3.Сабақтың мақсаттарымен танысады

Мұғалімді тыңдайды

Күнделік кз

ФБ қою арқылы бағалау

жазбаша түрде қалыптастырушы бағалауды іске асыру

Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету

Фигуралар арқылы бағалау

Бірін-бірібағалайды


АКт

Интернет желісі

Ютуб каналы

Дарын онлан

Кітап

Дәптер

Пк





Тексерілді