Главная / Информатика / Презентация по информатике на тему HTML-де гиперсілтеме

Презентация по информатике на тему HTML-де гиперсілтеме

ИС-21 тобы Web бағдарламалау. 12.11.2014ж
Сабақтың құрылымы: І кезең: Ұйымдастыру ІІ кезең: «Ой толғау» кезеңі 	 Оқушыл...
Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тын...
ІІ. «Ой толғау» кезеңі. Оқушылардың білімін тексеру. Белгілеу тіліне қандай т...
ІІІ кезең: «Техникалық» кезең Үйге берілген тапсырманы тексеру
IV. «Біліміңді байқап көр» кезеңі Үй тапсырмасын бекіту: Интерактивті тақтаны...
HTML ТІЛІНІҢ ҚҰРЫЛЫМЫН КӨРСЕТУ 1.    Интернет туралы негізгі  түсініктер   Ин...
HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)          КЕСТ...
Мақсаты: Білімділік: гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне...
А (ANCHOR), HREF (HYPERTEXT REFERENCE).
ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ? Гиперсілтеме (hyperlink) локальді дискте немесе ко...
Мысалы сілтеме Қазақша Уикипедияға апаратын болса, HREF атрибутының мәні “htt...
Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі кере...
Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол...
Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . С...
 Сілтеме түсі  Өтілген сілтеменің түсі
ЖАҢА САБАҚТЫ БЕКІТУ . МІНДЕТТІ ДЕҢГЕЙ Веб параққа сурет пен дыбысқа сілтеме қ...
СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. «Сиқырлы қобдиша» жаттығуы.
ҚОРЫТЫНДЫ Үиге тапсырма Өз тобыңыздың веб парағын құру 	БАҒАЛАУ 	ОҚУШЫЛАРДЫҢ...
Сабақ аяқталды. Бүгінгі күндеріңіз, қуаныш әкелсін!
1 из 21

Описание презентации по отдельным слайдам:

№ слайда 1 ИС-21 тобы Web бағдарламалау. 12.11.2014ж
Описание слайда:

ИС-21 тобы Web бағдарламалау. 12.11.2014ж

№ слайда 2 Сабақтың құрылымы: І кезең: Ұйымдастыру ІІ кезең: «Ой толғау» кезеңі 	 Оқушылард
Описание слайда:

Сабақтың құрылымы: І кезең: Ұйымдастыру ІІ кезең: «Ой толғау» кезеңі Оқушылардың білімін тексеру ІІІ кезең: «Техникалық» кезең Үйге берілген тапсырманы тексеру ІV кезең: «Біліміңді байқап көр» кезеңі Үй тапсырмасын бекіту V кезең: «Кәсіби» кезең Жаңа сабақты түсіндіру және тапсырма орындау VI кезең: «Жетістік» кезеңі Жаңа сабақты бекіту VIІ кезең: Сергіту кезеңі VIІІ кезең: Қорытынды кезеңі

№ слайда 3 Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тыныс
Описание слайда:

Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тыныс алу жаттығуын жасаймыз. Тыныс алуға зейін қойған кезде, біздің ақылымыз дем алады. Ауаны ішке жұту кезінде тыныштық пен қуаныш қабылдаймыз. Демді сыртқа шығарған кезде өзіміздегі мазасыздықтарды сыртқа шығарамыз. Кәне, дайындалайық, балалар. Көзімізді жұмамыз...,арқамызды тіктейміз..., қолдарыңды тізеге қоюға болады... Д е м а л..... ш ы ғ а р... (жаймен 9-10 рет) немесе 1..................2) Тыныс алуға зейін қою. (тренинг)

№ слайда 4 ІІ. «Ой толғау» кезеңі. Оқушылардың білімін тексеру. Белгілеу тіліне қандай тіл
Описание слайда:

ІІ. «Ой толғау» кезеңі. Оқушылардың білімін тексеру. Белгілеу тіліне қандай тіл жатады? Гипермәтін дегеніміз не? Браузер дегеніміз не? Тег дегеніміз не? Веб бетке сурет қою үшін қандай тег қолданылады? Келесі жолға көшу тегі Кесте қай тег арқылы жасалады? Кесте тақырыбы қандай тегпен беріледі? Мәтінді туралау үшін қандай атрибут қолданамыз? Тізім құру тегі

№ слайда 5 ІІІ кезең: «Техникалық» кезең Үйге берілген тапсырманы тексеру
Описание слайда:

ІІІ кезең: «Техникалық» кезең Үйге берілген тапсырманы тексеру

№ слайда 6 IV. «Біліміңді байқап көр» кезеңі Үй тапсырмасын бекіту: Интерактивті тақтаны қо
Описание слайда:

IV. «Біліміңді байқап көр» кезеңі Үй тапсырмасын бекіту: Интерактивті тақтаны қолдана отырып HTML тілінің құрылымын көрсету HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)

№ слайда 7 HTML ТІЛІНІҢ ҚҰРЫЛЫМЫН КӨРСЕТУ 1.    Интернет туралы негізгі  түсініктер   Интер
Описание слайда:

HTML ТІЛІНІҢ ҚҰРЫЛЫМЫН КӨРСЕТУ 1. <HTML> </HTML> <HEAD> </TITLE>Интернет туралы негізгі <BODY> түсініктер </HEAD> </BODY> <TITLE>Интернет әлеміне саяхат 2. <TD> кестенің екінші торы </TD></TR><TR><TD> кестенің бірінші торы </TD> </TABLE><CAPTION><H2> Кесте тақырыбы </H2></CAPTION> <TABLE ALIGN=CENTER BORDER=3 WIDTH=”80%” BGCOLOR=YELLOW BORDERCOLOR=BLUE>

№ слайда 8 HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)          КЕСТЕ Қ
Описание слайда:

HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша) <IMG SRC> <TABLE> <TR> <TH> <TD> <CAPTION> <UL> <LI> <OL> КЕСТЕ ҚҰРУТЕГТЕРІ: ТІЗІМ ҚҰРУ ТЕГТЕРІ: ГРАФИКА ҚҰРУТЕГТЕРІ

№ слайда 9 Мақсаты: Білімділік: гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне ан
Описание слайда:

Мақсаты: Білімділік: гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне анықтама беру; гиперсілтеме орындалуын корсету; алған білімді тәжірибе жүзінде пайдалана білу. Дамытушылық: кәсіптік қызығушылықты дамыту; логикалық ойлау қабілеттерін дамыта білу; ойын нақты және жан – жақты жетілдіру. Тәрбиелік: болашақ маман ретінде жауапкершілік сезімдерін ояту; өз бетімен ойларын нақты жеткізе білуге қалыптастыру.   «Кәсіби» кезең Жаңа тақырып: «HTMLде гиперсілтеме құру»

№ слайда 10 А (ANCHOR), HREF (HYPERTEXT REFERENCE).
Описание слайда:

А (ANCHOR), HREF (HYPERTEXT REFERENCE).

№ слайда 11 ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ? Гиперсілтеме (hyperlink) локальді дискте немесе компь
Описание слайда:

ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ? Гиперсілтеме (hyperlink) локальді дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа объектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі. Сілтеме енгізу үшін А (anchor) тегі қажет болады. Сілтеменің қайда апаратыны көрсету үшін тегтің href (hypertext reference) атрибутын пайдаланамыз.

№ слайда 12 Мысалы сілтеме Қазақша Уикипедияға апаратын болса, HREF атрибутының мәні “http:/
Описание слайда:

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

№ слайда 13 Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі керек е
Описание слайда:

Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі керек емес. Мысалы: <A HREF= “2_bet.html” > Екінші бетке көшу үшін басыңыз </A> Егер 2_bet.html беті website бумасында орналасқан болса, ал сілтеме басатын бірінші бетіміз (1_bet.html) буманың сыртында орналасқан болса <A HREF= “ website /2_bet.html” > Екінші бетке көшу үшін басыңыз </A>

№ слайда 14 Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол үш
Описание слайда:

Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол үшін id атрибутын және # белгісін қолданамыз. Сілтеме беретін элементті id атрибуты арқылы белгілеп аламыз. <h1 id=”heading1”> Бас тақырып</h1> Енді осы элементке, яғни бас тақырыпқа # белгісі арқылы сілтеме жасаймыз. # белгісі браузерге сілтеменің осы беттің ішінде болатынын хабарлайды. # белгісінен соң біз сілтеме арқылы көшетін тегтің id ын жазамыз. Мысалы <a href=”#heading1”> Бас тақырыпқа сілтеме </a>

№ слайда 15 Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суре
Описание слайда:

Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суреттер мәтін сияқты сілтеме бола алады. Oл үшін <IMG…> тегі сілтемелерді анықтайтын <A> тегінің арасында орналастырылады. Осындай суретке курсорды алып барсақ, ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді. Мысалы: <A HREF= “ comp.html ”> <IMG SRC= “comp.jpg”> </A> Жолында <IMG SRC= “comp.jpg” > тіркесі гиперсілтеме ретінде кішкене компьютер суретін береді, оны шерту арқылы компьютер туралы мәлімет беретін файлына comp.html ауыстырады. Сонымен бірге дыбысқа да сілтеме жасай аламыз. Мысалы: <A href=“ sound.wav”> дыбыс</A>

№ слайда 16  Сілтеме түсі  Өтілген сілтеменің түсі
Описание слайда:

<BODY LINK=«#SSSSSS»> Сілтеме түсі <BODY VLINK=«#SSSSSS»> Өтілген сілтеменің түсі

№ слайда 17 ЖАҢА САБАҚТЫ БЕКІТУ . МІНДЕТТІ ДЕҢГЕЙ Веб параққа сурет пен дыбысқа сілтеме құру
Описание слайда:

ЖАҢА САБАҚТЫ БЕКІТУ . МІНДЕТТІ ДЕҢГЕЙ Веб параққа сурет пен дыбысқа сілтеме құру <A href="*.wav"> дыбыс</A> <A href="*.jpg"> сурет</A> Есерту: дыбыстық файл мен сурет файлы орналасуын анықтау ЛАЙЫҚТЫ ДЕҢГЕЙ Оқу орны туралы веб парақ құру (сурет, сырғымалы жол, гиперсілтемені кірістіру) Ескерту: колледж тарихы, мамандықтар туралы, колледж жетістіктері парағын дайындап алу керек. (барлық парақтар бір бумада орналасуын ескеру) ЖОҒАРҒЫ ДЕҢГЕЙ Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасау (Әр оқушы өзі туралы веб парағын құра отырып, сілтемені бір беттің ішінде орналастыру ) <H1> Мазмұны:<H1> <P><A href="#1"> І тарау. Өмірбаян </A><BR> <H2 id="1"> І тарау. Өмірбаян</H2>

№ слайда 18 СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. «Сиқырлы қобдиша» жаттығуы.
Описание слайда:

СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. «Сиқырлы қобдиша» жаттығуы.

№ слайда 19 ҚОРЫТЫНДЫ Үиге тапсырма Өз тобыңыздың веб парағын құру 	БАҒАЛАУ 	ОҚУШЫЛАРДЫҢ СҰ
Описание слайда:

ҚОРЫТЫНДЫ Үиге тапсырма Өз тобыңыздың веб парағын құру БАҒАЛАУ ОҚУШЫЛАРДЫҢ СҰРАҚТАРЫНА ЖАУАП БЕРУ. Рефлексия. Соңғы тыныштық сәтi. (Тыныштық... бар жерде, тыныштық... бүкiл әлемде) - Енді көзімізді жұмып осы сабақта айтылған ойлар мен істерді ой елегінен өткізіп көрейікші. - Барлық айтылған жақсы ойларды жүрегіміздің түкпіріне апарып орналастырайық. - Енді көздеріңді аша ғойыңдар. Сабақ аяқталды. Бүгінгі күндеріңіз қуаныш әкелсін!  

№ слайда 20 Сабақ аяқталды. Бүгінгі күндеріңіз, қуаныш әкелсін!
Описание слайда:

Сабақ аяқталды. Бүгінгі күндеріңіз, қуаныш әкелсін!

№ слайда 21
Описание слайда:

Презентация по информатике на тему HTML-де гиперсілтеме
  • Информатика
Описание:

Тақырыбы: «HTML де гиперсілтеме құру»

Сабақтың мақсаты:

Білімділік:гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне анықтама беру, гиперсілтеме орындалуын корсету, алған білімді тәжірибе жүзінде пайдалана білу.

Дамытушылық: кәсіптік қызығушылықты дамыту, логикалық ойлау қабілеттерін дамыта білу, ойын нақты және жан – жақты жетілдіру.

Тәрбиелік:болашақ маман ретінде жауапкершілік сезімдерін ояту, өз бетімен ойларын нақты жеткізе білуге қалыптастыру.

Сабақтың түрі:тәжірибелік, ақпараттық хабарлау, жаңа сабақты меңгерту,

кіріктірілген сабақ

Оқыту әдістемесі:

индукция әдісі арқылы интерактивті оқыту қолдана отырып өткен тақырыптарды жүйелі қамту, саралап - деңгейлеп оқыту

Пәнаралық байланыс:

- «Ағылшын», «Ақпараттық ресурстар».

Сабақтың материалды- техникалық жабдықталуы:

Көрнекілік құралдары:

ü компьютер;

ü интерактивті тақта;

ü тест бағдарламасы;

ü үлестірмелі материалдар

Автор Сиалиева Улбосын Шарапатовна
Дата добавления 26.10.2015
Раздел Информатика
Подраздел Презентации
Просмотров 568
Номер материала MA-061717
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓