Материалдарды шектеусіз жүктеңіз ҚМЖ, ашық сабақтар, презентациялар, көрнекіліктер, дидактикалық материалдар, авторлық бағдарламалар және тағы басқа 400 000-астам материалды шексіз жүктеп алғыңыз келе ме?

Толығырақ

Тақырып бойынша 11 материал табылды

HTML де веб бетке сурет қою

Материал туралы қысқаша түсінік

Материалдың қысқаша нұсқасы

1 / 19

Жүктеу

Бөлісу

ЖИ арқылы жасау

Слайдтың жеке беттері

#1 слайд
Тақырыбы: HTML құжатында Сурет қою. Сурет пен мәтін орналасуы

1 слайд

Тақырыбы: HTML құжатында Сурет қою. Сурет пен мәтін орналасуы

#2 слайд
Мақсаты: HTML –де құжатқа графикалық бейне кірістіруді үйрету

2 слайд

Мақсаты: HTML –де құжатқа графикалық бейне кірістіруді үйрету

#3 слайд
Қайталау сұрақтары? 1. Html де шрифтпен жұмыс жасау үшін қандай тег қолданылады? 2. Font тегінің color және face қасиеттері нені білдіреді. 3. Құжаттың тақырып бөлімі қандай тегте жазылады? 4. Курсив пен шығару тегі? 5. Құжаттың денесінде не орналасады?

3 слайд

Қайталау сұрақтары? 1. Html де шрифтпен жұмыс жасау үшін қандай тег қолданылады? 2. Font тегінің color және face қасиеттері нені білдіреді. 3. Құжаттың тақырып бөлімі қандай тегте жазылады? 4. Курсив пен шығару тегі? 5. Құжаттың денесінде не орналасады?

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

4 слайд

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

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

5 слайд

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

#6 слайд

6 слайд

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

7 слайд

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

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

8 слайд

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

#9 слайд

9 слайд

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

10 слайд

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

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

11 слайд

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

#12 слайд

12 слайд

#13 слайд
Практикалық тапсырма. Уақыт 10 минут Суретті шығару Суреттің өлшемін беру Суретті сол жаққа, мәтінді оң жаққа шығару Дескриптор Суретті қойып веб бетке орналастырады 2 балл Суреттің өлшемін жазады 2 балл Суретті сол жаққа, мәтінді оң жаққа шығарады 3 балл

13 слайд

Практикалық тапсырма. Уақыт 10 минут Суретті шығару Суреттің өлшемін беру Суретті сол жаққа, мәтінді оң жаққа шығару Дескриптор Суретті қойып веб бетке орналастырады 2 балл Суреттің өлшемін жазады 2 балл Суретті сол жаққа, мәтінді оң жаққа шығарады 3 балл

#14 слайд
Сәйкестігін іздеу Тегтер <Img> <Img src=‘suret.jpg’, Border=20> Сипаттамасы Жартылай қалың Шрифт түсі қызыл Абзац Сурет қою Шрифтпен жұмыс жасау Сурет қою, сурет рамкасы 20 пиксельмен Асты сызылған

14 слайд

Сәйкестігін іздеу Тегтер <Img> <Img src=‘suret.jpg’, Border=20> Сипаттамасы Жартылай қалың Шрифт түсі қызыл Абзац Сурет қою Шрифтпен жұмыс жасау Сурет қою, сурет рамкасы 20 пиксельмен Асты сызылған

#15 слайд
Сергіту сәті

15 слайд

Сергіту сәті

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

16 слайд

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

#17 слайд
Кері байланыс

17 слайд

Кері байланыс

#18 слайд
НАЗАРЛАРЫҢЫ ЗҒА РАХМЕТ!!!

18 слайд

НАЗАРЛАРЫҢЫ ЗҒА РАХМЕТ!!!

Файл форматы:

pptx

Информатика Презентация 10 сынып

23.01.2025

305

Жүктеу

ЖИ арқылы жасау

Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз