Гиперсілтеме (сілтеме) жасау
1) Гиперсілтемелерді құрған кезде атрибуты HREF міндетті түрде қажет. Оның мәні сол сілтеме көрсетіп тұрған файл атына немесе оның URL адресінен табылады. Сілтеме мәтін … тегінің арасында орналасады . Сілтеме сөз броузерде бейнеленген кезде көбінесе оның асты сызылып, көк түспен белгіленеді. Сол сілтеме сөзінің үстіне курсорды қойып тышқанмен шерту көрсетілген файлға немесе бойындағы URL адреске көшуге қамтамасыз етеді . Гипермәтіндік сілтілемелер адрестің өзге кез-келген файлды немесе адреске сәйкес Web-парақты көрсетуі мүмкін.
Төмендегі жол иттер туралы мәлімет Экранға итттер туралы мәлімет деген сөз шығады . Сөзге курсорды бағыттап оны шерту бумадағы сурет салынған dog. jpg файлына көшу ісін атайды. Егер сілтеме көрсетіп тұрған Web парақ басқа бір Web сайтқа орналасқан болса онда HREF атрибуты мәні ретінде сол құжаттың URL адресі толық пайдаланылады. Оның ішіне хаттаманың атауының Web сайтының адресіне кіреді . Осындай сілтемелер сыртқы сілтеме деп аталады Microsoft Экранға Microsoft сөзін шығарып оны шерту арқылы интернет желісіндегі желісіндегі Microsoft компаниясының Web-парағының алғашқы бетіне көшуді қамтамасыз етеді . Егер сілтеме сол Web-сайтының басқа парағын көрсетін болса онда құжаттың тек салыстырмалы жолын беруге болады . Мұндайда ішкі сілтеме құрылады. Ішкі сілтемелерді қолданған қолайлырақ. Себебі Web-сайтты басқа серверге ауыстырған кезде жеке құжаттар адресіне өзгеріс енгізу талап етілмейді.
2) Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суреттер мәтін сияқты сілтеме бола алады. Oл үшін тегі сілтемелерді анықтайтын тегінің арасында орналастырылады. Осындай суретке курсорды алып барсақ, ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді. Осы тәсіл арқылы Web- парақтарда олардың бірінің-біріне ауысуының графикалық батырмалары жасалады,
Мысалы: Жолында тіркесі гиперсілтеме ретінде кішкене ит суретін береді, оны шерту арқылы иттер туралы мәлімет беретін файлына dog.htm ауыстырады.
Бұл программа фрагменті 2.htm файлындағы AAA сөзіне көшіреді.
Ал егер көріп отырған мәтін ішіндегі басқа бір 1.1 тіркесіне көшу үшін
Ескерту: Орнатылған анкерге сілтеме орналастыру үшін URL адресінен кейін # (диез ) таңбасымен бөлінген анкер атауы көрсетілуі керек. 1құжат ішіндегі анкер алдына адрес жазылмайды.
Тақырып
1.1 бірінші абзац
Егер файл басы емес оның мәтінің ішіндегі басқа бір қажетті орынға көшу керек болса, онда сол орынға алдын-ала анкер орнатамыз
1.2 екінші абзац
Егер сілтеме сол Web парақтың басқа парағын көрсететін болса, онда құжаттың тек салыстырмалы жол беруге болады.
3.1 Үшінші абзац
Мұндайда HREF=”#…” атрибутына қосымша NAME=”…” атрибутын пайдалану керек. Ол тек латын әріптерінен, сандарынан тұрады да, олардың ішінде бос орын таңбасы болмауы керек, бірақ соңғы броузерлер орыс-қазақ әріптерін ала береді.
HTML де гиперсілтеме құру
Білімділік: гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне анықтама беру, гиперсілтеме орындалуын корсету, алған білімді тәжірибе жүзінде пайдалана білу.
Дамытушылық: кәсіптік қызығушылықты дамыту, логикалық ойлау қабілеттерін дамыта білу, ойын нақты және жан – жақты жетілдіру.
Тәрбиелілігі: болашақ маман ретінде жауапкершілік сезімдерін ояту, өз бетімен ойларын нақты жеткізе білуге қалыптастыру.
Сабақтың түрі: тәжірибе
индукция әдісі арқылы интерактивті оқыту қолдана отырып өткен тақырыптарды жүйелі қамту
— «Ағылшын», «Ақпараттық ресурстар»
Сабақтың материалды- техникалық жабдықталуы:
ü үлестірмелі материалдар
І. ҰЙЫМДАСТЫРУ КЕЗЕҢІ ( 2 мин )
Оқушылармен амандасып, сабаққа қатысымдарын тексеру.
ІІ. «ОЙ ТОЛҒАУ» КЕЗЕҢІ. Оқушылардың білімін тексеру. (5 мин)
1. Белгілеу тіліне қандай тіл жатады?
2. Гипермәтін дегеніміз не?
5. Веб бетке сурет қою үшін қандай тег қолданылады?
7. Кесте қай тег арқылы жасалады?
8. Кесте тақырыбы қандай тегпен беріледі?
9. Мәтінді туралау үшін қандай атрибут қолданамыз?
ІІІ. «ТЕХНИКАЛЫҚ» КЕЗЕҢ Үйге берілген тапсырманы тексеру. (15 мин)
Әр оқушы еркін тақырыпта веб парақ құру
IV. «БІЛІМІҢДІ БАЙҚАП КӨР» КЕЗЕҢІ
Үй тапсырмасын бекіту: (10 мин)
Интерактивті тақтаны қолдана отырып
v HTML тілінің құрылымын көрсету
v HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)
V. «КӘСІБИ» КЕЗЕҢ (30 мин)
Жаңа тақырыпты түсіндіру. «HTML де гиперсілтеме құру»
Сілтеме локальді дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа объектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі.
Сілтеме енгізу үшін А (anchor) тегі қажет болады. Сілтеменің қайда апаратыны көрсету үшін тегтің href (hypertext reference) атрибутын пайдаланамыз.
§ Мысалы сілтеме Қазақша Уикипедияға апаратын болса, HREF атрибутының мәні “ http://kkk.wikipedia.org ” тең болады. Осы тырнақшаның ішіндегі жазу Қазақша Уикипедияның толық адресі немесе сайттың URL деп аталады.
§ Егер 2_bet.html беті website бумасында орналасқан болса, ал сілтеме басатын бірінші бетіміз (1_bet.html) буманың сыртында орналасқан болса
§ Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол үшін id атрибутын және # белгісін қолданамыз. Сілтеме беретін элементті id атрибуты арқылы белгілеп аламыз.
Енді осы элементке, яғни бас тақырыпқа # белгісі арқылы сілтеме жасаймыз. # белгісі браузерге сілтеменің осы беттің ішінде болатынын хабарлайды. # белгісінен соң біз сілтеме арқылы көшетін тегтің id ын жазамыз. Мысалы
Бас тақырыпқа сілтеме
§ Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суреттер мәтін сияқты сілтеме бола алады. Oл үшін тегі сілтемелерді анықтайтын тегінің арасында орналастырылады. Осындай суретке курсорды алып барсақ, ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді.
Мысалы: Жолында тіркесі гиперсілтеме ретінде кішкене компьютер суретін береді, оны шерту арқылы компьютер туралы мәлімет беретін файлына comp.html ауыстырады.
§ Сонымен бірге дыбысқа да сілтеме жасай аламыз. Мысалы:
Веб параққа сурет пен дыбысқа сілтеме құру
Есерту: дыбыстық файл мен сурет файлы орналасуын анықтау
Тапсырма 2 Оқу орны туралы веб парақ құру (сурет, сырғымалы жол, гиперсілтемені кірістіру)
Ескерту: колледж тарихы, мамандықтар туралы, колледж жетістіктері парағын дайындап алу керек. (барлық парақтар бір бумада орналасуын ескеру)
Тапсырма 3 Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасау (Әр оқушы өзі туралы веб парағын құра отырып, сілтемені бір беттің ішінде орналастыру )
Мазмұны:
І тарау. Өмірбаян
VI. «ЖЕТІСТІК» КЕЗЕҢІ Жаңа сабақты бекіту. (10 мин)
Тест сұрақтарына жауап беру(тест программасымен орындалады 10 сұрақ беріледі)
2. КЕЛЕСІ сілтеме кайда ба ғ ыттал ғ ан?