Материалдар / "Веб жобалау" тарауы бойынша БЖБ

"Веб жобалау" тарауы бойынша БЖБ

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

Информатика Басқа 10 сынып

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

«Веб-жобалау» тарауы бойынша БЖБ №4

1 нұсқа

Оқу мақсаты

10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану

10.4.2.2 web (веб)-парақшаларды жасауда CSS (си эс эс) қолдану

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

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

Білім алушы:

веб-парақшаларды әзірлеуде HTML тегтерін қолданады
веб-парақшаларды әзірлеуде CSS қолданады
веб -бетте мультимедиа нысандарын енгізу үшін HTML тегтерін қолданады

Ойлау дағдыларының деңгейі

Қолдану

Орындау уақыты

30 минут

Тапсырмалар:

1. Бос жолдарды толықтырып жаз:

Веб-беттің тақырыбы қай контейнерде жазылады?
Суреттің жоғарғы және төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін атрибут?
Бет фонын өзгертуге арналған тег
<img src="pr1.png"> тегі нені білдіреді
< BODY></BODY> тегінде не сипатталады
Мәтінді курсивпен жазу үшін қандай тэгтер пайдаланылады?
Мәтінді оң жақ шеті бойынша туралау тегін жаз
Қатардағы ұяшық мәндерін анықтайтын дескриптор

[4]

2. Арман кесте құру үшін html-кодын жазды. Нәтижесінде пайда болған кестенің суретін сал.

<tr>

<th>Әкесінің аты</th>

</tr>

<tr>

<td>Иванович</td>

<td>Иванов</td> </tr>

<tr>

<td>Петрович</td>

<td>Петров </td> </tr>

</table>

[1]

3. html құжат берілген:

<html>

<head>

</head>

<body>

<p id="z1">Тақырып 1</p>

<p id="z2"> Тақырып 2</p>

</body>

</html>

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

Тақырып 1 – түсі: сары, қаріп өлшемі: 28

Тақырып 2 - түсі: көк, қаріп өлшемі: 30

[4]

4. Келесі веб-бетті жасау үшін HTML кодын жаз.

А) Құжат «денесі»:

Көктем

Көктем болды, алақай.

Қуанар барлық балақай!

Б) HTML – құжатты келесі параметрлер бойынша безендір: беттін фоны– «ашық-жасыл»

тақырып – қаріп өлшемі 16, түсі – сары, туралау - оң жағынан, қаріп - асты сызылған;
1 фрагмент – қаріп өлшемі 18, түсі – қызыл, туралау - сол жағынан, қаріп - курсив;
2 фрагмент – қаріп өлшемі 12, түсі –күлгін, туралау - ортасы бойынша, қаріп - қалың.

В) Көктемнің сурет кірістір

[6]

Бағалау критерийлері	№ тапсырма	Дескриптор	Ұпай
Бағалау критерийлері	№ тапсырма	Білім алушы	Ұпай
Веб-парақшаларды әзірлеуде HTML тегтерін қолданады	1	Веб-құжаттың тақырыбын әзірлеуді біледі	1
		Сурет, сілтеме кірістіруді анықтайды	1
		Қаріптің түсін, түрін өзгерту тегін анықтайды	1
		Веб-құжатты құруда кестелерді пайдаланады	1
	2	Веб-құжатты құруда кестелерді пайдаланады	1
Веб-парақшаларды әзірлеуде CSS қолданады	3	Тақырыпқа арналған стильдерді анықтайды	1
		Стильдегі қаріптің түсін анықтайды	1
		Стильдегі қаріптің өлшемін анықтайды	1
		Стильдегі мәтінді туралауды анықтайды	1
Веб-парақшаларды әзірлеуде HTML тегтерін қолданады	4	html-құжат құрады	1
		Қаріп өлшемін анықтайды	1
		Қаріп түсін анықтайды	1
		Туралауды анықтайды	1
		Қаріптің сызбасын анықтайды	1
		Суретті кірістіреді	1
Барлығы:			15

«Веб-жобалау» тарауы бойынша БЖБ №4

2 нұсқа

Оқу мақсаты

10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану

10.4.2.2 web (веб)-парақшаларды жасауда CSS (си эс эс) қолдану

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

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

Білім алушы:

веб-парақшаларды әзірлеуде HTML тегтерін қолданады
веб-парақшаларды әзірлеуде CSS қолданады
веб -бетте мультимедиа нысандарын енгізу үшін HTML тегтерін қолданады

Ойлау дағдыларының деңгейі

Қолдану

Орындау уақыты

30 минут

Тапсырмалар:

1. Бос жолдарды толықтырып жаз:

Құжаттың денесі қай тегте жазылады
Суреттің жоғарғы және төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін атрибут?
Қаріп түсін өзгерту үшін арналған тегті жаз
<a ="prf.html"> тегі нені білдіреді
< TITLE ></ TITLE> тегтерінде не жазылады
Жартылай қалың қаріп жазу тегі?
Мәтінді ортасы бойынша туралау тегін жаз
Кестеде қатар санын анықтайтын тег

[4]

2. Арман кесте құру үшін html-кодын жазды. Нәтижесінде пайда болған кестенің суретін сал.

<tr>

<tr>

<td>Иванов</td>

</tr>

<tr>

<td>Петров</td>

<tr>

<td>Сидоров </td>

<td>Семен</td> </tr>

</table>

[1]

3. html құжат берілген:

<html>

<head>

</head>

<body>

<p id="z1">Тақырып 1</p>

<p id="z2"> Тақырып 2</p>

</body>

</html>

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

Тақырып 1 – түсі: көк, қаріп өлшемі: 34

Тақырып 2 - түсі: қызыл, қаріп өлшемі: 20

[4]

4. Келесі веб-бетті жасау үшін HTML кодын жаз.

А) Құжат «денесі»:

Қыс

Далада қар борайды,

Ақ мамыққа орайды.

Б) HTML – құжатты келесі параметрлер бойынша безендір: бет фоны – «ашық-жасыл»

тақырып – қаріп өлшемі 14, түсі – жасыл, туралау - ортасы бойынша, қаріп - қалың;
1 фрагмент – қаріп өлшемі 12, түсі – көк, туралау - оң жағынан, қаріп - курсив;
2 фрагмент – қаріп өлшемі 10, түсі –қызыл, туралау - сол жағынан, қаріп – асты сызылған.

В) Қыстың сурет кірістір

[6]

Бағалау критерийлері	№ тапсырма	Дескриптор	Ұпай
Бағалау критерийлері	№ тапсырма	Білім алушы	Ұпай
Веб-парақшаларды әзірлеуде HTML тегтерін қолданады	1	Веб-құжаттың тақырыбын әзірлеуді біледі	1
		Сурет, сілтеме кірістіруді анықтайды	1
		Қаріптің түсін, түрін өзгерту тегін анықтайды	1
		Веб-құжатты құруда кестелерді пайдаланады	1
	2	Веб-құжатты құруда кестелерді пайдаланады	1
Веб-парақшаларды әзірлеуде CSS қолданады	3	Тақырыпқа арналған стильдерді анықтайды	1
		Стильдегі қаріптің түсін анықтайды	1
		Стильдегі қаріптің өлшемін анықтайды	1
		Стильдегі мәтінді туралауды анықтайды	1
Веб-парақшаларды әзірлеуде HTML тегтерін қолданады	4	html-құжат құрады	1
		Қаріп өлшемін анықтайды	1
		Қаріп түсін анықтайды	1
		Туралауды анықтайды	1
		Қаріптің сызбасын анықтайды	1
		Суретті кірістіреді	1
Барлығы:			15

Informatica_didactics

Жариялаған:

Негматулловна Нуртазина Балжан

24 Ақпан 2025

Материал жариялап, аттестацияға 100% жарамды сертификатты тегін алыңыз!

Ustaz tilegi журналы министірліктің тізіміне енген. Qr коды мен тіркеу номері беріледі. Материал жариялаған соң сертификат тегін бірден беріледі.

Оқу-ағарту министірлігінің ресми жауабы

Сайтқа 5 материал жариялап, тегін АЛҒЫС ХАТ алыңыз!

Қазақстан Республикасының білім беру жүйесін дамытуға қосқан жеке үлесі үшін және де Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық материалыңызбен бөлісіп, белсенді болғаныңыз үшін алғыс білдіреміз!

Сайтқа 25 материал жариялап, тегін ҚҰРМЕТ ГРОМАТАСЫН алыңыз!

Тәуелсіз Қазақстанның білім беру жүйесін дамытуға және білім беру сапасын арттыру мақсатында Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жариялағаны үшін марапатталасыз!

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

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

"Веб жобалау" тарауы бойынша БЖБ

Химия пәні

Тарих пәні

Биология пәні

Ағылшын тілі пәні

География пәні

Информатика пәні

Мектепке дейінгі білім беру

«Қазақ тілі» жəне «Қазақ əдебиеті»

Дене шынықтыру

Білім алушылардың білім сапасын арттыру

Инклюзивті білім беру