Материалдар / HTML –да қаріптің өлшемі, түрі мен түсін белгілеу

HTML –да қаріптің өлшемі, түрі мен түсін белгілеу

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

Сабақтың тақырыбы: § 4.2 HTML ТІЛІ

Бөлім

Веб-жобалау

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

ПЕРНЕЕВА АЙЖАМАЛ АМАНГЕЛДИЕВНА

Күні: 22.01.2025ж

Қатысушылар саны: Қатыспағандар саны:

Сынып:

10 Б

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

HTML –да қаріптің өлшемі, түрі мен түсін белгілеу

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

10.4.2.1 web-парақшаларды жасауда HTML-тегтерін қолдану

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

Барлық оқушы: «HTML тілі», «тег» ұғымдарын анықтайды

Көпшілік оқушы: HTML тілі құжатының құрылымымен танысады

Кейбір оқушы: HTML тілінде құжаттың ішкі элементтерін басқару тегтерін қолданады

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

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

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

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

Бағалау

Ресурстар

1.Ұйымдастыру













2. Өткен тақырыпты еске түсіру\ қайталау\

















3. Жаңа сабақты меңгерту






























4. Бекіту

1.Ұйымдастыру: Амандасу және жылы сөздер айту: "Сәлеметсіздер ме, балалар! Бүгін сіздермен керемет веб-беттер құрастырамыз! Барлығыңызға сәттілік тілеймін!"

Білім алушының зейінін сабаққа шоғырландыру.

Топқа біріктіру: https://flippity.net/





2.Тақырыпты қайталау

Өткен сабақты пысықтау

Әдіс: "Миға шабуыл"

Мұғалім оқушыларға сұрақ қояды:

"Сіздер күнделікті интернетте қолданатын сайттар қандай технологиялар арқылы жасалады?"

"Веб-беттердің негізгі құрылымында не бар деп ойлайсыз?"

«Біртұтас тәрбие» бағдарламасы: «Әділдік және Жауапкершілік» құндылығы

3. Жаңа материалды меңгерту кезеңі

Сабақтың мақсатын түсіндіру.

Әдіс: "Көрсету және түсіндіру"
Мұғалім қаріп параметрлерін орнату әдістерін түсіндіреді:

  1. Қаріптің өзгерту

HTML атрибуты:

<font size="4">Бұл мәтіннің өлшемі 4.</font>

  1. Қаріптің түрін орнату

HTML-де <font> тегі арқылы:

<font face="Arial">Arial қаріпі</font>

  1. Қаріптің түсін өзгерту

HTML-де <font> атрибуты арқылы:

<font color="red">Қызыл мәтін</font>

  1. Біріктіріп қолдану

<p style="font-size: 20px; font-family: 'Verdana'; color: green;"> Бұл жасыл түсті және 20px Verdana қаріпі.</p>

4. Практикалық жұмыс (25 мин)

Әдіс: "Жеке жұмыс" және "Топтық жұмыс"

1-тапсырма (жеке жұмыс)
Берілген мәтін үшін қаріп өлшемін, түрін және түсін өзгертіңіз.

Мәтін:

Мен HTML қаріп параметрлерін қолдануды үйреніп жатырмын.

Күтілетін нәтиже:

<p style="font-size: 18px; font-family: 'Arial'; color: purple;">

Мен HTML қаріп параметрлерін қолдануды үйреніп жатырмын.

</p>

2-тапсырма (топтық жұмыс)
Әр топқа жеке тақырып беріледі (мысалы, "Табиғат", "Ғылым", "Спорт").

Веб-бетке 2-3 түрлі қаріп қолданып, дизайн жасаңыз.

Мәтіннің әртүрлі бөліктеріне түрлі өлшем, түс және стиль беріңіз.

<!DOCTYPE html> <html> <head> <title>Табиғат</title>

</head> <body

<h1 style="font-size: 36px; font-family: 'Georgia'; color: green;">Табиғаттың әсемдігі

</h1> <p style="font-size: 18px; font-family: 'Arial'; color: blue;">Табиғат - адамзаттың баға жетпес байлығы.

</p>

</body>

</html>

«Біртұтас тәрбие» бағдарламасы: «тазалық пен шынайылық» құндылығы

Міндетті талаптар

  1. Веб-беттің құрылымы:

    • <html>, <head>, <body> тегтерін дұрыс пайдалану.

    • <title> арқылы беттің тақырыбын көрсету.

  2. Тақырып пен мәтін:

    • <h1> тегін қолданып, басты тақырып жазу.

    • <p> тегін пайдаланып, хобби туралы сипаттау.

  • «Біртұтас тәрбие» бағдарламасы: «ақылдылық, жауапкершілік» құндылығы









5.Сабақты бекіту (5 мин)

Әдіс: "Сұрақ-жауап"

Қаріптің өлшемін қандай тәсілдермен өзгертуге болады?

Қаріптің түрін өзгерту үшін қандай тег немесе қолданылады?

"HTML-де ең пайдалы тег қандай?"

"Қандай қиындықтар кездесті?"

Мұғалім кері байланыс береді.

Бағалау

Қалыптастырушы бағалау:

Практикалық тапсырмаларды орындау барысындағы мұғалімнің бақылауы және кері байланысы.

Өзін-өзі бағалау:

Топтық бағалау:

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

  1. HTML арқылы қаріптің түрі, түсі және өлшемін өзгертуге арналған шағын эссе жазыңыз.

  2. Эссе мәтінінде кемінде үш түрлі қаріп стилін қолданыңыз.

Кері байланыс: «Тазалық қағазы» әдісі. Сабақ соңында әр оқушыға қағаз таратып, төмендегілерді жазуды сұраңыз:

Бір пайдалы нәрсе (мен білдім).

Бір қызық нәрсе (мені таңғалдырды).

Бір қиын нәрсе (маған түсініксіз болды).


Бұл әдіс оқушылардың ойларын жинақтап айтуына көмектеседі.

Оқушылар мұғаліммен сәлемдеседі, зейінін сабаққа аударады,

өзара ынтымақтастық орта қалыптасады.

Мұғалім ұсынған тапсырманың шарты арқылы білім алушылар 2-топқа бірігеді.

Әрекет жылдам әрі белсенді орындалады


Оқушылар ұсынылған ашық сұрақтар топтамасы арқылы өз ойларын жинақтайды, алған білімдерін қайталауға мүмкіндік алады




Қалып қойған сөз тіркестерін табады.









Көрсетілген материалдарды көру арқылы визуалды есте сақтау қабілеті артады.


Жаңа сабақтың тақырыбымен, бағалау критерийімен танысады. Жалпы сабақтың өн бойында оқу әрекеті арқылы практикалық жұмыс жасау дағдыларымен машықтанады.










Дискрипторлар

1-тапсырма бойынша:

1.<font> арқылы қаріптің өлшемін өзгертеді.

2. Қаріптің түрін (font-family) дұрыс қолданады.

3. Қаріптің түсін (color) өзгертуге арналған тегтерді қолданады.

4. Синтаксистік қателіктер жібермейді.






Дискрипторлар

  1. Топтың веб-беті әртүрлі қаріп параметрлерін қамтиды.

  2. Тақырыптар мен мәтіндер дұрыс пішімдейді

  3. Қаріптің өлшемі, түрі, және түсі әртүрлі қолданылады.

  4. Жұмыс эстетикалық талаптарға сай.































Оқушылар өз жұмыстарына баға береді (мысалы, критерийлер арқылы).















Күнделік кз

ФБ қою арқылы бағалау

жазбаша түрде қалыптастырушы бағалауды іске асыру

Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету

Бірін-бірі бағалайды






















































Бағалау критерийлері:

  1. Барлық талаптар толық орындалған – 5 балл.

  2. 1-2 элемент дұрыс орындалмаған – 4 балл.

  3. Қателер бар, бірақ негізгі талаптар орындалған – 3 балл.

  4. Жұмыстың көп бөлігі дұрыс емес – 2 балл.


Бағалау критерийлері:

  1. Барлық талаптар толық орындалған – 5 балл.

  2. 1-2 элемент дұрыс орындалмаған – 4 балл.

  3. Қателер бар, бірақ негізгі талаптар орындалған – 3 балл.

  4. Жұмыстың көп бөлігі дұрыс емес – 2 балл.



Топтар бойынша жұмыстарын критерийлер бойынша бағалау

Әр топтың жобасы бағаланады.

Кері байланыс:

Әр оқушыға орындалған жұмыс туралы ауызша пікір беру.

Жетістіктерін атап көрсету және жетілдіру жолдарын ұсыну.
Мысал: "Сенің веб-бетің өте мазмұнды болды, бірақ тізімдерге ерекше стиль қоссаң, одан да жақсы болады."





АКт

Интернет желісі

Кітап

https://flippity.net/









https://learningapps.org/view19021218

















https://rutube.ru/video/29988be5535ca0a30ce9c017e0648db5/













































































































https://b.socrative.com/teacher/#import-quiz/79775075



Саралау. Сіз қандай тәсілмен көбірек қолдау көрсетпексіз? Қабілетті оқушылардың алдына қандай тапсырма ұсынасыз?

Бағалау. Сіз оқушылардың материалды игеру деңгейін қалай тексеруді жоспарлап отырсыз?

Денсаулық және қауіпсіздік техникасын сақтау

Қабілетті оқушыларға: шығармашылығын дамыту үшін күрделі тапсырмалар беріледі

Көбірек қолдауды қажет ететін оқушыларға: HTML кодына арналған дайын құрылым беріледі

Оқушылардың тапсырманы орындау процесін бақылау.

Жеке көмек немесе бағыт беру:

Алдын ала анықталған критерийлер бойынша бағалау.

Жалпы бағалау

Сабақтың қандай екі аспектісі жақсы өтті? Оқыту туралы да, сабақ беру туралы да ойланыңыз.

1:

2:

Сабақты жақсартуға не жәрдемдесер еді? Оқыту туралы да, сабақ беру туралы да ойланыңыз.

1:

2:

Сабақ кезінде, сынып немесе жекелеген оқушылардың жетістіктері/қиыншылықтары туралы мен нені анықтадым? Келесі сабақтарда неге назар аудару керек?

1:

2:

Барлық оқушылар негізгі тапсырманы (қарапайым құрылымды) орындауға қол жеткізеді.

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



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