"CSS (Си Эс Эс)" 10 сынып

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

Бөлім

10.3А бөлім. Веб-жобалау

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

Далибаев Қ.Ж.

Күні

17.12.2024ж

Сынып: 10 А

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

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

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

CSS (Си Эс Эс)

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

10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану

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

HTML тілінің ішкі элементтерінің басқару командаларының жұмысын анықтап, веб-бетке иденфикаторлар мен контекстік селекторларды кірістіреді.

Құндылықтар

Адал азамат: жасампаздық және жaңaшылдық

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

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

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

Бағалау

Ресурстар

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

Ұйымдастыру кезеңі:

Сәлемдесу, оқушылардың сабаққа қатысушыларды тексеру.

Сұрақтарға жауап береді

Бас бармақ арқылы бірін-бірі бағалау

Оқулық, дәптер

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

Жаңа сабақты түсіндіру

https://www.youtube.com/watch?v=3qEn5KSMV80

1-тапсырма: Сұрақтарға жауап беріңдер:

1. Идентификаторлы селектордың қызметі не?

2. Идентификаторлы селекторлар қалай жазылады?

3.Мәнмәтіндік селекторлар қандай мақсатта қолданылады?

Практикалық жұмыс.

А) Идентификатор селекторы:

Б)Мәнмәтін селектор:

3-тапсырма: Сұрақтарға жауап беріңдер

4-тапсырма: Қажетті орынға орналастырыңдар

https://wordwall.net/resource/67797919

Дескриптор:

-Жаңа тақырыппен танысады

Дескриптор:

-Сұрақтарға жауап береді

Дескриптор:

-Идентификатор лы селекторды қолданады

-Мәнмәтіндік селекторды қолданады

Дескриптор:

-Селекторларды орналастырады

Дескриптор:

-Стиль қолданудың түрлерін көрсетеді

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

Бағдаршам әдісі

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

Бірін-бірі бағалау

«Крестиктер - нөлдіктер» әдісі

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

Интерактивті тақта

Оқулық

Интерактивті тақта

Компьютер

Таратпа материалдар

https://wordwall.net/resource/67797919

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

Бағалау:

Кері байланыс

Өздерін бағалайды

кері байланыс жүргізеді

Бағдаршам арқылы өзін-өзі бағалау

Үйге тапсырма:

44-45 тақырып

Өз ойыңызбен бөлісіңіз

• Каскадтық стильді кестелерде селекторлар қызметінің маңызы неде?

• Селектор көмегімен HTML-де web-бет құруда қандай жұмыстарды жеңілдетеді? Артықшылығы неде деп ойлайсың?

Жазып алады

Күнделік