Қысқа мерзімді (сабақ)жоспары
Сабақтың тақырыбы: 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> Дескриптор:
- Блокнот файлында код жаза алады Компьютермен жұмыс Жеке жұмыс Оқулық 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> <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>
<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 коды арқылы кодталуы да жазылған.

жүктеу мүмкіндігіне ие боласыз
Бұл материал сайт қолданушысы жариялаған. Материалдың ішінде жазылған барлық ақпаратқа жауапкершілікті жариялаған қолданушы жауап береді. Ұстаз тілегі тек ақпаратты таратуға қолдау көрсетеді. Егер материал сіздің авторлық құқығыңызды бұзған болса немесе басқа да себептермен сайттан өшіру керек деп ойласаңыз осында жазыңыз
HTML тілінде практикалық жұмыстарды орындау
HTML тілінде практикалық жұмыстарды орындау
Қысқа мерзімді (сабақ)жоспары
Сабақтың тақырыбы: 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> Дескриптор:
- Блокнот файлында код жаза алады Компьютермен жұмыс Жеке жұмыс Оқулық 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> <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>
<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 коды арқылы кодталуы да жазылған.

шағым қалдыра аласыз















