Бөлім		ІІІ. Веб-жобалау
Педагогтің аты-жөні:		Сулайманов Д.Р
Күні:		14.03.2023
Сынып:		10 «А,Ә»
Сабақ тақырыбы:		CSS (си эс эс)
Оқу бағдарламасын сәйкес оқыту мақсаттары		10.4.2 .2 web-беттерді жасауда CSS қолдану
Сабақ мақсаттары		-«Селектор» ұғымы мен түрлерін біледі - Селектор түрлерін салыстырады -Селекторды қолданудың маңыздылығын түсіндіреді
Сабақтың барысы
Сабақтың кезеңдері/ уақыты	Педагогтің әрекеті		Оқушының әрекеті	Бағалау	Ресурстар
Сабақтың басы 5 мин	Ұйымдастыру: Сәлемдесу, түгендеу «Көпір» ойыны. Еденде бормен көпір (түзу) сызылады. Екі топ, бір- біріне қарсы шыққан балалар көпірден құлап қалмай өтуі керек. Балалар бір-біріне көмектесіп, орындарын ауыстырып, бір-бірін өткізіп жіберулері керек. Топқа біріктіру: Ойын картасы арқылы топтарға біріктіру Өткен сабақты пысықтау: «Ұшақ» әдісі Оқушылар қағазға өткен тақырып бойынша сұрақтар жазып, ұшақ жасап, келесі топқа ұшырады. Ол топ жауаптарын жазып ұшырады. Жауаптар топта талданады. Өзара бағалайды. Оқушылардың жауаптарын ауызша мадақтау,қолдау көрсету		Оқушылар сәлемдеседі Бір-біріне жақсы тілектер айтады	Оқушылардың жауаптарын ауызша бағалау
Сабақтың ортасы 30 мин Сергіту 5мин	«Миға шабуыл» әдісі HTML тілі мен стильдер кестелерінің қандай айырмашылығы бар? Стильдер кестелерінің қандай артықшылықтары бар? Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру Кестемен жұмыс Элемент бойынша селектор Сынып бойынша селектор Идентификатор бойынша селектор Контекстік селектор Дескриптор__Селектор_ұғымын_анықтайды;_Селектор_түрлерін_салыстырады.Компьютермен_жұмыс'>Дескриптор Селектор ұғымын анықтайды; Селектор түрлерін салыстырады. Компьютермен жұмыс: Бұл жұмыста HTML мен СSS тілдеріндегі кодтарды пайдалану ерекшеліктерін байқауға болады. Қол, көз жаттығулары. html: Бұл азатжолға элемент бойынша селектор қолданылған class="green"> Бұл азатжол жасыл, себебі оған сlаss қолданылған class ="big_red" > Бұл азатжол үлкен қаріппен және қызыл түсті болады Бұл азатжол қарапайым болады СSS: p { font-family: arial, verdana, sans-serif; font-size:18px; } .green {color:green;} .big_red{ Дескриптор: HTML мен СSS тілдерінің айырмашылығын анықтайды. Оқушылардыңжұмыстарыбағалаупарағынабаллқоюарқылыбағаланады		Сұрақтарға жауап береді Мәтінді түсініп оқиды Тапсырмаларды орындайды Музыка ойнатады Жұмыс дәптері Компьютер Жұмыс дәптері	Ауызша мадақтау, ынталандыру Смайликтер Орнында тұрып жасайды	Оқулық bilimland.kz
Сабақтың соңы 5 мин	Тест тапсырмасын алу Оқушылар тест жұмысын орындайды. Селектор дегеніміз не? Селектордың қандай түрлері бар? Элемент бойынша селекторды қандай жағдайларда қолданады? Сынып (класс) бойынша селектор қызметі қандай? Элемент бойынша және сынып (класс) бойынша селекторлардың қызметі неде және қандай айырмашылықтары бар? Бір-бірін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады.		Сұрақтарға жауап береді Тақырыптан түсінгенін айтады	Бір-бірін бағалайды	Кері байланыс

---

---

Смотрите также файлы

• Правильный ответ эластическая тяга легких, тяжесть грудной клетки.pdf

• Курс лекций РостовнаДону 2011 министерство образования и науки рф фгаоу впо институт архитектуры и искусств.pdf

• Национальный стандарт российской федерации системы газораспределительные сети газопотребления.docx

• Название тсмы гГ.docx

• Доклад По дисциплине Особенности валютного регулирования и валютного контроля в России Россовицкий А. А.docx