ЖИ көмекші
Көп таңдалатын
HTML тілі құжатында графиканы қолдану. 10 сынып слайд.ЖМБ
#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 оқу
Бұл курс Қазақстан Республикасы Оқу-ағарту министрлігімен келісілген
