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. Бос жолдарды толықтырып
жаз:
-
Веб-беттің тақырыбы қай
контейнерде жазылады? <title>…</title>…
-
Суреттің жоғарғы және
төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін
атрибут? VSPACE
-
Бет фонын өзгертуге
арналған тег bgcolor
-
<img
src="pr1.png"> тегі нені
білдіреді сурет
кірістіру
-
<
BODY></BODY> тегінде не сипатталады
Web-беттің
мазмұны
-
Мәтінді курсивпен жазу үшін қандай тэгтер
пайдаланылады? <i>…</i>
-
Мәтінді оң жақ шеті бойынша туралау тегін
жаз <p
align=right>…</p>
-
Қатардағы ұяшық мәндерін анықтайтын
дескриптор <td>…</td>
[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]
Жауабы:
style.css
z1{
color:
yellow;
font-size:
28pt;}
z2{
color:
blue;
font-size:
30pt;}
4.
Келесі веб-бетті жасау үшін HTML кодын жаз.
А) Құжат
«денесі»:
Көктем
Көктем болды,
алақай.
Қуанар барлық
балақай!
Б) HTML
– құжатты келесі параметрлер
бойынша безендір: беттін
фоны–
«ашық-жасыл»
тақырып – қаріп
өлшемі 16, түсі
– сары, туралау
- оң
жағынан, қаріп
-
асты
сызылған;
1 фрагмент – қаріп
өлшемі 18, түсі
– қызыл, туралау
- сол
жағынан, қаріп
- курсив;
2 фрагмент – қаріп
өлшемі 12, түсі
–күлгін, туралау
- ортасы
бойынша, қаріп -
қалың.
В) Көктемнің сурет
кірістір
[6]
Жауабы:
<html>
<head><title>
Жыл
мезгілдері </title></head>
<body
BGCOLOR=palegreen>
<P
align=right>
<FONT SIZE="16"
COLOR=yellow> <u> Көктем </u>
</FONT></p>
<br> <p
align=left>
<br> <FONT SIZE="18"
COLOR="red"> <i><br>
Көктем болды,
алақай.</i></FONT></p>
<br> <p
align=center>
<br> <FONT SIZE="12"
COLOR="violet"> <b><br>
Қуанар барлық
балақай! </b></FONT></p>
<img
src=koktem.jpg>
</body>
</html>
Бағалау
критерийлері
|
№
тапсырма
|
Дескриптор
|
Ұпай
|
Білім
алушы
|
Веб-парақшаларды әзірлеуде
HTML тегтерін қолданады
|
1
|
Веб-құжаттың тақырыбын
әзірлеуді біледі
|
1
|
Сурет, сілтеме кірістіруді
анықтайды
|
1
|
Қаріптің түсін, түрін өзгерту
тегін анықтайды
|
1
|
Веб-құжатты құруда кестелерді
пайдаланады
|
1
|
2
|
Веб-құжатты құруда кестелерді
пайдаланады
|
1
|
Веб-парақшаларды
әзірлеуде CSS қолданады
|
3
|
Тақырыпқа арналған стильдерді
анықтайды
|
1
|
Стильдегі қаріптің түсін
анықтайды
|
1
|
Стильдегі қаріптің өлшемін
анықтайды
|
1
|
Стильдегі мәтінді туралауды
анықтайды
|
1
|
Веб-парақшаларды әзірлеуде
HTML тегтерін қолданады
|
4
|
html-құжат
құрады
|
1
|
Қаріп өлшемін
анықтайды
|
1
|
Қаріп түсін
анықтайды
|
1
|
Туралауды
анықтайды
|
1
|
Қаріптің сызбасын
анықтайды
|
1
|
Суретті
кірістіреді
|
1
|
Барлығы:
|
|
|
15
|
10-сыныпқа
арналған
«Веб-жобалау» тарауы бойынша
БЖБ №4
2 нұсқа
Оқу
мақсаты
|
10.4.2.1 web
(веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін
қолдану
10.4.2.2 web
(веб)-парақшаларды жасауда CSS (си эс эс)
қолдану
10.4.2.4 веб -бетте
мультимедиа нысандарын енгізу үшін HTML (аш ти эм эл) тегтерін
қолдану
|
Бағалау
критерийі
|
Білім
алушы:
-
веб-парақшаларды әзірлеуде
HTML тегтерін қолданады
-
веб-парақшаларды
әзірлеуде CSS қолданады
-
веб -бетте мультимедиа
нысандарын енгізу үшін HTML тегтерін
қолданады
|
Ойлау дағдыларының
деңгейі
|
Қолдану
|
Орындау
уақыты
|
30
минут
|
Тапсырмалар:
1. Бос жолдарды толықтырып
жаз:
-
Құжаттың денесі қай
тегте жазылады <body>…</body>
-
Суреттің жоғарғы және
төменгі жақтарындағы бос аймақ мөлшерін пиксельмен беретін
атрибут? VSPACE
-
Қаріп түсін өзгерту үшін арналған тегті
жаз_<font
color=…>…</font>
-
<a
="prf.html"> тегі нені
білдіреді сілтеме
қою
-
< TITLE ></
TITLE> тегтерінде не жазылады Web-беттің
тақырыбы
-
Жартылай қалың қаріп жазу
тегі? <b>…</b>
-
Мәтінді ортасы бойынша туралау тегін
жаз <center>…</center>
-
Кестеде қатар санын анықтайтын
тег <tr>…</tr>
[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]
Жауабы:
style.css
z1{
color:
blue;
font-size:
34pt;}
z2{
color:
red;
font-size:
20pt;}
4.
Келесі веб-бетті жасау үшін HTML кодын жаз.
А) Құжат
«денесі»:
Қыс
Далада қар
борайды,
Ақ мамыққа
орайды.
Б) HTML
– құжатты келесі параметрлер
бойынша безендір: бет фоны
– «ашық-жасыл»
тақырып – қаріп
өлшемі 14, түсі
– жасыл, туралау
- ортасы
бойынша, қаріп
-
қалың;
1 фрагмент – қаріп
өлшемі 12, түсі
– көк, туралау
- оң
жағынан, қаріп
- курсив;
2 фрагмент – қаріп
өлшемі 10, түсі
–қызыл, туралау
- сол
жағынан, қаріп – асты
сызылған.
В) Қыстың сурет
кірістір
[6]
Жауабы:
<html>
<head>
<title> Жыл
мезгілдері </title></head>
<body
BGCOLOR=palegreen>
<P
align=center>
<FONT SIZE="14"
COLOR=green> <b> Қыс </b>
</FONT></p>
<br> <p
align=right>
<br> <FONT SIZE="12"
COLOR="blue"> <i><br>
Далада қар
борайды,</i></FONT></p>
<br> <p
align=left>
<br> <FONT SIZE="10"
COLOR="red"> <u><br>
Ақ мамыққа
орайды.
</u></FONT></p>
<img
src=kys.jpg>
</body>
</html>
Бағалау
критерийлері
|
№
тапсырма
|
Дескриптор
|
Ұпай
|
Білім
алушы
|
Веб-парақшаларды әзірлеуде
HTML тегтерін қолданады
|
1
|
Веб-құжаттың тақырыбын
әзірлеуді біледі
|
1
|
Сурет, сілтеме кірістіруді
анықтайды
|
1
|
Қаріптің түсін, түрін өзгерту
тегін анықтайды
|
1
|
Веб-құжатты құруда кестелерді
пайдаланады
|
1
|
2
|
Веб-құжатты құруда кестелерді
пайдаланады
|
1
|
Веб-парақшаларды
әзірлеуде CSS қолданады
|
3
|
Тақырыпқа арналған стильдерді
анықтайды
|
1
|
Стильдегі қаріптің түсін
анықтайды
|
1
|
Стильдегі қаріптің өлшемін
анықтайды
|
1
|
Стильдегі мәтінді туралауды
анықтайды
|
1
|
Веб-парақшаларды әзірлеуде
HTML тегтерін қолданады
|
4
|
html-құжат
құрады
|
1
|
Қаріп өлшемін
анықтайды
|
1
|
Қаріп түсін
анықтайды
|
1
|
Туралауды
анықтайды
|
1
|
Қаріптің сызбасын
анықтайды
|
1
|
Суретті
кірістіреді
|
1
|
Барлығы:
|
|
|
15
|