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

Бөлім:

Веб-жобалау

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

Бабаханова Таңшолпан

Күні:

Сынып: 10

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

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

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

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

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

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

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

-HTML тілінде графикалық элементтерді (сурет, иллюстрация) веб-парақшаға енгізу үшін <img> тегін қолдануды үйренеді және суреттің негізгі атрибуттарын (src, alt, width, height) сипаттайды.

Құндылықтар

Жасампаздық және жаңашылдық: веб-парақша әзірлеуде эстетикалық талғамды дамытады, шығармашылықпен жұмыс істейді және бірлескен әрекет барысында ынтымақтастық пен жауапкершілікті қалыптастырады

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

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

уақыты

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

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

Бағалау

Ресурстар

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

5 минут

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

10 минут

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

Өткенді қайталау:

https://wordwall.net/kk/resource/67138421

Мақсаты: Оқушылардың назарын сабаққа аудару

• Күнді, сабақтың тақырыбын жазғызу.

Оқушылар мұғаліммен сәлемдеседі.

Оқушылар сұрақтарға жауап береді

ЕББҚ оқушы мұғалім қолдауымен тапсырмаларды орындайды, ауызша кері байланыс жасайды САРАЛАУ:

Диалог арқылы қолдау

10 баллдық жүйе арқылы бағалау

Мақсаты: оқушыларды сабаққа ынталандыру

Оқулық

Презентация

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

Жаңа сабақ

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

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

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

JPEG – фотосуреттерді немесе мәтіні жоқ сұр реңктегі суреттерді сақтау үшін қолданылады;

GIF – анимация үшін қолданылады;

PNG – қалған суреттерге арналған формат (иконкалар, батырмалар және т.б.)

Жаңа ақпаратты тыңдайды

САРАЛАУ:

Диалог арқылы қолдау

Мадақтау

Керемет!

Сен ақылдысың!

Ғажап!

Жарайсың!

Оқулық

Презентация

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

10 мин

Тапсырмаларды орындау

1. Топтық жұмыс

Функционалдық сауаттылыққа негізделген тапсырма

«HTML тілінде «Қазақстанның табиғаты» тақырыбында weб-бет жобасын ұсыныңдар.

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

САРАЛАУ:

Диалог Топтық жұмыс арқылы саралау

Дескриптор:

- негізгі тегтерді дұрыс қолданады 1 балл;

Оқулық

Презентация

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

10 мин

2.Жұптық жұмыс

1) . «Менің мектебім» жобасын HTML тілінің графикалық мүмкіндіктерін пайдаланып құрыңдар. Қарастырылған тегтер мен атрибуттарды қолданып, өз мектебің туралы wеб-бетке мәтін енгіз.

2) HTML тілінің графикалық мүмкіндіктерін пайдалана отырып, Қазақстандық 4 өнімді насихаттайтын weб-бет құрыңдар.

Практикалық тапсырмаларды орындайды САРАЛАУ: Нәтиже арқылы саралау

Дескриптор:

- негізгі тегтерді дұрыс қолданады 1 балл;

графиканы енгізелі 1балл;

-мәтін енгізеді 1 балл;

Жұмыс парағы

Компьютер

5 мин

Жеке жұмыс . ЖИ қолдану

HTML тілінің графикалық мүмкіндіктерін пайдаланып, тағы да қандай жобалар жасауға болатынын зерттеңдер.

Тапсырманы орындайды

Дескриптор:

- HTML тілінің графикалық мүмкіндіктерін атайды 1 балл;

-жи қолданады 1 балл;

Компьютер

2 мин

Интерактивті ойын

https://wordwall.net/resource/28095248

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

Дескриптор:

-сұрақтарға жауап береді 1 балл;

Компьютер

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

1 мин

HTML -де графика құру

Тақырыпты оқу

Жазып алады

Оқулық

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

2 минут

Рефлексия

Маған барлығы түсінікті

Маған сәл қиындау болды

Мен ештеңе түсінбедім

Ауызша мадақтау

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