Курс Олимпиада Дайын ҚМЖ ЖИ көмекші Материалдар
Аттестация
Іс-шаралар
Байқау
Турнир
Орталық туралы
Материалдар
Журнал
Көпшілік талқылауына арналған
білім беру бағдарламаларының белсенді жобалары
Орталық туралы
ЖИ көмекші
Қауымдастық

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

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

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

Материал туралы қысқаша түсінік
"Веб жобалау" тарауы бойынша БЖБ
Материалдың қысқаша нұсқасы

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

1 нұсқа


Оқу мақсаты

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

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

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

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

Білім алушы:

  • веб-парақшаларды әзірлеуде HTML тегтерін қолданады

  • веб-парақшаларды әзірлеуде CSS қолданады

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

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

Қолдану

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

30 минут


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

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

  1. Веб-беттің тақырыбы қай контейнерде жазылады?

  2. Суреттің жоғарғы және төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін атрибут?

  3. Бет фонын өзгертуге арналған тег

  4. <img src="pr1.png"> тегі нені білдіреді

  5. < BODY></BODY> тегінде не сипатталады

  6. Мәтінді курсивпен жазу үшін қандай тэгтер пайдаланылады?

  7. Мәтінді оң жақ шеті бойынша туралау тегін жаз

  8. Қатардағы ұяшық мәндерін анықтайтын дескриптор

[4]

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

<table border="1">

<tr>

<th>Аты</th>

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

<th>Тегі</th>

</tr>

<tr>

<td>Иван</td>

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

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

<tr>

<td>Петр</td>

<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. Бос жолдарды толықтырып жаз:

  1. Құжаттың денесі қай тегте жазылады

  2. Суреттің жоғарғы және төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін атрибут?

  3. Қаріп түсін өзгерту үшін арналған тегті жаз

  4. <a ="prf.html"> тегі нені білдіреді

  5. < TITLE ></ TITLE> тегтерінде не жазылады

  6. Жартылай қалың қаріп жазу тегі?

  7. Мәтінді ортасы бойынша туралау тегін жаз

  8. Кестеде қатар санын анықтайтын тег

[4]

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

<table border="1">

<tr>

<th>Тегі</th>

<th>Аты</th> </tr>

<tr>

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

<td>Иван </td>

</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 – түсі: көк, қаріп өлшемі: 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


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