1 слайд
Миға шабуыл
1. Web сайт құру бізге неге қажет?
2. Web бетіне сурет шығарудың маңызы не
де?
2 слайд
Жаңа сабақ
Html құжатына суретті ораналастыру
үшін сурет .jpg , .gif , .png кеңеймесінде
болу керек. Құжатқа суретті қою <IMG>
тегі арқылы қолданылады.
Img тегінің src қасиеті арқылы суреттің
адресін беруге болады. Мысалы:
<Html>
<head>
<title> Менің парақшам </title>
</head>
<body>
<img src=“suret.jpg”>
</body>
</html>
Бұл мысалды браузерде ашып көретін
болсақ...
3 слайд
4 слайд
Сонымен қатар біз құжатқа суретті қойғанда,
ол сурет қандай өлшемде веб бетіне солай
орналасады. Сондықтан біз оның өлшемін
бере аламыз. Ол үшін IMG тегінің мынадай
қасиеттері бар:
WIDTH – Суреттің ені көп жағдайда
пикселмен өлшенеді.
HEIGHT – суреттің биіктігі.
BORDER – Сурет рамкасы.
Мысалы: <img src=‘suret.jpg’,width=‘200’,
height=‘200’ border=’20’>
5 слайд
<Html>
<head>
<title> Менің парақшам </title>
</head>
<body>
<img src=‘suret.jpg’,width=‘200’,
height=‘200’ border=’20’>
</body>
</html>
Бұл мысалды браузерде ашып көретін
болсақ...
6 слайд
7 слайд
Веб браузер бетіне сурет пен мәтін
енгізу, ALIGN атрибутының көмегімен
жүзеге асыруға болады.
Мәні Сипаттамасы
Align=left Суретті сол жағы бойынша
туралау. Мәтін суреттің оң
жағына орналасады.
Align=right Суретті оң жағы бойынша
туралау . Мәтін суреттің сол
жағына орналасады.
Мысалы: <img src=‘suret.jpg’, align=‘left’> мәтін
жазылады
8 слайд
<Html>
<head>
<title> Менің парақшам </title>
</head>
<body>
<img src=‘suret.jpg’, align=‘left’> Информатика пәні
компьютермен тығыз байланысты. Бірақ, компьютер -
оның көмегі арқылы ақпаратпен жұмыс істеуге
болатын құрал ғана.
Адамдардың барлық қызметі ақпаратпен байланысты.
Кез келген тамақты пісіру үшін оған қажетті
заттар мен дайындау жолын білу қажет. автомобильді
басқару үшін немесе үй тұрғызу үшін оған қажетті
ақпаратты білуіміз қажет.
</body>
</html>
Бұл мысалды браузерде ашып көретін болсақ...
9 слайд
10 слайд
Практикалық тапсырма
Суретті шығару
Суреттің өлшемін беру
Суретті сол жаққа, мәтінді оң жаққа шығару
11 слайд
Сабақты бекіту сұрақтары
1. Құжатқа сурет қою тегі?
2. Суреттің биіктігімен енін беру?
3. Суретті сол жаққа шығару?
12 слайд
https://create.kahoot.it/creator/389e73
a9-0713-4948-a29a-5eaff9de7469 Сабақты қорытындылау
13 слайд
Кері байланыс
Білемін Білдім Білгім келеді
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде пәніңізді белгілеп, керек материалды алып сабағыңызға қолдана аласыз