1 кезең: Ұйымдастыру
кезеңі оқушылардың сабаққа дайындығын тексеру,
назарын сабаққа аудару;
2 кезең:
«Who's
Faster?»
https://play.kahoot.it/#/?quizId=a97657bb-f4f9-4795-8610-847ed9d3dda5
3
кезең: «Бірлес, ойлан, түсіндір
...»
Оқушылар үйге берілген
тапсырма бойынша флипчарттарын топпен
қорғайды.
Тапсырманың орындалу
шарты:
Әрбір топқа фирма атауы
берілген болатын. Мысалы, NIS компаниясы өз сайттарының иерархиялық
моделін /дизайнын/ құруы тиіс (сайт талаптарын ескере отырып).
Басқа топтарда дәл осы үлгіде.

Мұғалім сөзі: Сонымен балалар
веб – сайттарды жасау үшін бізге не қажет?
Оқушылар жауабы:
программа
Мұғалім сөзі: Интернетте
электрондық құжат құру үшін HTML арнайы тілі
пайдаланылады.
4 кезең: «Гипертексті
технология. HTML тілі»
Сабақ
мақсаты:
HTML тілі не үшін
қажет?
HTML – (Hypertext Markup
Language - “гипермәтін белгілеу тілі”) — интернет желісінде веб
беттерді жасауға арналған белгілеу
тілі

HTML
құжатының құрылымы:
1)барлық
құжат <HTML> тегімен басталады
да, </HTML> сәйкес тегімен аяқталады. Бұл
тегтер жұбы – броузерге HTML құжаты екендігін
хабарлайды;
2)HTML құжаты тақырыптар
бөлімінен және құжаттың денесінен тұрады. Тақырыптар
бөлімі <HEAD>
және </HEAD> - тегтерінен тұрады, мұнда
құжат туралы мәлімет көрстеіледі;
3)<TITLE>
және </TITLE> тегтері тақырыптар бөлімінің
ішінде орналасады және мұнда құжаттың арнайы тақырыбы
орналасады;
4)Негізгі мәтін құжаттың
денесінде көрсетіледі және ол <BODY>,
</BODY> тегтерінің аралығында
орналасады.
Осы төрт тег – HTML
құжатының негізгі құрылымын білдіреді және бұл
тегтер HTML тіліндегі барлық құжатта міндетті түрде
көрсетіледі.
Мысалы:
1)Блокнот программасын
жүктеңіз;
2)Шыққан сұхбаттық терезеде
мына қатарларды теріңіз:
<HTML>
<HEAD>
<TITLE>
Моя первая Web –
страница </TITLE>
<HEAD>
<BODY>
Это – моя первая Web-страница
</BODY>
</HTML>
5)HTML тілінде құжаттың ішкі
тақырыбын алты түрлі тәсілмен беруге болады және
олар <H1>, </H1>,
<H6>, </H6> тегтерінің көмегімен
жазылады;
6)<P> ,
</P> тегтері абзацтың басы және
соңы екендігін білдіреді;
7)<HR> - тегі көлденең сызық сызады
және ол парсыз тег болып табылады;
8)<BR
/> - қатардың аяқталуы. Келесі
қатар жаңа азат жолдан басталады;
9)<I>,
</I> - мәтін курсивпен
жазылады;
10)<STRONG>,
</STRONG> немесе
<B>,
</B> - жартылай қалыңдатыла
жазылған шрифт;
13)егер абзацсыз жаңа қатарға
өту қажет болса <BR> тегі
қолданылады;
5 кезең:
ЖАҢА САБАҚТЫ
БЕКІТУ.
№1 тапсырма -
«Домино»

№ 2 тапсырма - Оnline
интерактивті тапсырманы
орындаңыз
http://learningapps.org/138127
6 кезең: №1 практикалық тапсырма /жеке
жұмыс/
Орындалу шарты: оқушылар Блокнот
бағдарламасында веб – бет құруы
тиіс.
http://www.landofcode.com/online-code-editor.php?file=html_print_name
№3 тапсырма - Оnline
интерактивті тапсырманы
орындаңыз

-
Web біттің негізгі
қызметі?
-
HTML құжатының
құрылымы қандай?
-
Тег нені
анықтайды?
Практикалық
жұмыс.

CSS деген
не?

7 кезең: Қорытынды. Бағалау.
Рефлексия
Сабақтың аяқталуы және
бағалау

8 кезең: Үй
тапсырмасы
Төмендегі үлгіні ескеріп
ВЕБ - БЕТ құрыңыз:

|