Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Урок по Web програмирование на тему " HTML гиперсылка

Урок по Web програмирование на тему " HTML гиперсылка

Международный конкурс по математике «Поверь в себя»

для учеников 1-11 классов и дошкольников с ЛЮБЫМ уровнем знаний

Задания конкурса по математике «Поверь в себя» разработаны таким образом, чтобы каждый ученик вне зависимости от уровня подготовки смог проявить себя.

К ОПЛАТЕ ЗА ОДНОГО УЧЕНИКА: ВСЕГО 28 РУБ.

Конкурс проходит полностью дистанционно. Это значит, что ребенок сам решает задания, сидя за своим домашним компьютером (по желанию учителя дети могут решать задания и организованно в компьютерном классе).

Подробнее о конкурсе - https://urokimatematiki.ru/


Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика

Название документа Ашык сабак-2014-15 ИС-21.pptx

ИС-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 атрибутының мәні “htt
Описание слайда:

Мысалы сілтеме Қазақша Уикипедияға апаратын болса, 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
Описание слайда:

Название документа Ашык сабак2014-15 ИС21.docx

Поделитесь материалом с коллегами:

hello_html_m453e7a8b.gifҚАЗАҚСТАН РЕСПУБЛИКАСЫ БІЛІМ ЖӘНЕ ҒЫЛЫМ МИНИСТРЛІГІ

Ақтөбе көлік, коммуникация және жаңа технологиялар колледжі



«Экономика және есеп» «Бекітемін»

бірлестік отырысында қаралды Директордың оқу-ісі

Хаттама № __ «__» __ 20_ж жөніндегі орынбасары

Бірлестік жетекшісі __________ Жиенқожаев М.С.

Байбориева Б.К________________ «____» _________ 20__ж.






АШЫҚ САБАҚ ЖОСПАРЫ










Пәні: Web бағдарламалау.


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



Топ:

ИС-21

Өткізілетін күні:

12.11.2014ж

Өткізілетін уақыт:

10-00

Өткізілетін бөлме:

218

Сабақ ұзақтығы:

80 минут

Оқытушы:

Сиалиева У.Ш.




Ақтөбе-2014

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

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

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

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

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


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

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


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

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


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

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


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

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

  • компьютер;

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

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

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





САБАҚТЫҢ БАРЫСЫ

І. ҰЙЫМДАСТЫРУ КЕЗЕҢІ (2 мин)

1.1. Оқушылармен амандасу, олардың сабаққа қатысымдарын тексеру.

1.2. Оқу құралдарына назар аудару.

1.3. Оқушыларды сабақ жоспарымен, барысымен, мазмұнымен таныстыру.

1.4. Тыныс алуға зейін қою. (тренинг)


(Мұғалім: Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тыныс алу жаттығуын жасаймыз. Тыныс алуға зейін қойған кезде, біздің ақылымыз дем алады. Ауаны ішке жұту кезінде тыныштық пен қуаныш қабылдаймыз. Демді сыртқа шығарған кезде өзіміздегі мазасыздықтарды сыртқа шығарамыз.

Кәне, дайындалайық, балалар. Көзімізді жұмамыз...,арқамызды тіктейміз..., қолдарыңды тізеге қоюға болады...


Д е м а л..... ш ы ғ а р... (жаймен 9-10 рет) немесе 1..................2)


ІІ. «ОЙ ТОЛҒАУ» КЕЗЕҢІ. Оқушылардың білімін тексеру. (5 мин)

  1. Белгілеу тіліне қандай тіл жатады?

  2. Гипермәтін дегеніміз не?

  3. Браузер дегеніміз не?

  4. Тег дегеніміз не?

  5. Веб бетке сурет қою үшін қандай тег қолданылады?

  6. Келесі жолға көшу тегі

  7. Кесте қай тег арқылы жасалады?

  8. Кесте тақырыбы қандай тегпен беріледі?

  9. Мәтінді туралау үшін қандай атрибут қолданамыз?

  10. Тізім құру тегі


ІІІ. «ТЕХНИКАЛЫҚ» КЕЗЕҢ Үйге берілген тапсырманы тексеру. (15 мин)

Әр оқушы еркін тақырыпта веб парақ құру

IV. «БІЛІМІҢДІ БАЙҚАП КӨР» КЕЗЕҢІ

Үй тапсырмасын бекіту: (10 мин)

Интерактивті тақтаны қолдана отырып

  • HTML тілінің құрылымын көрсету:

Интернет әлеміне саяхат

Интернет туралы негізгі түсініктер


2.

BGCOLOR=YELLOW BORDERCOLOR=BLUE>

Кесте тақырыбы

кестенің бірінші торы кестенің екінші торы


  • HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)

hello_html_m228c683d.gif

V. «КӘСІБИ» КЕЗЕҢ (30 мин)

Жаңа тақырыпты түсіндіру. «HTML де гиперсілтеме құру»


Бүгінгі сабақта қолданылатын жаңа тегтеріміз:

А (anchor), href (hypertext reference).

(Ағылшын пәнінің оқытушысы ПірзадаеваНесибелі сөздердің жазылуы мен айтылуын түсіндіреді )

Сілтеме локальді дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа объектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі.

Сілтеме енгізу үшін А (anchor) тегі қажет болады. Сілтеменің қайда апаратыны көрсету үшін тегтің href (hypertext reference) атрибутын пайдаланамыз.

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

http://kkk.wikipedia.org” > Қазақша Уикипедияға сілтеме

  • Егер бір беттен екінші бетке көшу керек болса, онда беттің толық адресі керек емес. Мысалы: Екінші бетке көшу үшін басыңыз

  • Егер 2_bet.html беті website бумасында орналасқан болса, ал сілтеме басатын бірінші бетіміз (1_bet.html) буманың сыртында орналасқан болса

Екінші бетке көшу үшін басыңыз

  • Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасауға болады. Ол үшін id атрибутын және # белгісін қолданамыз. Сілтеме беретін элементті id атрибуты арқылы белгілеп аламыз.

Бас тақырып

Енді осы элементке, яғни бас тақырыпқа # белгісі арқылы сілтеме жасаймыз. # белгісі браузерге сілтеменің осы беттің ішінде болатынын хабарлайды. # белгісінен соң біз сілтеме арқылы көшетін тегтің id ын жазамыз. Мысалы

Бас тақырыпқа сілтеме



  • Гиперсілтеме ретінде сөз тіркесін ғана емес суреттерді пайдалануға болады . Суреттер мәтін сияқты сілтеме бола алады. Oл үшін тегі сілтемелерді анықтайтын тегінің арасында орналастырылады. Осындай суретке курсорды алып барсақ, ол курсорды сілтеме мәтінге бағытталған кездегідей түрге келеді.

Мысалы: “comp.jpg” Жолында “comp.jpg” тіркесі гиперсілтеме ретінде кішкене компьютер суретін береді, оны шерту арқылы компьютер туралы мәлімет беретін файлына comp.html ауыстырады.

  • Сонымен бірге дыбысқа да сілтеме жасай аламыз. Мысалы:

sound.wav”> дыбыс


Міндетті деңгей

Веб параққа сурет пен дыбысқа сілтеме құру

дыбыс

сурет

Есерту: дыбыстық файл мен сурет файлы орналасуын анықтау


Лайықты деңгей

Оқу орны туралы веб парақ құру (сурет, сырғымалы жол, гиперсілтемені кірістіру)

Ескерту: колледж тарихы, мамандықтар туралы, колледж жетістіктері парағын дайындап алу керек. (барлық парақтар бір бумада орналасуын ескеру)


Жоғарғы деңгей

Беттің ішінде беттің әр бөлігіне көшіп отыратын сілтемелер жасау (Әр оқушы өзі туралы веб парағын құра отырып, сілтемені бір беттің ішінде орналастыру )

Мазмұны:

І тарау. Өмірбаян

І тарау. Өмірбаян


VI. «ЖЕТІСТІК» КЕЗЕҢІ Жаңа сабақты бекіту. (10 мин)

Тест сұрақтарына жауап беру (тест программасымен орындалады 10 сұрақ беріледі)

ҚОСЫМША АКПАРАТ сілтеме кайда бағытталган?

  1. мәтінге

  2. суретке

  3. сайтқа

  4. барлығы дұрыс

  1. КЕЛЕСІ сілтеме кайда бағытталған?

  1. ДЫБЫСҚА

  2. БЕЙНЕГЕ

  3. ПАРАҚҚА

  4. ПОШТАҒА


  1. Сілтеме түсі


  1. Өтілген сілтеменің түсі


  1. id жэне # белгісін не үшін қолданамыз

  1. келесі бетке өтуге жасалатын сілтеме

  2. бумаға жасалатын сілтеме

  3. бір беттің ішінде жасалатын сілтемелер

  4. дыбысқа жасалатын сілтеме


  1. id атрибутынын мәні неден турады

  1. heading1 сөзінен

  2. кез келген сөзден

  3. саннан

  4. латын әрпінен және саннан


  1. Сілтеменің кайда апаратынын көрсететін атрибут

  1. img

  2. id

  3. href

  4. А


  1. Кай элементке сілтеме беруге болмайды?

  1. Суретке

  2. мәтінге

  3. тақырыпқа

  4. барлығына болады

  1. Кандай белгі браузерге сілтеменің осы беттің ішінде болатынын хабарлайды?

  1. # белгісі

  2. id белгісі

  3. a белгісі

  4. href белгісі


  1. Microsoft компаниясынын Web-парағының алғашкы бетіне көшу

  1. Microsoft

  2. Microsoft

  3. Microsoft


VIІ. СЕРГІТУ КЕЗЕҢІ. Психологиялық тренинг. (3 мин)


«Сиқырлы қобдиша» жаттығуы.

Нұсқау: Қатысушылар шеңбер құра отырады. Ортада сиқырлы қобдиша тұрады. Сыйлықтар – қағазға жазылған адамгершілік қасиеттер.
Жаттығу шарты: Қобдишадан әр қатысушы кезекпен бір сыйлықты таңдап алып, ішінде жазылған сөзді лайықты деп санаған адамға сыйлайды. Сыйлықтар үлестірілгеннен кейін, шеңбер бойынша өзінің сыйлығын айтады.
Рефлексия: сонымен, қоршаған орта да осы қасиетке сізді лайық деп таныса, жеке-жеке қошемет көрсетейік. Сыйлықтарыңыз құтты болсын!

VIІІ. ҚОРЫТЫНДЫ (5 мин)

Бағалау

Үйге тапсырма: Өз тобыңыздың веб парағын құру



РЕФЛЕКСИЯ.

Соңғы тыныштық сәтi.

(Тыныштық... бар жерде, тыныштық... бүкiл әлемде)

- Енді көзімізді жұмып осы сабақта айтылған ойлар мен істерді ой елегінен өткізіп көрейікші.

- Барлық айтылған жақсы ойларды жүрегіміздің түкпіріне апарып орналастырайық.

- Енді көздеріңді аша ғойыңдар. Сабақ аяқталды. Бүгінгі күндеріңіз қуаныш әкелсін!


















Әдебиеттер:

  1. «HTML негіздері» оқу әдістемелік құрал 2012 ж

  2. Полонская Е.П. «Самоучитель HTML»

  3. Мержевич В. «Создание Web страниц»

  4. «HTML в примерах. Как создать свой Web-сайт: Самоучитель» Дригалкин В. В. 2004.














































Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy



Краткое описание документа:

Интернеттің бар мәліметтерінің, яғни барлық Web-құжаттарының бір ортақ қасиеті – олардың барлығы да HTML тілінде жазылған. HTML тілінде Web-құжаттарды жасау программалауға ұқсас болған­мен, ол қарапайым программалау тілі емес. HTML – гипермәтіндік белгілеу тілі. Ол кәдімгі мәтіндерді Web-парақ­тар түрінде бейне­леуге арналған ережелер жиынын анықтайды. Бұл материалда осы HTML тілінде гиперсілтеме құру тақырыбында сабақ жоспары мен слайд берілген.

Автор
Дата добавления 08.07.2015
Раздел Информатика
Подраздел Презентации
Просмотров375
Номер материала 315944
Получить свидетельство о публикации

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

от проекта "Инфоурок" с указанием данных образовательной лицензии, что важно при прохождении аттестации.

Если Вы учитель или воспитатель, то можете прямо сейчас получить документ, подтверждающий Ваши профессиональные компетенции. Выдаваемые дипломы и сертификаты помогут Вам наполнить собственное портфолио и успешно пройти аттестацию.

Список всех тестов можно посмотреть тут - https://infourok.ru/tests

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх