1 слайд
Ашық сабақ
10-сынып
Информатика пәні
Пән мұғалімі: К.Жексенбаева
2 слайд
Үй тапсырмасын сұрау
«Серпілген сауал» әдісі.
1.HTML тегтер дегеніміз не
2. HTML тіліндегі міндетті тегтер?
3. Кесте құру тегтері ?
4. Мәтінді келесі жолға көшіру тегі?
5. Суретті кірістіру тегі ?
ҚБ. Мадақтау «Жарайсың, керемет, жақсы» HTML тілінде қолданылатын командалар
Html,head,body
Table,tr,th
img scr br (жұпсыз)
3 слайд
Ой шақыру
WEB
с айттың
таныма
лдылығ
ына не
әсер
етеді ? : •
1. Дизайны
•
Жоспарлануы
•
Ақпараттың құндылығы
•
Интерфейстің жоғарлығы
•
Программалау элементтерінің
жоғары деңгейі
4 слайд
29.02.2024ж.
HTML тіліндегі сілтемелер Информатика
10 сынып
5 слайд
Сабақта қолданылатын
терминдер
BODY LINK HTML
HEAD
BODY
TITLE
IMG SRC
HREFA (ANCHOR) C ілтемені
енгізу Сілтеме түсі Міндетті
тегтер
Сілтеме
жолы Сурет енгізу Тақырып
енгізу
6 слайд
HTML тіліндегі сілтемелер
•
Гиперсілтеме ( hyperlink ) локальді дискіде
немесе компьютер желісінде орналасқан
құжат ішіндегі басқа бір элементке (мәтін,
тақырып, сурет т.б) басқа обьектіге сілтеме
беретін гипермәтінді құжаттың бір бөлігі.
•
Сілтеме енгізу үшін А( anchor ) тегі қажет
болады. Сілтеменің қайда жолдайтынын
көрсету үшін тегтің href ( hypertext reference )
атрибуттарын пайдаланамыз.
7 слайд
Гиперс ілтеме тегтерін қолдану
1-мысал
Сілтеме қазақша уикипедия сайтына
апаратын болса HREF атрибутының
“http://kk.wikipedia.org” мәні тең
болады .
Осы тырнақшаның ішіндегі жазу
Қазақша уикипедия сайтының толық
адресі немесе сайтының URL деп
аталады.
<A HREF= http://kk.wikipedia.org >
Қазақша Уикипедияға сілтеме </A>
жазылуы
8 слайд
Гиперс ілтеме тегтерін қолдану
2-мысал
Егер бір беттен екінші
бетке көшу керек болса ,
онда беттің толық адресі
керек емес .
<A HREF= “2-bet.html” >
Екінші бетке өту үшін
басыңыз </A>
жазылуы
9 слайд
Гиперс ілтеме тегтерін қолдану
3-мысал
Гиперсілтеме ретінде сөз тіркесін
ғана емес суреттерді де
пайдалануға болады. Суреттер
мәтін сияқты сілтеме бола алады.
Ол үшін <img > тегі сілтемелерді
анықтайтын <A> тегінің арасында
орналастырады . Осындай суретке
курсорды алып барсақ , ол
курсорды сілтеме мәтінге
бағытталған кездегідей түрге
келеді
<a href=“comp.html”><img
src=“comp.jpg”>
жазылуы
10 слайд
Топтық тапсырма
1-топ .
Дескрипторы :
Гиперсілтеме тегтерін қолдана отырып, сайтқа сілтеме беру программалық кодын
жазады ;
11 слайд
Топтық тапсырма
2-топ
Дескрипторы:
Гиперсілтеме тегтерін қолдана отырып, түйінді сөзге сілтеме беру арқылы басқа
web - бетке ауысудың программалық код жазады ;
12 слайд
Топтық тапсырма
3-топ
Дескрипторы :
Гиперсілтеме тегтерін қолдана отырып, суретке сілтеме беру арқылы басқа web - бетке ауысудың
программалық код жазады ;
13 слайд
Жеке жұмыс .
Компьютермен практикалық жұмыс жасау
(оқулықтағы 128 беттегі 1,2 тапсырмалар)
1-тапсырма . Index.html бетін дайындап , оның ішінде
www.kitap.kz сайтын ашуға «Қазақ тіліндегі кітаптар» атауымен
сілтеме қойыңдар .
2-тапсырма. HTML тілінде қазақ тіліндегі танымал болған 3
сайтқа ауысатын гиперсілтемесі бар бар web- бет құрыңдар.
3-тапсырма . Кітаптар с урет іне сілтеме қою арқылы , осы
суреттегі заттар жайлы ақпарат беретін басқа web- бетке
ауысатын html кодын жазыңдар
Дескриптор:
HTML- де танымал сайттарға гиперсілтемесі бар веб- бет жасайды.
-Веб-беттегі суреттерге сілтеме қояды, басқа веб-бетке ауыстырады.
ҚБ. 1-10 балдық жүйе арқылы бағалау .
14 слайд
Кері байланыс
15 слайд
Үйге тапсырма
Глобус және компьютер с урет теріне сілтеме
қою арқылы , осы суреттегі заттар жайлы
ақпарат беретін басқа web- бетке ауысатын
html кодын жазыңдар (кітаптағы 128 беттегі тапсырма )
16 слайд
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде пәніңізді белгілеп, керек материалды алып сабағыңызға қолдана аласыз