Ашық сабақ, ҚМЖ, көрнекілік, презентация жариялап
2 млн. ₸ табыс табыңыз!
2024-2025 оқу жылына арналған
қысқа мерзімді сабақ жоспарларын
Жүктеп алғыңыз келеді ме?
ҚР Білім және Ғылым министірлігінің стандартымен жасалған
HTML тілі құжатында графиканы қолдану. 10 сынып слайд.ЖМБ
Материал туралы қысқаша түсінік
10 сынып слайд. Презентация. ЖМБ
Авторы:
Автор материалды ақылы түрде жариялады.
Сатылымнан түскен қаражат авторға автоматты түрде аударылады.
Толығырақ
05 Қырқүйек 2023
548
1 рет жүктелгенТегін турнир Мұғалімдер мен Тәрбиешілерге
Дипломдар мен сертификаттарды алып үлгеріңіз!
Дипломдар мен сертификаттарды алып үлгеріңіз!
Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады
1 / 13
Материалдың қысқаша түсінігі
1 слайд
Сиқырлы қорапПсихологиялық ахуал
1 слайд
Сиқырлы қорапПсихологиялық ахуал
2 слайд
«Сұрақ менен, жауап сенен » әдісі
W ordwall бағдарламасы арқылы
үй тапсырмасына шолу
2 слайд
«Сұрақ менен, жауап сенен » әдісі W ordwall бағдарламасы арқылы үй тапсырмасына шолу
3 слайд
«Миға шабуыл» әдісі
3 слайд
«Миға шабуыл» әдісі
4 слайд
HTML тілі құжатында
графиканы қолдану Сабақтың тақырыбы:
4 слайд
HTML тілі құжатында графиканы қолдану Сабақтың тақырыбы:
5 слайд
Сабатың мақсаты:
HTML тегтерін қолдану арқылы
веб парақша әзірлеу (құру)
5 слайд
Сабатың мақсаты: HTML тегтерін қолдану арқылы веб парақша әзірлеу (құру)
6 слайд
Web-беттегі графика
С уреттiк бейнелер web-беттерді әшекейлеп безендiру кезiнде
маңызды рөл атқарады. С уреттер HTML құжаттарынан бөлек
орналасқан жеке бумаларда сақталады, алайда олар браузер арқылы
web-беттердің iшiнде бейнеленедi.
•
Бетке сурет қою үшін <img> дара тегі қолданылады. Ол BODY элементінің кез -
келген жерінде орналасуы мүмкін. Стандартты сурет форматтары GIF, PNG және
JPEG болып табылады:
•
JPEG – фотосуреттерді немесе мәтіні жоқ сұр реңктегі суреттерді сақтау үшін
қолданылады;
•
GIF – анимация үшін қолданылады;
•
PNG – қалған суреттерге арналған формат (иконкалар, батырмалар және т.б.)
•
Бірақ бұл тег міндетті түрде src, alt атрибуттарымен қатар қолданылады. Бұл
тегтің бірінші, ең маңызды атрибуты – src атрибуты болып табылады. (ағылшын
тіліндегі source – дереккөзі сөзінің қысқартуы). Бұл атрибут сурет файлының
орналасқан жерін көрсетеді. Web-бет ке сурет қою
HTML бетке суретті қою коды мына түрде болады:
<img src=“foto.jpg”>
6 слайд
Web-беттегі графика С уреттiк бейнелер web-беттерді әшекейлеп безендiру кезiнде маңызды рөл атқарады. С уреттер HTML құжаттарынан бөлек орналасқан жеке бумаларда сақталады, алайда олар браузер арқылы web-беттердің iшiнде бейнеленедi. • Бетке сурет қою үшін <img> дара тегі қолданылады. Ол BODY элементінің кез - келген жерінде орналасуы мүмкін. Стандартты сурет форматтары GIF, PNG және JPEG болып табылады: • JPEG – фотосуреттерді немесе мәтіні жоқ сұр реңктегі суреттерді сақтау үшін қолданылады; • GIF – анимация үшін қолданылады; • PNG – қалған суреттерге арналған формат (иконкалар, батырмалар және т.б.) • Бірақ бұл тег міндетті түрде src, alt атрибуттарымен қатар қолданылады. Бұл тегтің бірінші, ең маңызды атрибуты – src атрибуты болып табылады. (ағылшын тіліндегі source – дереккөзі сөзінің қысқартуы). Бұл атрибут сурет файлының орналасқан жерін көрсетеді. Web-бет ке сурет қою HTML бетке суретті қою коды мына түрде болады: <img src=“foto.jpg”>
7 слайд
Практикалық жұмыс
Оқулық 122 бет
7 слайд
Практикалық жұмыс Оқулық 122 бет
8 слайд
Бағалау критерийі:
1.HTML тегін қолданып, веб сайт әзірлейді.
2 . HTML тегін ажыратады.
Дескриптор:
1. Сайттың атауын жазады «Қазақстан көп этносты
мемлекет»
2. Сайттың фондық түсін және мәтіннің түсін қояды
3. Тақырыпты жазады «Достық үйі»
4. Суретті енгізеді
5. Суреттің өлшемін көрсетеді
[5]
8 слайд
Бағалау критерийі: 1.HTML тегін қолданып, веб сайт әзірлейді. 2 . HTML тегін ажыратады. Дескриптор: 1. Сайттың атауын жазады «Қазақстан көп этносты мемлекет» 2. Сайттың фондық түсін және мәтіннің түсін қояды 3. Тақырыпты жазады «Достық үйі» 4. Суретті енгізеді 5. Суреттің өлшемін көрсетеді [5]
9 слайд
ЖҰПТЫҚ ЖҰМЫС
«Қима қағаздар» әдісі
9 слайд
ЖҰПТЫҚ ЖҰМЫС «Қима қағаздар» әдісі
10 слайд
<html>
<head>
<title> Abai </title>
</head>
<body>
<img src="Abay.jpg">
</body>
</html> Бағалау критерийі:
1.HTML тегін қолданып, веб сайт әзірлейді.
2 . HTML тегін ажыратады.
Дескриптор:
Сайттың басын ашып жабады
Сайттың тақырыбын жазады
Сайттың денесің ашып жабады
Сайтқа сурет енгізеді
Сайттағы жұмысты аяқтайды [5]
10 слайд
<html> <head> <title> Abai </title> </head> <body> <img src="Abay.jpg"> </body> </html> Бағалау критерийі: 1.HTML тегін қолданып, веб сайт әзірлейді. 2 . HTML тегін ажыратады. Дескриптор: Сайттың басын ашып жабады Сайттың тақырыбын жазады Сайттың денесің ашып жабады Сайтқа сурет енгізеді Сайттағы жұмысты аяқтайды [5]
11 слайд
Рефлексия
11 слайд
Рефлексия
12 слайд
Үй тапсырмасы.
§4.5 оқу
12 слайд
Үй тапсырмасы. §4.5 оқу
