10 сынып информатикадан ҚМЖ ЖМБ бағыты. СТИЛЬДЕР КЕСТЕЛЕРІНІҢ ТІЛІНДЕ СЕЛЕКТОРЛАР ТҮРЛЕРІ

Қысқа мерзімді жоспары

Бөлім

Веб-жобалау

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

Төлендиева А.

Күні

Сынып 9

Қатысушылар саны

Қатыспағандар саны

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

СТИЛЬДЕР КЕСТЕЛЕРІНІҢ ТІЛІНДЕ СЕЛЕКТОРЛАР ТҮРЛЕРІ

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

10.4.2.2 web (веб)-парақшаларды жасауда CSS (си эс эс) қолдану

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

«Селектор» ұғымы мен түрлерін біледі. Селектор түрлерін салыстырады

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

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

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

Бағалау

Ресурстар

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

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

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

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

Өткен сабақты пысықтау: «Ұшақ» әдісі Оқушылар қағазға өткен тақырып бойынша сұрақтар жазып, Жауаптар топта талданады. Өзара бағалайды.

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

• HTML тілі мен стильдер кестелерінің қандай айырмашылығы бар?

• Стильдер кестелерінің қандай артықшылықтары бар?

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

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

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

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

Кестемен жұмыс

Компьютермен жұмыс:

Бұл жұмыста HTML мен СSS тілдеріндегі кодтарды пайдалану ерекшеліктерін байқауға болады.

html:

<p> Бұл азатжолға элемент бойынша селектор қолданылған </p>

<p class="green"> Бұл азатжол жасыл, себебі оған сlаss қолданылған </p>

<p class ="big_red" > Бұл азатжол үлкен қаріппен және қызыл түсті болады </p>

<p> Бұл азатжол қарапайым болады </p> СSS:

p {

font-family: arial, verdana, sans-serif; font-size:18px;

}

.green {color:green;}

.big_red{

font-size:28px; color: red;

}

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

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

https://learningapps.org/view23465427

қорытынды:

1. Селектор дегеніміз не?

2. Селектордың қандай түрлері бар?

3. Элемент бойынша селекторды қандай жағдайларда қолданады?

4. Сынып (класс) бойынша селектор қызметі қандай?

5. Элемент бойынша және сынып (класс) бойынша селекторлардың қызметі неде және қандай айырмашылықтары бар?

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

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

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

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

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

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

https://www.youtube.com/watch?v=9NAubxwQbBQ&ab_channel=%D0%96%D0%B0%D0%BD%D0%B0%D1%82%D0%A2%D1%83%D1%80%D0%BC%D0%B0%D0%B3%D0%B0%D0%BC%D0%B1%D0%B5%D1%82%D0%BE%D0%B2%D0%B0

Күнделік кз

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

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

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

Дескриптор

• Селектор ұғымын анықтайды;

• Селектор түрлерін салыстырады

Дескриптор:

HTML мен СSS тілдерінің айырмашылығын анықтайды

АКт

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

Ютуб каналы

Дарын онлан

Кітап

Дәптер

Пк