Html тіліндегі сілтемелер

#1 слайд
Ашық сабақ 10-сынып Информатика пәні Пән мұғалімі: К.Жексенбаева

1 слайд

#2 слайд
Үй тапсырмасын сұрау «Серпілген сауал» әдісі. 1.HTML тегтер дегеніміз не 2. HTML тіліндегі міндетті тегтер? 3. Кесте құру тегтері ? 4. Мәтінді келесі жолға көшіру тегі? 5. Суретті кірістіру тегі ? ҚБ. Мадақтау «Жарайсың, керемет, жақсы» HTML тілінде қолданылатын командалар Html,head,body Table,tr,th img scr br (жұпсыз)

2 слайд

#3 слайд
Ой шақыру WEB с айттың таныма лдылығ ына не әсер етеді ? : • 1. Дизайны • Жоспарлануы • Ақпараттың құндылығы • Интерфейстің жоғарлығы • Программалау элементтерінің жоғары деңгейі

3 слайд

#4 слайд
29.02.2024ж. HTML тіліндегі сілтемелер Информатика 10 сынып

4 слайд

#5 слайд
Сабақта қолданылатын терминдер BODY LINK HTML HEAD BODY TITLE IMG SRC HREFA (ANCHOR) C ілтемені енгізу Сілтеме түсі Міндетті тегтер Сілтеме жолы Сурет енгізу Тақырып енгізу

5 слайд

#6 слайд
HTML тіліндегі сілтемелер • Гиперсілтеме ( hyperlink ) локальді дискіде немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа обьектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі. • Сілтеме енгізу үшін А( anchor ) тегі қажет болады. Сілтеменің қайда жолдайтынын көрсету үшін тегтің href ( hypertext reference ) атрибуттарын пайдаланамыз.

6 слайд

#7 слайд
Гиперс ілтеме тегтерін қолдану 1-мысал Сілтеме қазақша уикипедия сайтына апаратын болса HREF атрибутының “http://kk.wikipedia.org” мәні тең болады . Осы тырнақшаның ішіндегі жазу Қазақша уикипедия сайтының толық адресі немесе сайтының URL деп аталады. <A HREF= http://kk.wikipedia.org > Қазақша Уикипедияға сілтеме </A> жазылуы

7 слайд

#8 слайд
Гиперс ілтеме тегтерін қолдану 2-мысал Егер бір беттен екінші бетке көшу керек болса , онда беттің толық адресі керек емес . <A HREF= “2-bet.html” > Екінші бетке өту үшін басыңыз </A> жазылуы

8 слайд

#9 слайд
Гиперс ілтеме тегтерін қолдану 3-мысал Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді де пайдалануға болады. Суреттер мәтін сияқты сілтеме бола алады. Ол үшін <img > тегі сілтемелерді анықтайтын <A> тегінің арасында орналастырады . Осындай суретке курсорды алып барсақ , ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді <a href=“comp.html”><img src=“comp.jpg”> жазылуы

9 слайд

#10 слайд
Топтық тапсырма 1-топ . Дескрипторы : Гиперсілтеме тегтерін қолдана отырып, сайтқа сілтеме беру программалық кодын жазады ;

10 слайд

#11 слайд
Топтық тапсырма 2-топ Дескрипторы: Гиперсілтеме тегтерін қолдана отырып, түйінді сөзге сілтеме беру арқылы басқа web - бетке ауысудың программалық код жазады ;

11 слайд

#12 слайд
Топтық тапсырма 3-топ Дескрипторы : Гиперсілтеме тегтерін қолдана отырып, суретке сілтеме беру арқылы басқа web - бетке ауысудың программалық код жазады ;

12 слайд

#13 слайд
Жеке жұмыс . Компьютермен практикалық жұмыс жасау (оқулықтағы 128 беттегі 1,2 тапсырмалар) 1-тапсырма . Index.html бетін дайындап , оның ішінде www.kitap.kz сайтын ашуға «Қазақ тіліндегі кітаптар» атауымен сілтеме қойыңдар . 2-тапсырма. HTML тілінде қазақ тіліндегі танымал болған 3 сайтқа ауысатын гиперсілтемесі бар бар web- бет құрыңдар. 3-тапсырма . Кітаптар с урет іне сілтеме қою арқылы , осы суреттегі заттар жайлы ақпарат беретін басқа web- бетке ауысатын html кодын жазыңдар Дескриптор: HTML- де танымал сайттарға гиперсілтемесі бар веб- бет жасайды. -Веб-беттегі суреттерге сілтеме қояды, басқа веб-бетке ауыстырады. ҚБ. 1-10 балдық жүйе арқылы бағалау .

13 слайд

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

14 слайд

#15 слайд
Үйге тапсырма Глобус және компьютер с урет теріне сілтеме қою арқылы , осы суреттегі заттар жайлы ақпарат беретін басқа web- бетке ауысатын html кодын жазыңдар (кітаптағы 128 беттегі тапсырма )

15 слайд

#16 слайд

16 слайд