HTML тілінде практикалық жұмыстарды орындау

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

HTML тілінде практикалық жұмыстарды орындау

Материал туралы қысқаша түсінік
10 класс Эш ти мл тілінде практикалық жұмыстар ашық сабақ жоспары
Материалдың қысқаша нұсқасы

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

Сабақтың тақырыбы: HTML тілінде практикалық жұмыстарды орындау

Бөлім

Веб-жобалау

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

Карабалина Р.К.

Күні

20.02.2024

Сынып 10

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


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


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

HTML тілінде практикалық жұмыстарды орындау

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


10.4.2.4 веб -бетте мультимедиа нысандарын енгізу үшін HTML (аш ти эм эл) тегтерін қолдану


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

web(веб)-беттерді әзірлеу кезінде HTML тілін түсінеді

web(веб)-беттерді әзірлеу кезінде скриптерді пайданалады

Тегтер мен атрибудтарды қолданып,тапсырмаларды орындайды және орындалған тапсырмаларды түсіндіреді.



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


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

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

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

Бағалау

Ресурстар

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


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

Үй жұмысын тексеру.


Дескриптор:

- Web беттерін әзірлеуде HTML программалау тілінің тегтерін қолданады; /3 балл/


1.Мұғаліммен амандасады.

2.Сабақтың тақырыбын дәптерге жазады.

3.Сабақтың мақсаттарымен танысады.

Қошемет сөздер







https://www.classtime.com/share/f41205c5-4d19-4a0f-a581-30aa3e5dd6f0?token=7963a925dae625793f1fee132004d95cd648444f87e2390326c048a01ee401e5

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

Компьютермен жұмыс

Жұптық жұмыс

Берілген кодты орындағанда қандай нәтиже шығады?

1-тапсырма

«Практикада қолдану» тапсырмасы




<HTML>

<BODY>

<FORM>

Биыл мен сатып алмақшымын:

<BR>

<INPUT TYPE="CHECKBOX" NAME="computer">

Компьютер

<BR>

<INPUT TYPE="CHECKBOX" NAME="notebook">

Ноутбук

<BR>

<INPUT TYPE="CHECKBOX" NAME="printer">

Принтер

<BR>

<INPUT TYPE="CHECKBOX" NAME="scanner">

Сканер

</FORM>

</BODY>

</HTML>




Дескриптор:

  • CHECKED атрибутының көмегімен парақты жүктеу кезінде алдын ала келісім бойынша жалаушалардың қайсысы таңдалатынын анықтайды /2 балл/

- Блокнот файлында код жаза алады


Компьютермен жұмыс

Жеке жұмыс

Оқулық 149, 151 бет, Оқушылар жайлы мәлімет, сабақ кестесі. Кесте құру;

171 бет, аудио, видео файл енгізу.


<!DOCTYPE html>

<html>

<body>

<h1> HTML Video</h1>

<video width="400" controls>

<source scr="movie.ogg" type="video/ogg">

<source scr="movie.mp4" type="video/mp4">

</video>

</body>

</html>

Дескриптор:

  • Html тілінде кестелермен жұмыс жасай алады, кестелерді шығару тегтерін біледі.

  • Html тілінде мультимедианы енгізе алады; /3 бал/



<HTML>

<BODY>

<P>

Басқа құжаттағы бейне:

<IMG SRC="/img/dvd.jpg" WIDTH="160" HEIGHT="237">

</P>

<P>

ИНТУИТ сайтынан алынған бейне:

<IMG SRC="/img/logo.gif" WIDTH="285" HEIGHT="52">

</P>

</BODY>

</HTML>


Мұғалімді тыңдайды























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











Оқушылар жаттығу жасайды





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












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































Логотип енгізеді









Мадақтама сөздер


Жарайсың

Керемет

Жақсы













































стикер







Жарайсың

Керемет

Жақсы







стикер





Жарайсың

Керемет

Жақсы



стикер

Интербелсенді тақта/ тақта







Жұмыс дәптері































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

1.Бекіту. WEB сайтты жобалау кезеңдерін ретімен орналастыру.


Дескриптор:

WEB сайтты жобалау кезеңдерін – сайттың көлемін, функционалдылығын анықтай алады

/2 балл/

2.Оқушыларға өзін-өзі бағалауды ұйымдастырады.

3.Кері байланыс: бойынша сабақтан алған әсерлерін жазады.

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




/слайд/




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

§ 48, 175-бет, «3 тапсырма»
















<html>

<head>

<title>Музыка</title>

</head>

<body>

<h1> Менің сүйікті өлеңім!</h1>

<p>Дыбысты есту үшін ойнату батырмасын басыңдар</p>

<AUDIO SRC="sound.mp3"controls>

<AUDIO>

</body>

</html>



Өрістер енгізу

<HTML>

<BODY>

<FORM>

Аты:

<INPUT TYPE="text" NAME="firstname">

<BR>

Тегі:

<INPUT TYPE="text" NAME="lastname">

<BR>

Туған күні:

<INPUT TYPE="text" NAME="datename">

<BR>

</FORM>

</BODY>

</HTML>





<meta> тегін қолдану мысалы

Бұл мысалда <meta> тегінің мүмкіндіктері көрсетілген. Мысалы: «Ахметов Абай» деп сайт авторы туралы ақпарат, іздеу жүйелеріне арналған «HTML, CSS, XML, JavaScript» кілт сөздері берілген, сонымен қатар «Ақысыз веб-оқулықтар» деп веб-парақтың сипаттамасын көрсеткен. Парақтың UTF-8 коды арқылы кодталуы да жазылған.









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