Оқу мақсаты

0. Web-парақшаларды әзірлеуде HTML-тегтерін қолдану

1. Web-парақшаларды жасауда CSS қолдану

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

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

Білім алушы

• HTML-тегтері мен CSS қолдану арқылы web- парақшаларды әзірлейді

• HTML-тегтерін қолданып веб-бетке мультимедиа нысандарын қояды

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

Қолдану

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

20 минут

Тапсырмалар

1. Төменде берілген кодқа қарап веб-парақша мазмұнын салыңыз.

2. Берілген кесте құратын код үзіндісін толықтырыңыз. «Аты» және «Жасы» кестедегі тақырып қатарларын қосатын код жазыңыз.

<table>

<tr>

<td>Арман</td>

<td>25</td>

</tr>

</table> <table>

3. Футбол туралы қызықты мәліметтер жөнінде сайтқа сілтеме жасайтын кодты толықтырыңыз.

<a ="http://faktiler.kz">Фудбол туралы қызықты мәліметтер</a>

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

Тапсырма

№

Дескриптор

Балл

Білім алушы

HTML-тегтері мен

CSS қолдану арқылы web-парақшаларды әзірлейді

1

<h2> </h2> мазмұнын дұрыс анықтайды;

1

<ul> </ul> мазмұнын дұрыс анықтайды;

1

<li> </li> мазмұнын дұрыс анықтайды;

1

2

«Аты» тақырып қатары үшін кодты дұрыс

жазады;

1

«Жасы» тақырып қатары үшін кодты

дұрыс жазады;

1

3

сайтқа сілтемені дұрыс көрсетеді;

1

4

кірістірілген CSS қолдану тәсілін

анықтайды;

1

ішкі CSS қолдану тәсілін анықтайды;

1

сыртқы CSS қолдану тәсілін анықтайды;

1

HTML-тегтерін

қолданып веб-бетке мультимедиа нысандарын қояды

5

сурет қою тегін анықтайды;

1

6

бірінші youtube видеоларын веб-бетте

ойнату кодының ерекшелігін анықтайды;

1

екінші youtube видеоларын веб-бетте

ойнату кодының ерекшелігін анықтайды.

1

Барлығы:

12

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

Оқу жетістіктерінің деңгейі

Төмен

Орташа

Жоғары

HTML-тегтері мен CSS қолдану арқылы web-парақшаларды әзірлейді

HTML-тегтері мен CSS қолдану арқылы web-парақшаларды әзірлеуде қиналады

<h2> </h2> /<ul> </ul> /<li> </li> мазмұнын анықтауда / «Аты» / «Жасы» тақырып қатары үшін кодты жазуда / сайтқа сілтемені көрсетуде /кірістірілген CSS /ішкі CSS / сыртқы CSS қолдану тәсілін анықтауда қателіктер жібереді

HTML-тегтері мен CSS қолдану арқылы web- парақшаларды дұрыс әзірлейді

HTML-тегтерін қолданып веб- бетке мультимедиа нысандарын қояды

HTML-тегтерін қолданып веб- бетке мультимедиа нысандарын қоюға қиналады

Сурет қою тегін /бірінші /екінші youtube видеоларын веб-бетте ойнату кодының ерекшелігін анықтауда қиналады

HTML-тегтерін қолданып веб- бетке мультимедиа нысандарын дұрыс қояды