Краткосрочный план по информатики на тему Web-бетте графиканы орналастыру, т?стер 11 класс

Информатика п‰нінен KысKа мерзімді жоспар. 11-сынып.
К_ні:
П‰ні
Информатика
МaCалім аты-ж™ні
Кожаева А.Д
К™ксай ауылы М.М‰метова ОМ КММ
11 сынып
ОKу ісініS меSгерушісі

СабаKтыS таKырыбы: Web-бетте графиканы орналастыру, т_стер.

Сілтеме:
11-сынып оKулыCы;
Стендтер.

СабаKтыS маKсаты: Web беттерге гарфикалыK суреттерді енгізудіS негізгі принциптерін т_сіндіру.

Міндеттері:

ОKушыларды суреттерді Kою тэгтерімен таныстыру
Осы т‰гтердіS Kолданылуын мысалдармен к™рсету
ОKушылардыS ой- ™ріс, Kабілеттерін дамыту, ™з ойларын ашыK айту, Kорытынды жасай білуге ж‰не болашаKта ™здері еркін пайдалануCа _йрету
`KыптылыKKа , сыпайлыKKа, адамгершілікке т‰рбиелеу.

СабаKтыS т_рі:
ЖаSа сабаK

€діс-т‰сілдері:
АКТ, диалогтыK оKыту

П‰наралыK байланыс:
АCылшын, бейнелеу, математика

`йымдастыру кезеSі (2 мин.)

МaCалімніS іс-‰рекеті
ОKушыныS іс-‰рекеті

Білу, тану
Т_сіну
Jолдану
Талдау
ЖинаKтау
БаCалау
ЦифрлыK диктант, сaраKтарCа жауап беру
ЖеSіл тапсырмалар беру
Тапсырмалар беру
СaраKтар беру
Компьютермен жaмыс жоба KорCау
Эссе жазады

СабаK кезеSдері
МaCалімніS іс-‰рекеті
ОKушыныS іс-‰рекеті

ПсихологиялыK дайындыK
ОKушылардыS сабаKKа деген к™Sіл-к_йін аныKтау
ОKушылардыS ‰рекеті

І. Білу
ЦифрлыK диктант
URL сервердіS бірінші бетіне жазылатын адрес;
Броузер гиперм‰тінді к™ру программасы емес;
Т‰г HTML тілініS командасы;
HTML кодтарын жазу _шін Word програмасы Kолданылады;
Жaпсыпсыз т‰г дегеніміз ашылады да жабылады;
HTML м‰тінді белгілеу т‰гі;
т‰гімен веб беттіS негізгі б™лімі басталады;
, т‰гтерініS арасында KaжаттыS аты жазылады
ОKушылар ™з жауаптарын «1» немесе «0» деген сандармен белгілейді.
Жауабы: 10100111

ІІ. Т_сіну

Смайликтер бойынша 3 топKа б™лу:

НТML тілінде Kaжат структурасын Kaру
Jазіргі уаKыттаCы браузерлер бейненіS Kандай форматтарымен жaмыс істей алады?

€р оKушы ™з бетінше таKырыпты оKып т_сінеді, жaпта талдайды, топта талдайды, дaрыс немесе дaрыс емес екендігін айтады. Т_йінді с™здерді (аныKтамаларды) д‰птерге жазып алады.
[ Cкачайте файл, чтобы посмотреть ссылку ] €р оKушы д‰птерге жазады.
Jазіргі уаKыттаCы браузерлер бейненіS ‰рт_рлі форматтарымен жaмыс істей алады, біраK к™пшілігінде Kоданылатыны –
Фотолар _шін JPEG форматын KолданCан ж™н.
Сурет пен пиктограммалар _шін GIF форматын.

ІІІ. Jолдану
1. Суретті Kою т‰гі ж‰не атрибуттары?
2. Сурет к™лемін ™згерту атрибуттары?
3. Т_стер атрибуты?
align –теSестіру.СуреттіS орналасуын аныK к™рсеткен дaрыс.
М‰ндері:
left, right – сурет оS жаK немесе сол жаK шекарада орналасады.
top – м‰тін суреттіS жоCарCы жаCына орналасады.
middle –м‰тін суреттіS ортасында орналасады.
bottom –м‰тін суреттіS т™менгі жаCында орналасады.
4 WEB-бетті келесі шаблондар бойынша Kaру :

Атрибуттары:
Src – міндетті, м‰ні - сурет адресі.

alt – “Астана ару Kала” Бaл м‰тін егер тышKанды суретке жаKындатсаK т_сініктеме ретінде к™рінеді. Alt м‰ні – м‰тінніS жолыныS aзындыCы 1024 символдан тaрады. ТырнаKша міндетті т_рде.
2. width ж‰не heigth атрибуттармен суреттіS к™лемін ™згертуCа болады, биіктігі ж‰не ені.
3. Web графика туралы айтKанда т™мендегі атрибуттарды aмытпау керек: background – бaл атрибут сайтKа суретті фон ретінде орналыстырады, bgcolor – фонCа т_с береді.
4.Д‰птерді пайдаланып жоCарыда айтылCан т‰гтер мен атрибуттар арKылы WEB-бетті Kaру.

Арайлы меніS Астанам!

Арайлы меніS Астанам!

К™к орай ш™бім,

Сергіту с‰ті
Интерактивті таKта арKылы видео к™рсету.
Музыка ырCаCымен жаттыCу жасау.

ІV. Талдау
GIF ж‰не JPEG форматтарын венн диаграммасы арKылы к™рсету.

3.
Топпен жaмыс істеу арKылы оKушыларда ынтымаKтастыK, aйымшылдыK Kасиеттері дамиды. Венн диаграммасын толтырады артыKшылыKтарын кемшіліктерін ж‰не aKсастыKтарын жазады.
Д‰птерді пайдаланып жоCарыда айтылCан т‰гтер мен атрибуттар арKылы WEB-бетті Kaру.
<Вody bgcolor="#9900CC" text="#CCCCCC">

АK орда

Б‰йтерек

Мешіт

V. ЖинаKтау
“МЕНІR €СЕМ JАЛАМ АСТАНА”
ВЕБ БЕТ ЖАСАУ
Компьютермен жaмыс. €р оKушы жеке тапсырманы орындайды.

VI.БаCалау
- Мен не білемін?- Мен жаSаша нені білдім?- Мен осы біліммен не істей аламын?

СaраKтар бойынша ‰р оKушы эссе жазады ™зін-™зі баCалайды, сабаKKа Kатысты пікірлерін aсыныстарын жазады.

^й тапсырмасы
Web-бетте графиканы орналастыру, т_стер таKырыбын оKу ж‰не «МеніS параKшам» таKырыбында» сайт жасау.
Д‰птерге жазады, оKу ж‰не мазмaнын айту. Т‰гтер мен атрибуттарды жаттау, ™зі жайлы сайт жасау.

БаCалау параCы
ОKушы аты-ж™ні__________________________________________

№
Тапсырма т_рі
Жалпы балл
(30 балл)
™зіндік баCалау
™зара баCалау
ОKытушы баCасы

1
Білу, тану
3 балл

2
Т_сіну
4 балл

3
Jолдану
6 балл

4
Талдау
7 балл

5
ЖинаKтау
8 балл

6
БаCалау
2 балл

3-9 - «3»
10-24 – «4»
25-30 - «5»

ОналтылыK код (RGB) т_с атауларын басKалардан бaрын аныKтай отырып, бетті к™ркемдей аламыз.
Color's name
R
G
B
Color

alicemblue
F0
F8
FF

antiquewhite
FA
EB
D7

aqua
00
FF
FF

aquamarine
7F
FF
D4

azure
F0
FF
FF

beige
F5
F5
DC

bisque
FF
E4
C4

black
00
00
00

blanchedalmond
FF
EB
CD

blue
00
00
FF

blueviolet
8A
2B
E2

brown
A5
2A
2A

burlywood
DE
B8
87

cadetblue
5F
9E
A0

chartreuse
7F
FF
00

chocolate
D2
69
1E

coral
FF
7F
50

cornflowerblue
64
95
ED

cornsilk
FF
F8
DC

crimson
DC
14
3C

cyan
00
FF
FF

darkblue
00
00
8B

darkcyan
00
8B
8B

darkgoldenrod
B8
86
0B

darkgray
A9
A9
A9

darkgreen
00
64
00

darkkhaki
BD
B7
6B

darkmagenta
8B
00
8b

darkolivegreen
55
6B
2F

darkorange
FF
8C
00

darkochid
99
32
CC

darkred
8B
00
00

darksalmon
E9
96
7A

darkseagreen
8F
BC
8F

darkslateblue
48
3D
8B

darkslategray
2F
4F
4F

darkturquoise
00
CE
D1

darkviolet
94
00
D3

deeppink
FF
14
93

deepskyblue
00
BF
FF

dimgray
69
69
69

dodgerblue
1E
90
FF

firebrick
B2
22
22

floralwhite
FF
FA
F0

forestgreen
22
8B
22

fushsia
FF
00
FF

gainsboro
DC
DC
DC

ghostwhite
F8
F8
FF

gold
FF
D7
00

goldenrod
DA
A5
20

gray
80
80
80

green
00
80
00

greenyellow
AD
FF
2F

honeydew
F0
FF
F0

hotpink
FF
69
B4

indiandred
CD
5C
5C

indigo
4B
00
82

ivory
FF
FF
F0

khaki
F0
E6
8C

lavender
E6
E6
FA

lavenderblush
FF
F0
F5

lawngreen
7C
FC
00

lemonchiffon
FF
FA
CD

ligtblue
AD
D8
E6

lightcoral
F0
80
80

lightcyan
E0
FF
FF

lightgoldenrodyellow
FA
FA
D2

lightgreen
90
EE
90

lightgrey
D3
D3
D3

lightpink
FF
B6
C1

R
G
B
Color

lightsalmon
FF
A0
7A

lightseagreen
20
B2
AA

lightscyblue
87
CE
FA

lightslategray
77
88
99

lightsteelblue
B0
C4
DE

lightyellow
FF
FF
E0

lime
00
FF
00

limegreen
32
CD
32

linen
FA
F0
E6

magenta
FF
00
FF

maroon
80
00
00

mediumaquamarine
66
CD
AA

mediumblue
00
00
CD

mediumorchid
BA
55
D3

mediumpurple
93
70
DB

mediumseagreen
3C
B3
71

mediumslateblue
7B
68
EE

mediumspringgreen
00
FA
9A

mediumturquoise
48
D1
CC

medium violetred
C7
15
85

midnightblue
19
19
70

mintcream
F5
FF
FA

mistyrose
FF
E4
E1

moccasin
FF
E4
B5

navajowhite
FF
DE
AD

navy
00
00
80

oldlace
FD
F5
E6

olive
80
80
00

olivedrab
6B
8E
23

orange
FF
A5
00

orengered
FF
45
00

orchid
DA
70
D6

palegoldenrod
EE
E8
AA

palegreen
98
FB
98

paleturquose
AF
EE
EE

palevioletred
DB
70
93

papayawhop
FF
EF
D5

peachpuff
FF
DA
B9

peru
CD
85
3F

pink
FF
C0
CB

plum
DD
A0
DD

powderblue
B0
E0
E6

purple
80
00
80

red
FF
00
00

rosybrown
BC
8F
8F

royalblue
41
69
E1

saddlebrown
8B
45
13

salmon
FA
80
72

sandybrown
F4
A4
60

seagreen
2E
8B
57

seashell
FF
F5
EE

sienna
A0
52
2D

silver
C0
C0
C0

skyblue
87
CE
EB

slateblue
6A
5A
CD

slategray
70
80
80

snow
FF
FA
FA

springgreen
00
FF
7F

steelblue
46
82
B4

tan
D2
B4
8C

teal
00
80
80

thistle
D8
BF
D8

tomato
FF
63
47

turquose
40
E0
D0

violet
EE
82
EE

wheat
F5
DE
B3

white
FF
FF
FF

whitesmoke
F5
F5
F5

yellow
FF
FF
00

yellowgreen
9A
CD
32

Сурет

М‰тін
М‰тін
М‰тін
М‰тін
М‰тін

ТаKырып

М‰тін

Сурет

Сурет

Сурет

М‰тін

М‰тін

ТаKырып

ТаKырып

Сурет

Сурет

Сурет

М‰тін

Picture 4