Сабақтың
тақырыбы:
Web-беттегі
гиперсілтемелер
Сабақтың
мақсаты:
Html
сілтеме жасау.
Сабақтың міндеттері: Сайт ішіндегі ішкі сілтемелер,беттің ішіндегі сілтемелер,поштаға сілтеме жасау, суреттегі сілтемені кірістіру.
Білімділік: Алған білімдерін қолдана алуға және өзігінен қабылдай алуға дағдыландыру;
Тәрбиелілік: жеке жұмыс жасауға, жауапкершілікті сезіне білуге, нәтижеге
жетуге ұмтылуға, өзінше ізденімпаздыққа тәрбиелеу.
Дамытушылық:
Оқушылардың ойлау қабілетін, логикасын, мәдениеттілігін дамыту.
Сабақтың түрі: Аралас сабақ.
Сабақта қолданылатын көрнекті құралдар: Компьютер, оқулық, жұмыс дәптері
Сабақтың өту барысы:
1. Оқушыларды ұйымдастыру .
2. Үйге берілген тапсырманы тексеру .
3. Жаңа тақырыпты түсіндіру.
4. Сабақты бекіту.
5. Үйге тапсырма беру.
1. Саламатсыздарма, оқушылар! (оқушыларды отыргызып, түгелдеп, журнал толтырып, жаңа сабакқа дайындығына, оқу құрал-жабдықтарының барына көңіл бөлемін Дәптерлеріңді ашиып, сабқтың тақырыбын жазып алыңдар.
2. Үйге берілген тапсырманы тексеру . Сонымен балалар, үйге қандай тапсырма берілді? Ия, кім дайын? Қайталау сұрақтары:
1. Web бет дегеніміз не?
2. Web бетке графиканы қалай орналастырамыз?
3. Жаңа тақырыпты түсіндіру.
Сілтеме (hyperlink) – локалды дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мəтін, тақырып, сурет жəне т.б.), басқа объектіге сілтеме беретін гипермəтінді құжаттың бір бөлігі. Енді сілтемелердің жасалу жолдарын қарастырайық.
Сілтеме енгізу үшін a (anchor) тегі қажет болады. Сілтеменің қайдаапаратынын көрсету үшін тегтің href (hypertext reference) атрибутынпайдаланамыз. Мысалы, сілтеме Қазақша Уикипедияға апаратын болса, href атрибутының мəні “http://kk.wikipedia.org”тең болады. Осы тырнақшаныңішіндегі жазу Қазақша Уикипедияның толық адресі немесе сайттың URL (Uniform Resource Locator) деп аталады.Сілтеме беру үшін міндетті түрдесайт адресінің алдына мынаны - http:// қосу керек. Одан кейін </a> тегжабылады.
<ahref=«http://kk.wikipedia.org»>ҚазақшаУикипедияғасілтеме</a>
Сурет 38. ҚазақшаУикипедияғасілтеме
Сайт ішіндегі ішкі сілтемелер
Егер бір беттен екінші бетке сілтеме жасау керек болса, онда беттіңтолық адресі (URL) керек емес. Мысалы, сізде бір папкада орналасқан екібет (бірінің аты 1_bet.html екіншісінің аты 2_bet.html) болсын. Бір беттенекіншісіне сілтеме арқылы өту үшін тек сол беттің атын жаза саласыз.
Мысалы:
<a href=«2_bet.html»>Екінші бетке өту үшін басыңыз</a>
Егер осы 2_bet.html беті website деген папканың ішінде орналасқанболса, ал біздің сілтеме басатын бірінші бетіміз (1_bet.html) папканыңсыртында орналасқан болса, онда бетке сілтеме беретін жол былайжазылады.
<a href=«website/2_bet.html»>Екінші бетке өту үшін басыңыз</a>
Беттің ішіндегі сілтемелер
Беттің ішінде беттің əрбір бөлігіне көшіп отыратын сілтемелер жасауғаболады. Ол үшін id атрибутын жəне # белгісін қолданамыз.
Сілтеме беретін элементті id атрибуты арқылы белгілеп аламыз. Мысалы:
<h1 id=«heading1»>Бастақырып</h1>
Ендіосыэлементке, яғнибастақырыпқа# белгісіарқылысілтемежасаймыз. # белгісібраузергесілтеменіңосыбеттіңішіндеболатынынхабарлайды. # белгісіненсоңбізсілтемеарқылыкөшетінтегтіңid-ынжазамыз. Мысалы:
<a href=«#heading1»>Бастақырыпқасілтеме</a>
Поштаға сілтеме жасау
Е-mail адресіне сілтеме жазуда алдыңғы сілтемелер сияқты жүзеге асырылады. Мысалы:
<a href=«mailto:info@zhanaoi.kz»>info@zhanaoi.kz поштасына хат жіберу </a>
Бұл жерде сайтқа сілтемеден айырмашылығы http:// орнына mailto: жазылады.
Сурет 39. Поштаға сілтеме
Суреттегі сілтеме
<html>
<head>
<title>Суреттегісілтеме</title>
</head>
<body>
<a href=«http://kk.wikipedia.org»>
<img src=«wiki.jpg» alt=«ҚазақшаУикипедияғасілтеме» width=«200»
height=«70»/>
</a>
</body>
</html>
<ahref=«bas_bet.html»></a>тегісайттыңішіндегібасбеткесілтемежасайды. Яғнисуреттіңүстінекурсорбасылғанда, сілтемебойыншабасбеташылады.
Сурет 40. Суреттегісілтеме
4. Сабакты бекіту.
Сұрақтар:
1. Сілтеме дегеніміз не?
2. Сілтемені қалай жасаймыз?
3. Беттің ішіндегі сілтеме деп нені айтамыз?
Үйге тапсырма: Web-беттегі гиперсілтемелер оқу, мазмұндау.
Рабочие листы
к вашим урокам
Скачать
6 668 454 материала в базе
Настоящий материал опубликован пользователем Базарбаева Жанаргуль Досумбаевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.