ЖИ көмекші
Web-құжатта мәтінді форматтау 10 сынып
Тақырып бойынша 11 материал табылды
Web-құжатта мәтінді форматтау 10 сынып
Материал туралы қысқаша түсінік
Мәтінді форматтау тегтерімен танысып, web-парақшаларды әзірлеу. Дайын тапсырмаларымен бар
Материалдың қысқаша нұсқасы
1 / 20
Жүктеу
Бөлісу
ЖИ арқылы жасау
Слайдтың жеке беттері
#1 слайд
10-сынып
Сабақтың тақырыбы:
Web-құжатта мәтінді
безендіру
1 слайд
10-сынып Сабақтың тақырыбы: Web-құжатта мәтінді безендіру
#2 слайд
Сабақтың мақсаты:
Мәтінді форматтау тегтерімен
танысып, web-парақшаларды әзірлеу
2 слайд
Сабақтың мақсаты: Мәтінді форматтау тегтерімен танысып, web-парақшаларды әзірлеу
#3 слайд
Бағалау критерийлері:
* Мәтінді форматтау тегтерінің жұмысымен танысады;
* Абзац енгізу және мәтінді туралау тегтерімен жұмыс істей
алады;
* HTML кодын енгізіп, веб-бет жасай алады.
3 слайд
Бағалау критерийлері: * Мәтінді форматтау тегтерінің жұмысымен танысады; * Абзац енгізу және мәтінді туралау тегтерімен жұмыс істей алады; * HTML кодын енгізіп, веб-бет жасай алады.
#4 слайд
Сәйкестендіріңіз
<HTML></HTML> ҚҰЖАТТЫҢ ТАҚЫРЫП
БӨЛІМІ
<HEAD></HEAD> ҚҰЖАТТЫҢ ДЕНЕСІ
<TITLE></TITLE> БЕТТІҢ БАСЫ ЖӘНЕ
СОҢЫ
<BODY></BODY> БЕТТІҢ АТАУЫ
4 слайд
Сәйкестендіріңіз <HTML></HTML> ҚҰЖАТТЫҢ ТАҚЫРЫП БӨЛІМІ <HEAD></HEAD> ҚҰЖАТТЫҢ ДЕНЕСІ <TITLE></TITLE> БЕТТІҢ БАСЫ ЖӘНЕ СОҢЫ <BODY></BODY> БЕТТІҢ АТАУЫ
#5 слайд
Мәтінді форматтау – бұл мәтіннің түрін безендіруге,
соның ішінде шрифті редакциялау немесе түрлі
эффектілерді қолдану үшін құралдарды таңдау
5 слайд
Мәтінді форматтау – бұл мәтіннің түрін безендіруге, соның ішінде шрифті редакциялау немесе түрлі эффектілерді қолдану үшін құралдарды таңдау
#6 слайд
Мысалы,
<H1> Информатика 10 сынып </H1>
<H2> Информатика 10 сынып </H2>
<H3> Информатика 10 сынып </H3>
<H4> Информатика 10 сынып </H4>
<H5> Информатика 10 сынып </H5>
<H6> Информатика 10 сынып </H6>
Құжат тақырыптары
Тақырып – парақтағы ақпаратты визуалды түрде жақсы көрсету үшін
қолданылады. Веб-парақтың маңызды мазмұнын және құрылымын тақырып
анықтауға көмектеседі. HTML-де <h1> -ден <h6> -ге дейінгі алты деңгейлік тег
бар. Әр деңгейдің өз көлемі бар. Тақырыпты браузерлер кәдімгі мәтінге
қарағанда үлкенірек және қою, қалың штрифт түрінде көрсетеді.
6 слайд
Мысалы, <H1> Информатика 10 сынып </H1> <H2> Информатика 10 сынып </H2> <H3> Информатика 10 сынып </H3> <H4> Информатика 10 сынып </H4> <H5> Информатика 10 сынып </H5> <H6> Информатика 10 сынып </H6> Құжат тақырыптары Тақырып – парақтағы ақпаратты визуалды түрде жақсы көрсету үшін қолданылады. Веб-парақтың маңызды мазмұнын және құрылымын тақырып анықтауға көмектеседі. HTML-де <h1> -ден <h6> -ге дейінгі алты деңгейлік тег бар. Әр деңгейдің өз көлемі бар. Тақырыпты браузерлер кәдімгі мәтінге қарағанда үлкенірек және қою, қалың штрифт түрінде көрсетеді.
#7 слайд
Блокноттағы түрі
Браузердегі түрі
Құжат тақырыптары
Ескерту:
егер тақырып деңгейін көрсетпесеңіздер,
браузер оны <H> өлшемімен көрсетеді.
7 слайд
Блокноттағы түрі Браузердегі түрі Құжат тақырыптары Ескерту: егер тақырып деңгейін көрсетпесеңіздер, браузер оны <H> өлшемімен көрсетеді.
#8 слайд
8
Абзацтар
•<BR> - Жаңа жолға өтуді жүзеге асырады
•</P> абзац
Қазақстан Республикасы екі құрлықтың – Еуропа мен
Азияның тоғысқан жерінде, солтүстік жарты шарда
орналасқан ірі мемлекет.
<BR>
Жерінің көлемі жағынан Қазақстан- Ресей, Қытай,
АҚШ, Аргентина, Бразилия, Канада, Индия және
Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр.
Қазақстан Республикасы екі құрлықтың – Еуропа мен
Азияның тоғысқан жерінде, солтүстік жарты шарда
орналасқан ірі мемлекет.
<BR>
Жерінің көлемі жағынан Қазақстан- Ресей, Қытай,
АҚШ, Аргентина, Бразилия, Канада, Индия және
Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр.
<P>
Қазақстан Республикасы екі құрлықтың – Еуропа мен
Азияның тоғысқан жерінде, солтүстік жарты шарда
орналасқан ірі мемлекет.
</P>
<P>Жерінің көлемі жағынан Қазақстан- Ресей, Қытай,
АҚШ, Аргентина, Бразилия, Канада, Индия және
Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр.
</P>
<P>
Қазақстан Республикасы екі құрлықтың – Еуропа мен
Азияның тоғысқан жерінде, солтүстік жарты шарда
орналасқан ірі мемлекет.
</P>
<P>Жерінің көлемі жағынан Қазақстан- Ресей, Қытай,
АҚШ, Аргентина, Бразилия, Канада, Индия және
Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр.
</P>
8 слайд
8 Абзацтар •<BR> - Жаңа жолға өтуді жүзеге асырады •</P> абзац Қазақстан Республикасы екі құрлықтың – Еуропа мен Азияның тоғысқан жерінде, солтүстік жарты шарда орналасқан ірі мемлекет. <BR> Жерінің көлемі жағынан Қазақстан- Ресей, Қытай, АҚШ, Аргентина, Бразилия, Канада, Индия және Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр. Қазақстан Республикасы екі құрлықтың – Еуропа мен Азияның тоғысқан жерінде, солтүстік жарты шарда орналасқан ірі мемлекет. <BR> Жерінің көлемі жағынан Қазақстан- Ресей, Қытай, АҚШ, Аргентина, Бразилия, Канада, Индия және Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр. <P> Қазақстан Республикасы екі құрлықтың – Еуропа мен Азияның тоғысқан жерінде, солтүстік жарты шарда орналасқан ірі мемлекет. </P> <P>Жерінің көлемі жағынан Қазақстан- Ресей, Қытай, АҚШ, Аргентина, Бразилия, Канада, Индия және Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр. </P> <P> Қазақстан Республикасы екі құрлықтың – Еуропа мен Азияның тоғысқан жерінде, солтүстік жарты шарда орналасқан ірі мемлекет. </P> <P>Жерінің көлемі жағынан Қазақстан- Ресей, Қытай, АҚШ, Аргентина, Бразилия, Канада, Индия және Австралия мемлекеттерінен кейінгі 9 орынға ие болып отыр. </P>
#9 слайд
Мәтінді көлденең сызықпен бөлу
Мәтінді көлденең сызықпен бөлу үшін абзацтар арасына
<hr> тегін қолданады.
Блокноттағы түрі
Браузердегі түрі
9 слайд
Мәтінді көлденең сызықпен бөлу Мәтінді көлденең сызықпен бөлу үшін абзацтар арасына <hr> тегін қолданады. Блокноттағы түрі Браузердегі түрі
#10 слайд
10
Мәтінді форматтау тегтері
қою қаріп (bold) <B>Информатика</B> Информатика
курсив (italic) <I>Информатика</I> Информатика
асты сызылған
(underline) <U>Информатика</U> Информатика
сызылып тасталған
(strike out) <S>Информатика</S> Информатика
жоғары индекс
(superscript) 10<SUP>2</SUP> 10
2
төменгі индекс
(subscript) 101000<SUB>2</SUB> 101000
2
10 слайд
10 Мәтінді форматтау тегтері қою қаріп (bold) <B>Информатика</B> Информатика курсив (italic) <I>Информатика</I> Информатика асты сызылған (underline) <U>Информатика</U> Информатика сызылып тасталған (strike out) <S>Информатика</S> Информатика жоғары индекс (superscript) 10<SUP>2</SUP> 10 2 төменгі индекс (subscript) 101000<SUB>2</SUB> 101000 2
#11 слайд
Мәтінді туралау тегтері
Блокноттағы түрі
Браузердегі түрі
11 слайд
Мәтінді туралау тегтері Блокноттағы түрі Браузердегі түрі
#12 слайд
№1 тапсырма
<h1><i>Информатика пәні</i></h1>
<P ALIGN="CENTER">Информатика пәні</p>
<hr>
<h5>Информатика пәні</h5>
Тегтерді браузердегі web-беттегі
орналасуы ретімен қойып шығыңыздар
Дескриптор:
-мәтінді ортаға қою тегін таңдайды;
-көлденең сызық қою тегін таңдайды;
-өлшемі кіші тегті таңдайды;
-қаріп өлшемі үлкен және курсив қою тегін таңдайды.
12 слайд
№1 тапсырма <h1><i>Информатика пәні</i></h1> <P ALIGN="CENTER">Информатика пәні</p> <hr> <h5>Информатика пәні</h5> Тегтерді браузердегі web-беттегі орналасуы ретімен қойып шығыңыздар Дескриптор: -мәтінді ортаға қою тегін таңдайды; -көлденең сызық қою тегін таңдайды; -өлшемі кіші тегті таңдайды; -қаріп өлшемі үлкен және курсив қою тегін таңдайды.
#13 слайд
<P ALIGN="CENTER">Информатика пәні</p>
<hr>
<h5>Информатика пәні</h5>
<h1><i>Информатика пәні</i></h1>
Өзіңді тексер
13 слайд
<P ALIGN="CENTER">Информатика пәні</p> <hr> <h5>Информатика пәні</h5> <h1><i>Информатика пәні</i></h1> Өзіңді тексер
#14 слайд
№2 тапсырма
Төмендегі мәтінді шығаратын web-бетті құрыңыздар:
Шар бетінің ауданы S=4
Судың формуласы
Мәтін
HTML редакторы
Дескриптор:
-мәтінді ортаға қою және қаріп үлкейту, жоғары индекс тегтерін таңдайды;
-өлшемі кіші, ортаға қою және төменгі индекс қою тегтерін таңдайды;
-оң жаққа қою және астын сызу тегтерін таңдайды;
-сол жаққа қою және курсив қою тегін таңдайды.
14 слайд
№2 тапсырма Төмендегі мәтінді шығаратын web-бетті құрыңыздар: Шар бетінің ауданы S=4 Судың формуласы Мәтін HTML редакторы Дескриптор: -мәтінді ортаға қою және қаріп үлкейту, жоғары индекс тегтерін таңдайды; -өлшемі кіші, ортаға қою және төменгі индекс қою тегтерін таңдайды; -оң жаққа қою және астын сызу тегтерін таңдайды; -сол жаққа қою және курсив қою тегін таңдайды.
#15 слайд
Өзіңді тексер
Төмендегі мәтінді шығаратын web-бетті құрыңыздар:
Шар бетінің ауданы S=4
Судың формуласы
Мәтін
HTML редакторы
15 слайд
Өзіңді тексер Төмендегі мәтінді шығаратын web-бетті құрыңыздар: Шар бетінің ауданы S=4 Судың формуласы Мәтін HTML редакторы
#16 слайд
№3 тапсырма
<html>
<head>
<title> Тапсырма3 <title>
</head>
<p ALIGN=«RIGHT">Мәтінді форматтау тегтері /p>
<hr>
<h5> Мәтінді форматтау тегтері <h>
<i> Мәтінді форматтау тегтері </i>
</bod>
</html>
Қателерді тауып, санын анықтаңыздар:
Дескриптор:
-қателерін табады;
-санын анықтайды;
16 слайд
№3 тапсырма <html> <head> <title> Тапсырма3 <title> </head> <p ALIGN=«RIGHT">Мәтінді форматтау тегтері /p> <hr> <h5> Мәтінді форматтау тегтері <h> <i> Мәтінді форматтау тегтері </i> </bod> </html> Қателерді тауып, санын анықтаңыздар: Дескриптор: -қателерін табады; -санын анықтайды;
#17 слайд
Өзіңді тексер
<html>
<head>
<title> Тапсырма3 </title>
</head>
<body>
<P ALIGN=«RIGHT">Мәтінді форматтау тегтері</p>
<hr>
<h5> Мәтінді форматтау тегтері <h5>
<i> Мәтінді форматтау тегтері </i>
</bod>
</html>
Қателерді тауып, санын анықтаңыздар:
Қателер саны: 4
17 слайд
Өзіңді тексер <html> <head> <title> Тапсырма3 </title> </head> <body> <P ALIGN=«RIGHT">Мәтінді форматтау тегтері</p> <hr> <h5> Мәтінді форматтау тегтері <h5> <i> Мәтінді форматтау тегтері </i> </bod> </html> Қателерді тауып, санын анықтаңыздар: Қателер саны: 4
#18 слайд
Бүгінгі сабақта:
-мәтінді форматтау тегтері;
-абзаценгізу тегтері;
-құжат тақырыптары тегтері;
-мәтінді көлденең сызықпен бөлу;
-мәтінді туралау тегтері.
18 слайд
Бүгінгі сабақта: -мәтінді форматтау тегтері; -абзаценгізу тегтері; -құжат тақырыптары тегтері; -мәтінді көлденең сызықпен бөлу; -мәтінді туралау тегтері.
#19 слайд
Қосымша тапсырма
Төмендегі үлгі бойынша форматтау элементтерін қолданып,
web-бетті жасаңыздар
19 слайд
Қосымша тапсырма Төмендегі үлгі бойынша форматтау элементтерін қолданып, web-бетті жасаңыздар
Файл форматы:
pptx
23.01.2025
217
Жүктеу
ЖИ арқылы жасау
Жариялаған:
Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз
шағым қалдыра аласыз
