«Мәшһүр Жүсіп атындағы №57 атындағы орта мектебі» КММ
Қысқа мерзімді жоспар
Сабақтың тақырыбы: HTML тілі құжатында графиканы қолдану
|
Бөлім: |
10.4 А Веб жобалау |
|
Педагогтің тегі, аты, әкесінің аты |
Буркитова А.Р. |
|
Күні: |
23.01.2024 |
|
Сынып: 10 А, Б |
Қатысушылар саны: Қатыспағандар саны: |
|
Сабақтың тақырыбы: |
HTML тілі құжатында графиканы қолдану |
|
Оқу бағдарламасына сәйкес оқыту мақсаты: |
10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану |
|
Сабақтың мақсаты: |
Негізгі тегтермен(IMG) танысып, web парақшаларды әзірлеу |
Сабақтың барысы:
|
Сабақ кезеңі / Уақыты |
Педагогтің әрекеті |
Оқушының әрекеті |
Бағалау |
Ресурстар |
||||||||||||||||||||||||||||||||||||||||||||
|
Сабақтың басы 2 минут 5 минут |
Ұйымдастыру кезеңі «Сиқырлы қорап» атты психологиялық ахуал жүргізеді. Өткен тақырыпты еске түсіру үшін «Сұрақ менен, жауап сенен» әдісі арқылы сұрақтарға жауап береді. Оқыту түрі: Жеке жұмыс Тапсырма. Өткен тақырып бойынша берілген сұрақтарға жауап беріңіздер. 1. <p> тегіне анықтама беріңіз? 2. <br> тегіне анықтама беріңіз? 3. <ul> тегіне анықтама беріңіз? 4. <body> тегіне анықтама беріңіз? 5. HTML тілін декоттаңыз 6. <title> тегіне анықтама беріңіз? 7. <bgcolor> тегіне анықтама беріңіз? 8. <size> тегіне анықтама беріңіз? 9. <sub> және <sup> 10. HTML тілін қай жылы және кім ұсынды? 11. <widht> тегіне анықтама беріңіз? ЕББҚ бар оқушы басқа оқушының жауап беруі бойынша өткен тақырыпты есіне түсіріп, сыныптасынан қолдау көреді және қарым-қатынасқа түсуі артады. |
Мұғаліммен амандасады Оқушылар сыйлықтарына (тәттілер) байланысты тілек білдіреді. Өткен тақырып бойынша сұрақтарға жауап бере отырып білімдерін тексереді. |
Мұғалім оқушылар жауабына мұқият тыңдап, кері байланыс беріп отырады. Ауызша мадақтау жүзеге асырылады. |
Сиқырлы қорап |
||||||||||||||||||||||||||||||||||||||||||||
|
Сабақтың ортасы 5 минут 7 минут |
Жаңа сабақтың тақырыбын анықтау мақсатында суреттер көрсетіледі. Әдісі: «Миға шабуыл» Д
Суреттерге қарап ,жауап беріңіз: 1.Суретте не бейнеленген? 2.Үш суретті өзара не біріктіреді? 3.Бүгінгі сабақтың тақырыбын атаңыздар? Жаңа сабақтың тақырыбын, мақсатын таныстыру. Бетке сурет қою үшін <img> дара тегі қолданылады. Ол BODY элементінің кез-келген жерінде орналасуы мүмкін. Стандартты сурет форматтары GIF, PNG және JPEG болып табылады: JPEG – фотосуреттерді немесе мәтіні жоқ сұр реңктегі суреттерді сақтау үшін қолданылады; GIF – анимация үшін қолданылады; PNG – қалған суреттерге арналған формат (иконкалар, батырмалар және т.б.) Бірақ бұл тег міндетті түрде src, alt атрибуттарымен қатар қолданылады. Бұл тегтің бірінші, ең маңызды атрибуты – src атрибуты болып табылады. (ағылшын тіліндегі source – дереккөзі сөзінің қысқартуы). Бұл атрибут сурет файлының орналасқан жерін көрсетеді. HTML бетке суретті қою коды мына түрде болады: <img src=“foto.jpg”> |
Берілген суреттерге қарап, сұрақтарға жауап бере отыра, сабақтың тақырыбын атайды. Мұғалім беріп отырған ақпаратты мұқият тыңдайды. |
Өз ойын білдіріп, сұраққа жауап берген оқуышыларды мадақтау сөздерімен ынталандыру. |
Суреттер Презентация |
||||||||||||||||||||||||||||||||||||||||||||
|
Жеке жұмыс 10 минут |
Оқыту түрі: Жеке жұмыс Әдісі: «Компьютерде орындаймыз» Тапсырма: «HTML тілі құжатында графиканы қолдану» тақырыбына байланысты практикалық жұмысқа отырамыз. 122 беттегі практикалық жұмысты ашыңыздар.
Талқылау сұрақтары:
Дағды: Жазылым және Айтылым |
Оқушылар компьютерге отырып практикалық жұмысты орындайды. |
Бағалау критерийі:
Дескриптор:
[5] |
Оқулық 122 бет Компьютер |
||||||||||||||||||||||||||||||||||||||||||||
|
Жұптық жұмыс 7 минут |
Оқыту түрі: Жұптық жұмыс Әдісі: «Қима қағаздар» <html> <head> <title> Abai </title> </head> <body> <img src="Abay.jpg"> </body> </html> Талқылау сұрақтары:
Дағды: Айтылым
Мақсатқа оралу Негізгі тегтермен (IMG) танысып, web парақшаларды әзірлеу |
Берілген конвертті ашып, HTML тілінде жазылған кодтар қималарын ретімен қою. |
Бағалау критерийі:
Дескриптор:
[5] |
Қима қағаздар |
||||||||||||||||||||||||||||||||||||||||||||
|
Сабақтың соңы 4 минут |
Рефлексия Jamboard платформасы арқылы оқушылардан кері байланыс алу. Үй тапсырма: §38-39 тақырып оқу |
Кері байланыс жасап, нәтиже балдарын талдайды. |
Мұғалімнің қорытынды бағалауы жүзеге асырылады |
Jamboard Бұл материал сайт қолданушысы жариялаған. Материалдың ішінде жазылған барлық ақпаратқа жауапкершілікті жариялаған қолданушы жауап береді. Ұстаз тілегі тек ақпаратты таратуға қолдау көрсетеді. Егер материал сіздің авторлық құқығыңызды бұзған болса немесе басқа да себептермен сайттан өшіру керек деп ойласаңыз осында жазыңыз
«Мәшһүр Жүсіп атындағы №57
атындағы орта мектебі» КММ Қысқа мерзімді
жоспар Сабақтың
тақырыбы: HTML тілі құжатында графиканы
қолдану Бөлім: 10.4
А Веб
жобалау Педагогтің тегі, аты,
әкесінің аты Буркитова
А.Р. Күні: 23.01.2024 Сынып: 10 А,
Б Қатысушылар саны:
Қатыспағандар саны: Сабақтың
тақырыбы: HTML тілі құжатында графиканы
қолдану Оқу бағдарламасына сәйкес
оқыту мақсаты: 10.4.2.1 web
(веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін
қолдану Сабақтың
мақсаты: Негізгі тегтермен(IMG)
танысып, web парақшаларды
әзірлеу
Сабақтың
барысы: Сабақ кезеңі /
Уақыты Педагогтің
әрекеті Оқушының
әрекеті Бағалау Ресурстар Сабақтың
басы 2 минут 5
минут Ұйымдастыру
кезеңі «Сиқырлы қорап»
атты психологиялық
ахуал жүргізеді. Өткен тақырыпты еске түсіру
үшін «Сұрақ менен, жауап
сенен» әдісі
арқылы сұрақтарға жауап
береді. Оқыту
түрі: Жеке
жұмыс Тапсырма. Өткен тақырып бойынша берілген
сұрақтарға жауап
беріңіздер. 1. <p> тегіне анықтама
беріңіз? 2. <br> тегіне анықтама
беріңіз? 3. <ul> тегіне анықтама
беріңіз? 4. <body> тегіне
анықтама беріңіз? 5. HTML тілін
декоттаңыз 6. <title> тегіне
анықтама беріңіз? 7. <bgcolor> тегіне
анықтама беріңіз? 8. <size> тегіне
анықтама беріңіз? 9. <sub> және
<sup> 10. HTML тілін қай жылы және
кім ұсынды? 11. <widht> тегіне
анықтама беріңіз? ЕББҚ
бар оқушы басқа оқушының жауап
беруі бойынша өткен тақырыпты есіне түсіріп, сыныптасынан қолдау
көреді және қарым-қатынасқа түсуі
артады. Мұғаліммен
амандасады Оқушылар
сыйлықтарына (тәттілер) байланысты
тілек білдіреді. Өткен тақырып бойынша
сұрақтарға жауап бере отырып білімдерін
тексереді. Мұғалім оқушылар жауабына
мұқият тыңдап, кері байланыс беріп отырады. Ауызша мадақтау жүзеге
асырылады. Сиқырлы
қорап
Сабақтың
ортасы 5
минут 7
минут Жаңа сабақтың тақырыбын
анықтау мақсатында суреттер
көрсетіледі. Әдісі:
«Миға шабуыл» Д Суреттерге қарап ,жауап
беріңіз: 1.Суретте не бейнеленген? 2.Үш суретті өзара не
біріктіреді? 3.Бүгінгі сабақтың тақырыбын
атаңыздар? Жаңа сабақтың тақырыбын,
мақсатын таныстыру. Бетке сурет қою үшін
<img> дара тегі қолданылады. Ол BODY элементінің кез-келген
жерінде орналасуы мүмкін. Стандартты сурет форматтары GIF, PNG және
JPEG болып табылады: JPEG – фотосуреттерді немесе
мәтіні жоқ сұр реңктегі суреттерді сақтау үшін
қолданылады; GIF – анимация үшін
қолданылады; PNG – қалған суреттерге
арналған формат (иконкалар, батырмалар және
т.б.) Бірақ бұл тег міндетті түрде
src, alt атрибуттарымен қатар қолданылады. Бұл тегтің бірінші, ең
маңызды атрибуты – src атрибуты болып табылады. (ағылшын тіліндегі
source – дереккөзі сөзінің қысқартуы). Бұл атрибут сурет файлының
орналасқан жерін көрсетеді. HTML бетке суретті қою коды
мына түрде болады: <img
src=“foto.jpg”> Берілген суреттерге қарап,
сұрақтарға жауап бере отыра, сабақтың тақырыбын
атайды. Мұғалім беріп отырған
ақпаратты мұқият тыңдайды. Өз ойын білдіріп, сұраққа
жауап берген оқуышыларды мадақтау сөздерімен
ынталандыру. Суреттер Презентация Жеке
жұмыс 10
минут Оқыту түрі:
Жеке жұмыс Әдісі:
«Компьютерде
орындаймыз» Тапсырма:
«HTML тілі құжатында графиканы
қолдану» тақырыбына байланысты
практикалық жұмысқа
отырамыз. 122 беттегі практикалық
жұмысты ашыңыздар. Талқылау
сұрақтары: Суретті кіріктіру үшін қандай
атребут қолданылады? Web-бетке суретті кіріктіру
үшін қандай тег қолданылады? Дағды: Жазылым және
Айтылым Оқушылар компьютерге отырып
практикалық жұмысты
орындайды. Бағалау
критерийі: Сурет қою атребуттарының
жұмысын көрсете алады; Web-бетке суретті қоя
алады; Дескриптор: Сайттың атауын жазады
«Қазақстан көп этносты мемлекет» -1 Сайттың фондық түсін және
мәтіннің түсін қояды -1 Тақырыптыжазады «Достық үйі»
-1 Суретті енгізеді
-1 Суреттің өлшемін көрсетеді
-1 [5] Оқулық 122
бет Компьютер Жұптық
жұмыс 7
минут Оқыту
түрі: Жұптық
жұмыс Әдісі: «Қима
қағаздар» <html> <head> <title> Abai
</title> </head> <body> <img
src="Abay.jpg"> </body> </html> Талқылау
сұрақтары: HTML тілінде сайт жасау
қаншалықты қызық болды? Тег атауларын есте сақтап
үлгердіңіздер ме?
Дағды: Айтылым
Мақсатқа
оралу
Негізгі
тегтермен (IMG) танысып, web парақшаларды
әзірлеу Берілген конвертті ашып, HTML
тілінде жазылған кодтар қималарын ретімен
қою. Бағалау
критерийі: Сурет қою атребуттарының
жұмысын көрсете алады; Web-бетке суретті қоя
алады; Дескриптор: Сайттың басын ашып жабады
-1 Сайттың тақырыбын жазады
-1 Сайттың денесің ашып жабады
-1 Сайтқа сурет енгізеді
-1 Сайттағы жұмысты аяқтайды
-1
[5] Қима
қағаздар
Сабақтың
соңы
4
минут Рефлексия Jamboard платформасы арқылы
оқушылардан кері байланыс
алу. Үй
тапсырма: §38-39 тақырып
оқу Кері байланыс жасап, нәтиже
балдарын талдайды. Мұғалімнің қорытынды бағалауы
жүзеге асырылады Jamboard |
ағды:















