3-ТОҚСАН БОЙЫНША ЖИЫНТЫҚ БАҒАЛАУҒА АРНАЛҒАН ТАПСЫРМАЛАР «Веб-жобалау» бөлімі бойынша жиынтық бағалау. № 2 нұсқа
Оқу мақсаты 10.4.2.1 Web-парақшаларды әзірлеуде HTML-тегтерін
қолдану
10.4.2.2 Web-парақшаларды жасауда CSS қолдану
10.4.2.4 Веб-бетте мультимедиа нысандарын енгізу
үшін HTML тегтерін қолдану
Бағалау критерийі Білім алушы
HTML-тегтері мен CSS қолдану арқылы web-
парақшаларды әзірлейді
HTML-тегтерін қолданып веб-бетке
мультимедиа нысандарын қояды
Ойлау дағдыларының Қолдану
деңгейі
Орындау уақыты 20 минут
Тапсырмалар
-
Төменде берілген кодқа қарап веб-парақша мазмұнын жазыңыз

2.Кестені құру үшін қандай тег қолданылады? Берілген кестенің тегін жаз...
-
Кестенің ені мен биіктігін қалай өзгертуге болады.
-
Кестенің ішкі және сыртқы шегаралары қалай аталады.
-
Кестеге түстер қалай қойылады.

_
_____________________
3.Электрондық үкімет порталы туралы қызықты мәліметтер жөнінде сайтқа сілтеме жасайтын кодты толықтырыңыз.
<a _______________="http:// >Электрондық үкімет порталы</a>
-
CSS-ті қолдану тәсілдері арасында сәйкестік орнатыңыз.

Кірістірілген
CSS (Inline CSS)
Ішкі CSS
![]()
(Internal CSS)

Сыртқы CSS
(External CSS)

-
Веб-бетке сурет қою командасын толықтырыңыз.
<body>
<h2>
Ерекше архитектура</h2>
<__________________="pic_trulli.jpg" alt="Trulli" width="500" height="333"> </body>
Web бетке суретті кірістіру үшін қандай тег қолданылады?
Осы берілген тегтің мағынасын түсіндіріп жаз.
Фондық сурет деген не?
Фондық суретті кірістіру үшін қандай атрибут қолданылады?
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
6.Видеороликті Web бетке кірістіру үшін қандай тег қолданылады? Видео қою үшін қандай тағы қосымша тегті білесіңдер.....

|
Бағалау критерийі |
Тапсырма |
Дескриптор |
|
Балл |
|
|
|
№ |
|
|
|
|
|
|
Білім алушы |
|
|
|
|
|
HTML-тегтері мен |
|
<h2> </h2> мазмұнын дұрыс анықтайды; |
1 |
|
|
|
CSS қолдану арқылы |
1 |
|
|
|
|
|
<ul> </ul> мазмұнын дұрыс анықтайды; |
1 |
|
|||
|
web-парақшаларды |
|
|
|
|
|
|
|
<li> </li> мазмұнын дұрыс анықтайды; |
1 |
|
||
|
әзірлейді |
|
|
|
|
|
|
|
«Аты» тақырып қатары үшін кодты дұрыс |
1 |
|
||
|
|
2 |
жазады; |
|
|
|
|
|
«Жасы» тақырып қатары үшін кодты |
1 |
|
||
|
|
|
|
|||
|
|
|
дұрыс жазады; |
|
|
|
|
|
3 |
сайтқа сілтемені дұрыс көрсетеді; |
1 |
|
|
|
|
|
кірістірілген CSS қолдану |
тәсілін |
1 |
|
|
|
4 |
анықтайды; |
|
|
|
|
|
ішкі CSS қолдану тәсілін анықтайды; |
1 |
|
||
|
|
|
|
|||
|
|
|
сыртқы CSS қолдану тәсілін анықтайды; |
1 |
|
|
|
HTML-тегтерін |
5 |
сурет қою тегін анықтайды; |
|
1 |
|
|
қолданып веб-бетке |
|
|
|
|
|
|
|
бірінші youtube видеоларын |
веб-бетте |
1 |
|
|
|
мультимедиа |
|
|
|||
|
6 |
ойнату кодының ерекшелігін анықтайды; |
|
|
||
|
нысандарын қояды |
|
|
|||
|
екінші youtube видеоларын веб-бетте |
1 |
|
|||
|
|
|
|
|||
|
|
|
ойнату кодының ерекшелігін анықтайды. |
|
|
|
|
Барлығы: |
|
|
|
12 |
|
|
|
|
|
|
|
|
жүктеу мүмкіндігіне ие боласыз
Бұл материал сайт қолданушысы жариялаған. Материалдың ішінде жазылған барлық ақпаратқа жауапкершілікті жариялаған қолданушы жауап береді. Ұстаз тілегі тек ақпаратты таратуға қолдау көрсетеді. Егер материал сіздің авторлық құқығыңызды бұзған болса немесе басқа да себептермен сайттан өшіру керек деп ойласаңыз осында жазыңыз
10 сынып СОР жарат. 3 тоқсан, №2 нұсқа
10 сынып СОР жарат. 3 тоқсан, №2 нұсқа
3-ТОҚСАН БОЙЫНША ЖИЫНТЫҚ БАҒАЛАУҒА АРНАЛҒАН ТАПСЫРМАЛАР «Веб-жобалау» бөлімі бойынша жиынтық бағалау. № 2 нұсқа
Оқу мақсаты 10.4.2.1 Web-парақшаларды әзірлеуде HTML-тегтерін
қолдану
10.4.2.2 Web-парақшаларды жасауда CSS қолдану
10.4.2.4 Веб-бетте мультимедиа нысандарын енгізу
үшін HTML тегтерін қолдану
Бағалау критерийі Білім алушы
HTML-тегтері мен CSS қолдану арқылы web-
парақшаларды әзірлейді
HTML-тегтерін қолданып веб-бетке
мультимедиа нысандарын қояды
Ойлау дағдыларының Қолдану
деңгейі
Орындау уақыты 20 минут
Тапсырмалар
-
Төменде берілген кодқа қарап веб-парақша мазмұнын жазыңыз

2.Кестені құру үшін қандай тег қолданылады? Берілген кестенің тегін жаз...
-
Кестенің ені мен биіктігін қалай өзгертуге болады.
-
Кестенің ішкі және сыртқы шегаралары қалай аталады.
-
Кестеге түстер қалай қойылады.

_
_____________________
3.Электрондық үкімет порталы туралы қызықты мәліметтер жөнінде сайтқа сілтеме жасайтын кодты толықтырыңыз.
<a _______________="http:// >Электрондық үкімет порталы</a>
-
CSS-ті қолдану тәсілдері арасында сәйкестік орнатыңыз.

Кірістірілген
CSS (Inline CSS)
Ішкі CSS
![]()
(Internal CSS)

Сыртқы CSS
(External CSS)

-
Веб-бетке сурет қою командасын толықтырыңыз.
<body>
<h2>
Ерекше архитектура</h2>
<__________________="pic_trulli.jpg" alt="Trulli" width="500" height="333"> </body>
Web бетке суретті кірістіру үшін қандай тег қолданылады?
Осы берілген тегтің мағынасын түсіндіріп жаз.
Фондық сурет деген не?
Фондық суретті кірістіру үшін қандай атрибут қолданылады?
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
6.Видеороликті Web бетке кірістіру үшін қандай тег қолданылады? Видео қою үшін қандай тағы қосымша тегті білесіңдер.....

|
Бағалау критерийі |
Тапсырма |
Дескриптор |
|
Балл |
|
|
|
№ |
|
|
|
|
|
|
Білім алушы |
|
|
|
|
|
HTML-тегтері мен |
|
<h2> </h2> мазмұнын дұрыс анықтайды; |
1 |
|
|
|
CSS қолдану арқылы |
1 |
|
|
|
|
|
<ul> </ul> мазмұнын дұрыс анықтайды; |
1 |
|
|||
|
web-парақшаларды |
|
|
|
|
|
|
|
<li> </li> мазмұнын дұрыс анықтайды; |
1 |
|
||
|
әзірлейді |
|
|
|
|
|
|
|
«Аты» тақырып қатары үшін кодты дұрыс |
1 |
|
||
|
|
2 |
жазады; |
|
|
|
|
|
«Жасы» тақырып қатары үшін кодты |
1 |
|
||
|
|
|
|
|||
|
|
|
дұрыс жазады; |
|
|
|
|
|
3 |
сайтқа сілтемені дұрыс көрсетеді; |
1 |
|
|
|
|
|
кірістірілген CSS қолдану |
тәсілін |
1 |
|
|
|
4 |
анықтайды; |
|
|
|
|
|
ішкі CSS қолдану тәсілін анықтайды; |
1 |
|
||
|
|
|
|
|||
|
|
|
сыртқы CSS қолдану тәсілін анықтайды; |
1 |
|
|
|
HTML-тегтерін |
5 |
сурет қою тегін анықтайды; |
|
1 |
|
|
қолданып веб-бетке |
|
|
|
|
|
|
|
бірінші youtube видеоларын |
веб-бетте |
1 |
|
|
|
мультимедиа |
|
|
|||
|
6 |
ойнату кодының ерекшелігін анықтайды; |
|
|
||
|
нысандарын қояды |
|
|
|||
|
екінші youtube видеоларын веб-бетте |
1 |
|
|||
|
|
|
|
|||
|
|
|
ойнату кодының ерекшелігін анықтайды. |
|
|
|
|
Барлығы: |
|
|
|
12 |
|
|
|
|
|
|
|
|
шағым қалдыра аласыз













