HTML веб сайттарын әзірлеу әдістері 10cынып

Қысқа мерзімді жоспардың тарауы: 10.3А Web-жобалау

Күні: Мұғалімнің аты-жөні: Жунисова Зинура

Сынып: Қатысқандар: Қатыспағандар:

Сабақтың тақырыбы

HTML веб сайттарын әзірлеу әдістері

Осы сабақта қол жеткізілетін оқу мақсаттары (оқу бағдарламасына сілтеме)

10.4.2.1 Веб парақшаларды әзірлеуде HTML тэгтерін қолдану

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

• Барлығы

Веб парақшаларды әзірлеуде HTML тэгтерін қолданады

• Кейбірі

• HTML тілінде құжаттың ішкі элементтерін басқару тегтерін қолданады

• Басым көпшілігі

HTML тілі құжатының құрылымымен танысады

Бағалау критерийі

1. HTML тілінің ішкі элементтерінің басқару командаларының жұмысын анықтайды.

2. HTML кодын енгізіп, веб-бет жасай алады.

3. Жасалған құжат жобасына HTML кодын жазып ұсына алады.

Тілдік мақсаттар

Негізгі сөздер мен тіркестер:

веб программалау, HTML гипермәтіндік тіл, веб-сайт.

Сыныптағы диалог үшін пайдалы тілдік бірліктер

1.HTML құжатының құрылымын жазыңдар.

2.HTML тілінде Блокнот программасына жазылған құжатты Веб-бетке ауыстыру жолын жазыңдар.

Пәндік лексика мен терминология: Htm, html, HEAD, TITLE, BODY.

Құндылықтарға баулу

Құрметтеу. Бір-бірін тыңдай білу қабілетін дамыту. Топпен жұмыс жасау барсында жауапкершілікпен қарауға және жоғары жетістіктерге қол жеткізуге талпындыру.

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

Веб бағдарламалау: (Веб сайт туралы түсінік)

ағылшын тілі,орыс-тілі - термин сөздерін пайдалануда қолданамыз.

Тақырып бойынша алдыңғы білім

Виртуалды шындық туралы ұғымды біледі, виртуалды шындық құра алады

      Сабақтың барысы

Сабақтың кезеңдері

Сабақта орындалатын іс-әрекеттер

Оқыту ресурстары

І. Сабақтың басы. Ұйымдастыру

7 мин.

13 мин

1.Ұйымдастыру. Салемдесу

2. Ынтымақтастық атмосферасын құрамын

«Сені көргеніме қуаныштымын, себебі.......» оқушылар өздерінің қасындағы оқушылардың жақсы жақтарын айтады.

Оқушылардың қызығушылығы мен зейінін шоғырландыру мақсатында «Пазл» әдісі арқылы сурет қиындыларын құрастырады және 3 топға бірігеді:

1-топ «Әлеуметтік желілер»

2-топ «Браузер»

3-топ «Веб-сайт»

Жаңа сабақты бастамас бұрын оқушыларға өткен тақырыпты қайталау мақсатында сұрақтар қойылады:

Әдіс: Сұрақ жауап Əдісі

1. Алгоритмдеу және программалау дегеніміз не?

2. Жолдармен жұмыс жасау қалай жүргізіледі?

3. Файлдармен қалай жұмыс жасаймыз?

4. Сұрыптау әдістер?

5. Графтағы алгоритмдер дегеніміз не?

ҚБ: бірін-бірі бағалайды. Әрбір дұрыс жауапқа смайлик беріліп отырады. Мұғалім өз тарапынан түзетулер енгізеді.

Күтілетін нәтиже

-Веб парақшаларды әзірлеуде HTML тэгтерін қолданады

Веб-сайт жасалу жолын түсінеді.

.

Сабақтың ортасы

15-20 мин

13мин

12мин

Сабақтың соңы

HTML веб сайттарын әзірлеу әдістері

Мұғалім түсіндірмесі

Әдіс: Түсіндіру əдісі

Мақсаты: HTML тілінің көмегімен қарапайым веб парақтар жасап үйренеді

Дағды:Оқушылардың белсенділігін байқау және көру,есту арқылы қабылдау деңгейінің шапшаңдығын анықтау.

HTML дегеніміз-  ағылшынша HyperTextMarkupLanguage, яғни гипертексті таңбалау тілі дегенді білдіреді.Осы тіл арқылы сайттың парақтары жазылады.

Оны ең бірінші болып ашып, әлемге паш еткен интернеттің атасы Тим Бернерс-Ли деген азамат.Ол мұндай тілді ашу үшін сол кезде қолданыста жүрген SGML деген тілді пайдаланған.|

Сонымен, HTML тегі дегенді түсіну үшін төмендегі суретке назар салайық, ондағы бұрышты жақшаның ішінде орналасқан бір немесе бірнеше әріптерден тұратын  сөздер сол "тег" дегенді сипаттайды.

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

Енді осы гипертексті тілдің тәсілін пайдаланып, сайт парақшаларын қалай жазу керек екеніне тоқталайық.Оны жазу үшін әрине редактор керек және бұл үшін ең жақсысы Notepad ++ ті пайдалану керек.

HTML атрибуттары үш топқа бөлінеді:

1. Жалпыға бірдей ортақ атрибуттар.Барлығы алтау, оның тек көбіне төртеуі қолданылады: id, class, title, style.

2. Оқиға (событие) атрибуттары.Бұлар javascript кодында қолданылады.Мысалы, менің сайтымдағы әр мақаламның соңында пікір қалдыру деген түйме сондай атрибут арқылы іске қосылады.

3. Жеке өзіндік атрибуттары.Мысалы, <a></a> сілтемеге арналған тегте өзінің   атрибуты қатар жүреді.

Қазіргі уақытта HTML тегтерінің басым көпшілігінің атрибуттары CSS арқылы сипатталып, жеке стильді файл ретінде HTML парақшасына жүктеледі.Сондықтан, атрибуттың мағынасы CSS ке арналған мақаламда үлкен орын алып сипатталады.

Тапсырма №1 Әр бір топ төмендегі тақырыптар бойынша

Қарапайым HTML файлын жасау

“Кім жылдам” топтық жұмыс

Мақсаты: HTML тілінің көмегімен қарапайым веб парақтар жасап үйренеді

Дағды:Оқушылардың белсенділігін байқау және көру,есту арқылы қабылдау деңгейінің шапшаңдығын анықтау.

1 –топ Интернет

2 – топ Веб –сайт

Оқушылар тақырыпты дәптерлеріне жазып қояды.

Компьютерде Блокнотты ашып, HTML  тілінің құрылымын жазып шық.

<HTML>
<HEAD> <TITLE>  менің алғашқы парағым </TITLE>
</HEAD>
<BODY>

1 курс

</BODY>

</HTML>

1. Жазылған құжатты мына ретпен сақтауды орында:

2. Файл – сохранить как командасын орындаймыз

3. Сохранить как терезесінде папка  бөлігіне    рабочий стол  -ды белгілеп, оның ішінен  папка « Lesson HTML- өз атың » — ды орнатамыз.

4. Имя файла бөлігіне « Lesson1.html »  деп  ат береміз.

5. .Тип файла бөлігіне все файлы орнатамыз.

6. Сохранить батырмасына шертеміз.

Дескриптор: HTML тілінің көмегімен қарапайым веб парақтар жасап үйренеді

HTML тегтерімен танысады

HTML құжатының құрылымын анықтайды

Қалыптастырушы бағалау: «Бас бармақ» әдісі бағалау.

2. 2- - тапсырма. Кестедегі мәліметтерді байланыстыр

Әдіс: Сәйкестендіру əдісі

Мақсаты: Кестедегі мәліметтерді байланыстырады

Дағды: білім алушылардың тапсырманы орындау шапшаңдығын , белсенділігін анықтау

770 ₸ - Сатып алу

Материал ұнаса әріптестеріңізбен бөлісіңіз

Ватсапта бөлісу Телеграммда бөлісу Фейсбукта бөлісу Сілтемені көшіру

Ресми байқаулар тізімі

Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!

Тізімді көру

Материал іздеу

Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде пәніңізді белгілеп, керек материалды алып сабағыңызға қолдана аласыз

Барлығы 663 959 материал жиналған

Пән

• Жүктелуде...

Бағыт

• Жүктелуде...

Сынып

• Жүктелуде...

Іздеу

Осы аптаның ең үздік материалдары

Педагогтардың біліктілігін арттыру курстары

Аттестацияда (ПББ) 100% келетін
тақырыптармен дайындаймыз

Аттестацияда (ПББ) келетін тақырыптар бойынша жасалған тесттермен дайындалып, бізбен бірге тестілеуден оңай өтесіз

Өткен жылы бізбен дайындалған ұстаздар 50/50 жинап рекорд жасады

Толығырақ