HTML тілі құжатында графиканы қолдану

Тақырып бойынша 11 материал табылды

HTML тілі құжатында графиканы қолдану

Материал туралы қысқаша түсінік
HTML тілі құжатында графиканы қолдану
Материалдың қысқаша нұсқасы

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

Бөлім

Веб – жобалау

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

Алипова А.У

Күні


Сынып: 10

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


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


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

HTML тілі құжатында графиканы қолдану

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

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

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

-негізгі тег түрлерін қолдану

-web парақшасын әзірлеу


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

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

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

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

Бағалау

Ресурстар

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

10 минут



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

1.Оқушылармен амандасу.

2.Сабақтың тақырыбы мен мақсаттарымен таныстыру.



«Сиқырлық қорап» атты психологиялық ахуал қалыптастыру


Өткен тақырыпты пысықтау:

«Kundeik.kz» платформасы арқылы оқушылар сұрақтарға жауап береді.

Пән мұғалімімен амандасады;



Оқушылар бір біріне жағымды тілектерін арнайды



Өткен тақырып бойынша Kundeik.kz платформасынан сұрақтарға жауап бере отырып білімдерін тексереді.

Мұғалім: Оқушының белсенділігін арттыратын ынталандыру сөздер:

Тамаша!

Жарайсыздар!



Ауызша мадақтау жүзеге асырылады.


«Сиқырлық қорап»









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


8 минут


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

Жаңа сабақтың тақырыбын анықтау мақсатында суреттер көрсетіледі.


  1. Суретке қарап жауап беріңіз:

  2. Суретте не бейнелерген?

  3. Үш суретті өзара не біріктіреді?

  4. Бүгінгі сабақтың тақырыбын атаңыздар?


Жаңа сабақтың тақырыбын, мақсатын таныстыру.

Бетке сурет қою үшін <img> дара тегі қолданылады. Ол BODY элементінің кез-келген жерінде орналасуы мүмкін. Стандартты сурет форматтары GIF, PNG және JPEG болып табылады:

JPEG – фотосуреттерді немесе мәтіні жоқ сұр реңктегі суреттерді сақтау үшін қолданылады; GIF – анимация үшін қолданылады; PNG – қалған суреттерге арналған формат (иконкалар, батырмалар және т.б.) Бірақ бұл тег міндетті түрде src, alt атрибуттарымен қатар қолданылады.

Бұл тегтің бірінші, ең маңызды атрибуты – src атрибуты болып табылады. (ағылшын тіліндегі source – дереккөзі сөзінің қысқартуы). Бұл атрибут сурет файлының орналасқан жерін көрсетеді.

HTML бетке суретті қою коды мына түрде болады: <img src=“foto.jpg”>



Керек ақпарат бойынша оқулықпен жұмыс жасап негізгі ұғымдарды дәптерлеріне түртіп алады.














Мұғалім беріп отырған ақпаратты мұқият тыңдайды

Мұғалім: Оқушының белсенділігін арттыратын ынталандыру сөздер:

Керемет!

Жарайсыздар!


Суреттер Презентация







5 мин






















Практикалық

бөлім

15 минут


1-тапсырма. Жұптық жұмыс

Әдісі: «Қима қағаздар»

<html>

<head>

<title> Abai </title>

</head>

<body>

<img src="Abay.jpg">

</body>

</html>


Талқылау сұрақтары:

1. HTML тілінде сайт жасау қаншалықты қызық болды?

2. Тег атауларын есте сақтап үлгердіңіздер ме?



2-тапсырма. Жеке жұмыс

«BINOM жекеменшік мектептер желісі» туралы web-бетті құрыңыздар. BINOM туралы қысқаша мәлімет (мысалы, Бином мектептерінің тізімі. Атырау қаласы, Астана қаласы) бойынша жазыңыздар.


Талқылау сұрақтары:

1. Web – парақшаны құруда қандай тегтерді қолдандыңыз.


3 тапсырма.

HTML тілінің графикалық негізгі тегтері мен атрибуттарын қолданып, BINOM мектеп суреттерімен бейнеленген web-бет құрыңыздар.



Талқылау сұрақтары:

1. Web-бетке суретті кіріктіру үшін қандай тег қолданылады?

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

Берілген конвертті ашып, HTML тілінде жазылған кодтар қималарын ретімен қою


Дескриптор:

1. Сайттың басын ашады -1

2. Сайттың тақырыбын көрсетеді -1

3. Сайттың денесің ашып жабады -1

4. Сайтқа сурет енгізеді -1








Дескриптор:

1. Сайттың атауын жазады «sabaq» -1

2. Тақырыпты жазады «BINOM жекеменшік мектептер желісі» -1

3. Мәтіннің түсін қояды -1

4. Маркерленген тізімді қолданады -1










Дескриптор:

1. Сурет қою тегтері мен атрибутын қолданады -1

2. Суретті енгізеді -1







Бағалау:

Өзін – өзі бағалау парақшасы арқылы бағалау

(барлығы 4 ұпай)













Бағалау:

Өзін – өзі бағалау парақшасы арқылы бағалау

(барлығы 4 ұпай)












Бағалау:

Өзін – өзі бағалау парақшасы арқылы бағалау

(барлығы 2 ұпай)





Қима қағаздар


















Компьютер

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

7 минут

Рефлексия

Teams платформасы арқылы оқушылардан кері байланыс алу.


Үй тапсырмасы

Функционалдық сауаттылық

Қазақстандағы танымал топ 3тік сайттарды зерттеп және қолданылған тегтерді анықтаңыз.


Кері байланыс жасап,

нәтиже ұпайларын талдайды.






Мұғалімнің қорытынды бағалауы жүзеге асырылады

Teams платформасы




Жүктеу
bolisu
Бөлісу
ЖИ арқылы жасау
Файл форматы:
docx
13.11.2024
230
Жүктеу
ЖИ арқылы жасау
Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Материал жариялап, аттестацияға 100% жарамды сертификатты тегін алыңыз!
Ustaz tilegi журналы министірліктің тізіміне енген. Qr коды мен тіркеу номері беріледі. Материал жариялаған соң сертификат тегін бірден беріледі.
Оқу-ағарту министірлігінің ресми жауабы
Сайтқа 5 материал жариялап, тегін АЛҒЫС ХАТ алыңыз!
Қазақстан Республикасының білім беру жүйесін дамытуға қосқан жеке үлесі үшін және де Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық материалыңызбен бөлісіп, белсенді болғаныңыз үшін алғыс білдіреміз!
Сайтқа 25 материал жариялап, тегін ҚҰРМЕТ ГРОМАТАСЫН алыңыз!
Тәуелсіз Қазақстанның білім беру жүйесін дамытуға және білім беру сапасын арттыру мақсатында Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жариялағаны үшін марапатталасыз!
Министірлікпен келісілген курстар тізімі