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

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

Материал туралы қысқаша түсінік

Алипова Альфия Уалиевна

Автор материалды ақылы түрде жариялады. Сатылымнан түскен қаражат авторға автоматты түрде аударылады. Толығырақ

13 Қараша 2024

0 рет жүктелген

Информатика Ашық сабақ 10 сынып

700 ₸

Бүгін алсаңыз
+35 бонус беріледі
Бұл не?

Бүгін алсаңыз +35 бонус беріледі Бұл не?

Тегін турнир Мұғалімдер мен Тәрбиешілерге
Дипломдар мен сертификаттарды алып үлгеріңіз!

Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады

Материалдың толық нұсқасын
жүктеп алып көруге болады

Қысқа мерзімді жоспары
Бөлім	Веб – жобалау
Педагогтың аты-жөні	Алипова А.У
Күні
Сынып: 10	Қатысушылар саны: 13	Қатыспағандар саны
Сабақтың тақырыбы:	HTML тілі құжатында графиканы қолдану
Оқу бағдарламасына сәйкес оқыту мақсаттары	10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану
Сабақтың мақсаты:	-негізгі тег түрлерін қолдану -web парақшасын әзірлеу

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

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

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

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

Бағалау

Ресурстар

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

10 минут

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

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

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

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

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

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

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

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

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

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

Тамаша!

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

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

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

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

8 минут

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

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

Суретке қарап жауап беріңіз:
Суретте не бейнелерген?
Үш суретті өзара не біріктіреді?
Бүгінгі сабақтың тақырыбын атаңыздар?

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

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

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

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

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

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

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

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

Керемет!

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

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

5 мин

Практикалық

бөлім

15 минут

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

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

<html>

<head>

</head>

<body>

</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 платформасы

Ресми байқаулар тізімі

Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!