HTML гипермәтіндік белгілеу тілі.

№

1

2

1

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

Аралас сабақ

Сабақтың әдіс-тәсілдері

Түсіндіру, топтық жұмыс, сұрақ-жауап ,презентация, "Эстафета" әдісі, "Түрлі-түсті асықтар" әдісі, " Кездейсоқ сұрақтар" әдісі.

Пәнаралық байланыс

Физика ,ағылшын тілі,математика

2

Мақсаты

Дамытушылық

Тәрбиелік

Білімділік

Міндеттері

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

Білім алушылардың HTML кодтау дағдыларын дамыту, сайттың басты бетін құруда шығармашылық ойлау қабілеттерін арттыру

Білім алушыларды интернет ресурстарын дұрыс пайдаланып, өз беттерін жасай білуге тәрбиелеу.

HTML құжаты мен сайттың басты беті туралы толық түсінік беру. Сайттың басты бетінің құрылымы мен элементтерін түсіндіру.

HTML құжатын құрудың негізгі принциптерін үйрену.Топтық жұмысқа белсенді қатысу;

3

Оқу-жаттығу процесінде білім алушылар меңгеретін күтілетін нәтижелер

HTML құжатын құрудың негізгі принциптерін үйрену. Веб-беттің негізгі құрылымын жасауға арналған тегтерді меңгеру. Web-бетке мәтін, сілтемелер, суреттер және басқа элементтерді қосу.

4

Қажетті ресурстар

Интерактивті тақта, презентация, бейнематериалдар, плакаттар, маркерлер, көрнекіліктер.

5

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

Сабақты ұйымдастыру (8 мин)

Амандасу, сабаққа қатысуды тексеру. Сабақтың тақырыбы мен мақсаттарын таныстыру. Студенттерді топтарға бөлу (3 топ)

6

Өткен тақырыпты қайталау(15 мин.)

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

7

Жаңа тақырыпты түсіндіру (40 мин.)

Кіріспе бөлім (10 мин.)

Мұғалімнің түсіндірмесі: Web-бет дегеніміз не? HTML қалай жұмыс істейді? HTML –дің негізгі тегтері ? -слайд, презентация арқылы сабақ түсіндіріледі. Дәптерлеріне тақырыпты, жоспарды жазады.

Негізгі бөлім ( 17мин)

1. Топтық жұмыс (10 мин)

Әр топқа практикалық жұмыс беріледі, компьютерде практикалық жұмыс орындалады.

Практикалық жұмыс:

№1 практикалық жұмыс

<HTML>

<HEAD>

<TITLE> Менің оқу орным</TITLE>

</HEAD>

<BODY BGCOLOR=“red”>

<FONT SIZE= “5” FACE= “Arial”>

Осы жерге өзіңіз оқитын мектеп туралы қысқаша ғана жазыңыз </FONT>

</BODY>

</HTML>

№2- практикалық жұмыс

<HTML>

<HEAD>

<TITLE> Менің достарым </TITLE>

</HEAD>

<BODY BGCOLOR=“green”>

<FONT SIZE= “7” FACE= “Times New Roman”>

Осы жерге өзіңіздің сыныбыңыз туралы қысқаша ғана жазыңыз </FONT>

</BODY>

</HTML>

№3 практикалық жұмыс

<HTML>

<HEAD>

<TITLE> Дербес компьютер архитектурасы </TITLE>

</HEAD>

<BODY BGCOLOR=“brown”>

<FONT SIZE= “7” COLOR= “white”>

Компьютердің архитектурасы – компьютердің құрылымы мен жұмыс принциптерінің сипаттамасы.

<BR>Компьютерлердің көпшілігі Джон фон Нейман принципіне негізделген және құрастырудың модульдік принципін пайдаланады.

</FONT>

</BODY>

</HTML>

2. «Эстафета» әдісі (10мин)

Топ мүшелері кезегімен тапсырма орындайды.

Сергіту сәті (2мин) Білім алушылар ұлттық құндылықты дәріптеу мақсатында оюларды қимылмен қайталайды.

3. «Құрастыр» әдісі (5мин)

Әр топтан 1 білім алушы шығып, HTML құрылымын құрастырады.

1-топ: https://learningapps.org/view5755818

2-топ: https://learningapps.org/view8789603

3-топ: https://learningapps.org/view31149448

8

Жаңа тақырыпты пысықтау

(10мин.)

"Кездейсоқ сұрақтар" әдісі : мұғалім сабақ барысында қарастырылған негізгі ұғымдар бойынша wordwall – платформасында сұрақтар қояды, білім алушылар жауап береді.

https://wordwall.net/ru/resource/82237755

9

Сабақты қорытындылау және бағалау(7 мин.)

1. Сабақтың негізгі ойларын талдау.

2. Тақырыпты түсіну деңгейі.

3. Топтық жұмыстағы белсенділік.

4. Қорғау барысында нақты дәлелдер келтіру.

"Түрлі түсті асықтар" әдісі: Білім алушылар сабақтан алған әсерін ,көңіл-күйін немесе түсіну деңгейін жылдам әрі көрнекі түрде асықтар арқылы көрсетеді.

Жасыл асық – барлығы түсінікті, сабақ ұнады.

Сары асық – орташа түсіндім, кейбір сұрақтар бар.

Қызыл асық – түсіну қиын болды, қосымша түсіндіру қажет.

https://wordwall.net/ru/resource/85815294 – платформасында көрсетілген асықтарды орналастыру арқылы кері байланыс жасайды.

10

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

HTML тілінде өзіңнің жеке веб-бетіңді жасап, онда кемінде 3 түрлі HTML элементін қолдану.