№3 Мультимедианы енгізу HTML ге презентация 10 сынып

#1 слайд
Миға шабуыл 1. Web сайт құру бізге неге қажет? 2. Web бетіне сурет шығарудың маңызы не де?

1 слайд

#2 слайд
Жаңа сабақ Html құжатына суретті ораналастыру үшін сурет .jpg , .gif , .png кеңеймесінде болу керек. Құжатқа суретті қою <IMG> тегі арқылы қолданылады. Img тегінің src қасиеті арқылы суреттің адресін беруге болады. Мысалы: <Html> <head> <title> Менің парақшам </title> </head> <body> <img src=“suret.jpg”> </body> </html> Бұл мысалды браузерде ашып көретін болсақ...

2 слайд

#3 слайд

3 слайд

#4 слайд
Сонымен қатар біз құжатқа суретті қойғанда, ол сурет қандай өлшемде веб бетіне солай орналасады. Сондықтан біз оның өлшемін бере аламыз. Ол үшін IMG тегінің мынадай қасиеттері бар: WIDTH – Суреттің ені көп жағдайда пикселмен өлшенеді. HEIGHT – суреттің биіктігі. BORDER – Сурет рамкасы. Мысалы: <img src=‘suret.jpg’,width=‘200’, height=‘200’ border=’20’>

4 слайд

#5 слайд
<Html> <head> <title> Менің парақшам </title> </head> <body> <img src=‘suret.jpg’,width=‘200’, height=‘200’ border=’20’> </body> </html> Бұл мысалды браузерде ашып көретін болсақ...

5 слайд

#6 слайд

6 слайд

#7 слайд
Веб браузер бетіне сурет пен мәтін енгізу, ALIGN атрибутының көмегімен жүзеге асыруға болады. Мәні Сипаттамасы   Align=left Суретті сол жағы бойынша туралау. Мәтін суреттің оң жағына орналасады. Align=right Суретті оң жағы бойынша туралау . Мәтін суреттің сол жағына орналасады. Мысалы: <img src=‘suret.jpg’, align=‘left’> мәтін жазылады

7 слайд

#8 слайд
<Html> <head> <title> Менің парақшам </title> </head> <body> <img src=‘suret.jpg’, align=‘left’> Информатика пәні компьютермен тығыз байланысты. Бірақ, компьютер - оның көмегі арқылы ақпаратпен жұмыс істеуге болатын құрал ғана. Адамдардың барлық қызметі ақпаратпен байланысты. Кез келген тамақты пісіру үшін оған қажетті заттар мен дайындау жолын білу қажет. автомобильді басқару үшін немесе үй тұрғызу үшін оған қажетті ақпаратты білуіміз қажет. </body> </html> Бұл мысалды браузерде ашып көретін болсақ...

8 слайд

#9 слайд

9 слайд

#10 слайд
Практикалық тапсырма Суретті шығару Суреттің өлшемін беру Суретті сол жаққа, мәтінді оң жаққа шығару

10 слайд

#11 слайд
Сабақты бекіту сұрақтары 1. Құжатқа сурет қою тегі? 2. Суреттің биіктігімен енін беру? 3. Суретті сол жаққа шығару?

11 слайд

#12 слайд
https://create.kahoot.it/creator/389e73 a9-0713-4948-a29a-5eaff9de7469 Сабақты қорытындылау

12 слайд

#13 слайд
Кері байланыс Білемін Білдім Білгім келеді

13 слайд