400 000+ дайын материалды
1 жыл бойы шексіз жүктеңіз
ҚМЖ, БЖБ, ТЖБ, презентациялар және авторлық материалдар
4 990₸/ 1 жыл
🔥Арнайы баға ·10.12.2026 дейін
Одан кейін - 29 990 ₸
Бір рет төлейсіз · Автотөлем жоқ
Тақырып бойынша 12 материал табылды

Веб-бетке арналған графика 10 сынып ҚМЖ

Материал туралы қысқаша түсінік
Веб-бетке арналған графика 10 сынып ҚМЖ
Материалдың қысқаша нұсқасы

ҚМЖ

Ұзақ мерзімді жоспар бөлімі:

10.2 бөлім – Сайт құрастыру

Мектеп:

Күні:

Мұғалімнің аты-жөні:

Сынып: 10 б

Қатысушылар саны:

Қатыспағандар:


Сабақ тақырыбы

Веб-бетке арналған графика


Осы сабақта қол жеткізілетін оқу мақсаттары (оқу бағдарламасына сілтеме)

10.2.3.3. Веб-сайтқа графикалық нысандарды және анимация орналастыру (логотип, баннер, және т.с.с.).

Сабақ мақсаты

Веб-сайтқа графикалық нысандарды және анимация орналастыруды айту және көрсету (логотип, баннер, және т.с.с.).

Сабақ барысы


Сабақ кезеңдері:

Сабақта орындалатын іс-әрекеттер


Ресурстар

Сабақтың басы

0-5 мин

Психологиялық хал-ахуал тудыру.


Сыныпты «Графикалық фигуралар» әдісімен 2 топқа бөлу.






6-15 мин

«Миға шабуыл» әдісі

Постер қорғаймыз

Оқушылар, өткен сабақта веб-сайт құрдық, енді бүгінгі сабақта веб-парақта графика орналастыруымыз керек, қалай ойлайсыңдар, жұмысты неден бастауға болады?

Әр топ өзінің веб-парағына атау беріп, сурет кірістіреді, GIF анимация орналастырады.


Презентация

Үлестірме материалдар

Информатика 10 сынып оқулығы


Сабақтың ортасы

16-21 мин





  1. Тапсырма

Топтық жұмыс

Әр топ суреттің форматы мен сипаттамасына сүйене отырып, сурет атрибуттарын табады.

Сурет атрибуттары

Форматы

Сипаттамасы


<IMG SRC= ''Сурет.JPG''

ALT=''Сурет''>

Егер сурет көрсетілмесе, онда оның орнына сурет атауы жазылады немесе сол сурет жөнінде мәлімет беріледі.


<IMG SRC= ''Сурет.JPG''

BORDER=''3''>

Суретті қоршап тұрған жақтау сызығының (шегарасының) қалыңдығы пиксельмен беріледі.


<IMG SRC= ''Сурет.JPG''

ALIGN=''TOP''>

Мәтінге байланысты суреттің орналасуы көрсетіледі:

  • TOP - жоғары,

  • BOTTOM - төмен,

  • MIDDLE - ортада,

  • LEFT - сол жақта,

  • RIGHT - оң жақта түзетілген.


<IMG SRC= ''Сурет.JPG''

HEIGHT=''111''>

Браузер терезесінің ішіндегі суреттің биіктігін (тігінен өлшемін) пиксельмен немесе терезе биіктігінің пайызымен береді.


<IMG SRC= ''Сурет.JPG''

WIDTH=''210''>

Браузер терезесінің ішіндегі суреттің биіктігін (көлденең өлшемін) пиксельмен немесе терезе енінің пайызымен береді.


<IMG SRC= ''Сурет.JPG''

VSPACE=''8''>

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


<IMG SRC= ''Сурет.JPG''

HSPACE=''8''>

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


Дескрипторы:

-Сурет атрибуттарын анықтайды.

ҚБ: бірін-бірі бағалайды;

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


Презентация

Үлестірме қағаздар


DrawObject1


DrawObject3 DrawObject2

Өздік жұмыс

22-36 мин

  1. Тапсырмалар Ө, Ж

Оқушыларға тапсырма таратылып беріледі. Алдымен жекелей орындалу қадағаланып, соңынан нәтижемен бөлісу қажет.

А.Тапсырма. Берілген форматтарды тиісті орындарына орналастырыңыз.


Растрлық кескін форматтары

Векторлық кескін форматтары



WMF, BMP, GIF, CDR, TIFF, PNG, EPS, JPEG.


Дескрипторы:

-Растрлық кескін форматына қандай кеңейтілулер жататынын ажыратады .

-Векторлық кескін форматына қандай кеңейтілулер жататынын ажырата алады.

Б.Тапсырма

Әр оқушы өткен сабақта өз веб-парағын құрды, бүгінгі сабақта әр оқушы өзінің веб-парағына сурет кірістіреді.

<HTML>

<HEAD>

<TITLE>Сурет кірістіру</TITLE>

</HEAD>

<BODY>

<CENTER><H3> IMG тегі- суретті кірістіру үшін қолданылады</H3> <IMG src="Маш1.jpeg">

< /BODY>

</HTML>












Дескрипторы:

-Веб-параққа сурет кірістіре алады.


В тапсырма. Әр оқушы өз веб-парағына анимация орналастырады.

<IMG.IRC_MI=”sarqyrama. gif”>


Дескрипторы:

-Веб-параққа анимация орналастыра алады.

ҚБ: бірін-бірі бағалайды;

СТ:   Оқушылар бір тапсырманы орындаса да олардың нәтижелері әртүрлі болатындығы қадағаланады, тапсырмалар жеңілден қиынға қарай беріліп саралаудың қорытынды және тапсырма тәсілі қолданылады.

Презентация

Тапсырмалар

Информатика 10 сынып оқулығы


DrawObject4



DrawObject5 DrawObject6

Сабақтың соңы

37-40 мин

  1. Рефлексия.

«DrawObject7 Графикалық фигуралар» әдісі бойынша стикер жабыстырады.







DrawObject8




DrawObject9






Презентация

Таратпа материалдар


Қосымша ақпарат

Дифференциация – Сіз оқушыларға көбірек қолдау көрсету үшін не істейсіз? Қабілеті жоғары оқушыларға қандай тапсырма беруді көздеп отырсыз?

Бағалау – Оқушылардың веб-парақтағы графиканы қаншалықты меңгергенін қалай тексересіз?

Пәнаралық байланыс. Қауіпсіздік ережелері. АКТ-мен байланыс. Құндылықтармен байланыс (тәрбиелік элемент)

Постер қорғау кезінде "Миға шабуыл" әдісі қолданылды.

Диалог және қолдау көрсету тәсілі бойынша, оқушыларға тапсырманы орындау барысында көмек көрсетілді.

Мұғалім оқушыларды ойланту және бірқатар жауаптар алу үшін, алдын ала дайындалған сұрақтарды қойды. Бұл әдіс кезінде сөзбен қолдау көрсетіліп, ынталандырылды.

Жеке тапсырма орындауда саралаудың қорытынды тәсілі қолданылды. Себебі, оқушылардың орындау деңгейі әр түрлі болды. Оқушыларға дұрыс жауап беріліп, олардың әрқайсысы өздерінен күткен нәтижелерімен танысты.

Оқушылар бір-бірінің жұмыстарын талқылайды бағалау критерийлері ескеріліп, "Графикалық фигуралар" әдісі бойынша бағалайды.

Дағдылар: Білу және түсіну, орындай алу.

Сабақ барысында көзге жаттығу жасалады.

Топтық жұмыс барысында бірін-бірі тыңдау, өзара құрмет көрсету туралы ескертіліп отырады.


Материалды Word форматында жүктеп аласыз
Тарифке кіреді
8 ұстаз жүктеп алған
30 қараша
226
Бұл материалды қолданушы жариялаған. UstazTilegi материалдың мазмұны мен авторлық құқықтарына жауап бермейді. Авторлық құқық бұзылған жағдайда шағым қалдыра аласыз
"Ұстаз" платформасында тіркелген пәндік олимпиадалар
Аттестацияға жарамды екенін көру үшін "Ұстаз" платформасында "Жарыстар, олимпиадалар тізімінен "Ustaz tilegi" деп іздесеңіз шығады
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Осы тақырыпта
көрнекілік керек па?
10 000 астам көрнекіліктерді жинап қойдық.
Көрнекілік бөліміне өтіп тақырыбын жазып жүктеп алыңыз!
Министірлікпен келісілген Аттестацияға жарамды курстар тізімі