|
Қысқа мерзімді жоспары |
||||
|
Бөлім |
Веб-жобалау |
|||
|
Педагогтың аты-жөні |
Серикова Динара |
|||
|
Күні |
18.02.2021 |
|||
|
Сынып 10 |
Қатысушылар саны |
10 |
Қатыспағандар саны |
|
|
Сабақтың тақырыбы: |
«Стильдердің каскадты кестесін қолдану (CSS)» (CASCADING STYLE SHEETS) |
|||
|
Оқу бағдарламасына сәйкес оқыту мақсаттары |
10.4.2.2 web-беттерді жасауда CSS қолдану |
|||
|
Сабақтың мақсаты: |
Барлық оқушылар: |
|||
|
«Каскадтық стильді кестелер» ұғымын анықтайды |
||||
|
Көптеген оқушылар: |
||||
|
Каскадтық стильді кестелерді код жасауда қолданады |
||||
|
Кейбір оқушылар: |
||||
|
Каскадтық стильді кестелерді қолданудың маңыздылығын түсіндіреді |
||||
Сабақтың барысы:
|
Сабақтың кезені/ уақыт |
Педагогтың әрекеті |
Оқушының әрекеті |
Бағалау |
Ресурстар |
||||
|
Сабақтың басы |
1.Оқушылармен амандасу. 2.Сабақтың тақырыбы мен мақсаттарымен таныстыру. 3.Жаңа тақырыпқа шолу Үй тапсырмасын пысықтау. Өткен тақырыптағы қосымша тапсырмалардың шешімін жұптасып талдайды. Оқушылардың жұмыстарын ауызша мадақтау, қолдау көрсету. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттар мен танысады. |
|
|
||||
|
Сабақтың ортасы |
Миға шабуыл сұрақтары Компьютерде HTML веб-бетін қалай құруға болады? Есіңе түсір! Оқулықпен жұмыс. Жаңа ақпаратпен танысу. Әдістемелік берілген сұрақтарға жеке, топта, ұжымда жауап береді. Мұғалімнің түсіндірмесі Notepad+++ бағдарламасында веб-беттерді құру, деректерді жазу, қолдану тәсілімен таныстырады. 1-тапсырма HTML және CSS тиімділігін жазыңдар.
2- тапсырма. Практикалық жұмысты орындау. <html> <head> <meta charset=utf-8”> <title>Ішкі стиль</title> </head> <body> <p style="font-size:120%;font-family;monospace;color:#cd66cc"> Абзацқа ішкі CSS стильді қолдану</p> <p>Бұл қалыпты абзац</p> </body> </html>
3-тапсырма <html> <head> <meta charset="utf-8"> <title>Сілтеменің түстері</title> <body link="red" vlink=#"cecece"alink="#ff0000" bgcolor="olive" <p><h1><a ="content.html">Сайттың мазмұны</a></h1> </p> </body> </html>
Дескриптор: Ішкі стильді пайдаланып мөлшерін, қарпін, абзац түсін өзгертеді. Жұптық жұмыс LearningApps платформасы арқылы тапсырмалар беріледі. |
Мұғалімді тыңдайды CSS файлындағы қаріп пен мәтіннің стилін баптау тегтерін дәптерге жазады Анықтамасын дәптерге жазады TrebEdit бағдарламасымен жұмыс жасайды |
|
Жұмыс дәптері Блокнот Кесте TrebEdit бағдарламасы |
||||
|
Сабақтың соңы |
«Жетістік жолы» әдісі. Оқушылар сабақтан алған жақсы әсерімен, түсінбеген сұрағымен бөліседі. |
Өзін-өзі бағалау. |
|
А4 парағы |
||||
|
Үй тапсырмасы |
|
|
|
жүктеу мүмкіндігіне ие боласыз
Бұл материал сайт қолданушысы жариялаған. Материалдың ішінде жазылған барлық ақпаратқа жауапкершілікті жариялаған қолданушы жауап береді. Ұстаз тілегі тек ақпаратты таратуға қолдау көрсетеді. Егер материал сіздің авторлық құқығыңызды бұзған болса немесе басқа да себептермен сайттан өшіру керек деп ойласаңыз осында жазыңыз
"Стильдердің каскадты кестесін қолдану (CSS)"
|
Қысқа мерзімді жоспары |
||||
|
Бөлім |
Веб-жобалау |
|||
|
Педагогтың аты-жөні |
Серикова Динара |
|||
|
Күні |
18.02.2021 |
|||
|
Сынып 10 |
Қатысушылар саны |
10 |
Қатыспағандар саны |
|
|
Сабақтың тақырыбы: |
«Стильдердің каскадты кестесін қолдану (CSS)» (CASCADING STYLE SHEETS) |
|||
|
Оқу бағдарламасына сәйкес оқыту мақсаттары |
10.4.2.2 web-беттерді жасауда CSS қолдану |
|||
|
Сабақтың мақсаты: |
Барлық оқушылар: |
|||
|
«Каскадтық стильді кестелер» ұғымын анықтайды |
||||
|
Көптеген оқушылар: |
||||
|
Каскадтық стильді кестелерді код жасауда қолданады |
||||
|
Кейбір оқушылар: |
||||
|
Каскадтық стильді кестелерді қолданудың маңыздылығын түсіндіреді |
||||
Сабақтың барысы:
|
Сабақтың кезені/ уақыт |
Педагогтың әрекеті |
Оқушының әрекеті |
Бағалау |
Ресурстар |
||||
|
Сабақтың басы |
1.Оқушылармен амандасу. 2.Сабақтың тақырыбы мен мақсаттарымен таныстыру. 3.Жаңа тақырыпқа шолу Үй тапсырмасын пысықтау. Өткен тақырыптағы қосымша тапсырмалардың шешімін жұптасып талдайды. Оқушылардың жұмыстарын ауызша мадақтау, қолдау көрсету. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттар мен танысады. |
|
|
||||
|
Сабақтың ортасы |
Миға шабуыл сұрақтары Компьютерде HTML веб-бетін қалай құруға болады? Есіңе түсір! Оқулықпен жұмыс. Жаңа ақпаратпен танысу. Әдістемелік берілген сұрақтарға жеке, топта, ұжымда жауап береді. Мұғалімнің түсіндірмесі Notepad+++ бағдарламасында веб-беттерді құру, деректерді жазу, қолдану тәсілімен таныстырады. 1-тапсырма HTML және CSS тиімділігін жазыңдар.
2- тапсырма. Практикалық жұмысты орындау. <html> <head> <meta charset=utf-8”> <title>Ішкі стиль</title> </head> <body> <p style="font-size:120%;font-family;monospace;color:#cd66cc"> Абзацқа ішкі CSS стильді қолдану</p> <p>Бұл қалыпты абзац</p> </body> </html>
3-тапсырма <html> <head> <meta charset="utf-8"> <title>Сілтеменің түстері</title> <body link="red" vlink=#"cecece"alink="#ff0000" bgcolor="olive" <p><h1><a ="content.html">Сайттың мазмұны</a></h1> </p> </body> </html>
Дескриптор: Ішкі стильді пайдаланып мөлшерін, қарпін, абзац түсін өзгертеді. Жұптық жұмыс LearningApps платформасы арқылы тапсырмалар беріледі. |
Мұғалімді тыңдайды CSS файлындағы қаріп пен мәтіннің стилін баптау тегтерін дәптерге жазады Анықтамасын дәптерге жазады TrebEdit бағдарламасымен жұмыс жасайды |
|
Жұмыс дәптері Блокнот Кесте TrebEdit бағдарламасы |
||||
|
Сабақтың соңы |
«Жетістік жолы» әдісі. Оқушылар сабақтан алған жақсы әсерімен, түсінбеген сұрағымен бөліседі. |
Өзін-өзі бағалау. |
|
А4 парағы |
||||
|
Үй тапсырмасы |
|
|
|
шағым қалдыра аласыз




