Рабочие листы
к вашим урокам
Скачать
1 слайд
ИС-21 тобы
Web бағдарламалау.
12.11.2014ж
2 слайд
Сабақтың құрылымы:
І кезең: Ұйымдастыру
ІІ кезең: «Ой толғау» кезеңі
Оқушылардың білімін тексеру
ІІІ кезең: «Техникалық» кезең
Үйге берілген тапсырманы тексеру
ІV кезең: «Біліміңді байқап көр» кезеңі
Үй тапсырмасын бекіту
V кезең: «Кәсіби» кезең
Жаңа сабақты түсіндіру және тапсырма орындау
VI кезең: «Жетістік» кезеңі Жаңа сабақты бекіту
VIІ кезең: Сергіту кезеңі
VIІІ кезең: Қорытынды кезеңі
3 слайд
Сіздерден аяқ-қолыңызды айқастырмай, түзу отыруыңызды өтінемін. Біз қазір тыныс алу жаттығуын жасаймыз. Тыныс алуға зейін қойған кезде, біздің ақылымыз дем алады. Ауаны ішке жұту кезінде тыныштық пен қуаныш қабылдаймыз. Демді сыртқа шығарған кезде өзіміздегі мазасыздықтарды сыртқа шығарамыз.
Кәне, дайындалайық, балалар. Көзімізді жұмамыз...,арқамызды тіктейміз..., қолдарыңды тізеге қоюға болады...
Д е м а л..... ш ы ғ а р... (жаймен 9-10 рет) немесе 1..................2)
Тыныс алуға зейін қою. (тренинг)
4 слайд
ІІ. «Ой толғау» кезеңі. Оқушылардың білімін тексеру.
Белгілеу тіліне қандай тіл жатады?
Гипермәтін дегеніміз не?
Браузер дегеніміз не?
Тег дегеніміз не?
Веб бетке сурет қою үшін қандай тег қолданылады?
Келесі жолға көшу тегі
Кесте қай тег арқылы жасалады?
Кесте тақырыбы қандай тегпен беріледі?
Мәтінді туралау үшін қандай атрибут қолданамыз?
Тізім құру тегі
5 слайд
ІІІ кезең: «Техникалық» кезең
Үйге берілген тапсырманы тексеру
6 слайд
IV. «Біліміңді байқап көр» кезеңі
Үй тапсырмасын бекіту:
Интерактивті тақтаны қолдана отырып
HTML тілінің құрылымын көрсету
HTML тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)
7 слайд
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 тегтерін топтау (Пішімдеу, графика, кесте, тізім бойынша)
<IMG SRC>
<TABLE>
<TR>
<TH>
<TD>
<CAPTION>
<UL>
<LI>
<OL>
9 слайд
Мақсаты:
Білімділік:
гиперсілтеме туралы түсінік беру;
гиперсілтеме тегтеріне анықтама беру;
гиперсілтеме орындалуын корсету;
алған білімді тәжірибе жүзінде пайдалана білу.
Дамытушылық:
кәсіптік қызығушылықты дамыту;
логикалық ойлау қабілеттерін дамыта білу;
ойын нақты және жан – жақты жетілдіру.
Тәрбиелік:
болашақ маман ретінде жауапкершілік сезімдерін ояту;
өз бетімен ойларын нақты жеткізе білуге қалыптастыру.
«Кәсіби» кезең
Жаңа тақырып:
«HTMLде гиперсілтеме құру»
10 слайд
А (ANCHOR),
HREF (HYPERTEXT REFERENCE).
11 слайд
ГИПЕРСІЛТЕМЕ ДЕГЕНІМІЗ НЕ?
Гиперсілтеме (hyperlink) локальді дискте немесе компьютер желісінде орналасқан құжат ішіндегі басқа бір элементке (мәтін, тақырып, сурет т.б) басқа объектіге сілтеме беретін гипермәтінді құжаттың бір бөлігі.
Сілтеме енгізу үшін А (anchor) тегі қажет болады. Сілтеменің қайда апаратыны көрсету үшін тегтің href (hypertext reference) атрибутын пайдаланамыз.
12 слайд
Мысалы сілтеме Қазақша Уикипедияға апаратын болса, 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 слайд
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 де гиперсілтеме құру»Сабақтың мақсаты:Білімділік:гиперсілтеме туралы түсінік беру; гиперсілтеме тегтеріне анықтама беру, гиперсілтеме орындалуын корсету, алған білімді тәжірибе жүзінде пайдалана білу.Дамытушылық: кәсіптік қызығушылықты дамыту, логикалық ойлау қабілеттерін дамыта білу, ойын нақты және жан – жақты жетілдіру.Тәрбиелік:болашақ маман ретінде жауапкершілік сезімдерін ояту, өз бетімен ойларын нақты жеткізе білуге қалыптастыру.Сабақтың түрі:тәжірибелік, ақпараттық хабарлау, жаңа сабақты меңгерту, кіріктірілген сабақОқыту әдістемесі: индукция әдісі арқылы интерактивті оқыту қолдана отырып өткен тақырыптарды жүйелі қамту, саралап - деңгейлеп оқыту Пәнаралық байланыс: - «Ағылшын», «Ақпараттық ресурстар».Сабақтың материалды- техникалық жабдықталуы:Көрнекілік құралдары:ü компьютер;ü интерактивті тақта;ü тест бағдарламасы;ü үлестірмелі материалдар
6 625 828 материалов в базе
Настоящий материал опубликован пользователем Евстратова Любовь Андреевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
5 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.