Қысқа мерзімді жоспары
Бөлім
Web-жобалау
Педагогтың аты-жөні
Белдебекова Айзада Сейсенбайқызы
Күні
15.01.2024ж
Сынып 10 А
Қатысушылар саны
12
Қатыспағандар саны
12
Сабақтың тақырыбы:
HTML- web - сайттарын әзірлеу әдістері
Оқу бағдарламасына сәйкес оқыту мақсаттары

10.4.2.1. Web-парақшаларды әзірлеуде HTML тегтерін қолдану
Сабақтың мақсаты:
Мәтінді форматтау тегтерімен, web-парақшаларды әзірлеу. HTML тілінде құжаттарды құру және редакциялауды үйрену.
HTML құжаттың құрылымы мен HTML элементтерін қолдану

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

Сабақтың кезені/ уақыт
Педагогтың әрекеті
Оқушының әрекеті
Бағалау
Ресурстар
Ұйымдастыру

1.Оқушылармен амандасу.
2. Психологиялық ахуал тудыру. <<Көңіл-күйіміз қалай?>>
Оқушылардың сабаққа деген көңіл күйін анықтау.

3. random - group - generator сайты арқылы топқа бөлу
1.Мұғаліммен амандасады.
2. Жақсы, орташа, төмен екенін айтады

3. online sait арқылы топқа бірігеді
Мадақтау
Жақсы!
Жарайсың!
Керемет!

Жұмыс дәптері

3. https://www.classtools.net/random-group-generator

Өткен сабақты қайталау

Жаңа сабақ

Практикалық жұмыс

СЕРГІТУ СӘТІ

Сабақты бекіту

<> арқылы
Learningapps.org платформасында
үй тапсырмасын сұрау

1. Web программалау . HTML негіздері
2. Тегттер және оның қызметі
3. Тегттер және олардың мақсаты
4. Тегттер
5. HTML тілінің тегттері
6.Тегттердің негізгі қызметтерін табыңдар

Сабақтың тақырыбы мен мақсаттарымен таныстыру.
HTML- web - сайттарын әзірлеу әдістері
Оқу мақсаты:
10.4.2.1. Web-парақшаларды әзірлеуде HTML тегтерін қолдану.
Сабақтың мақсаты:
HTML тілінде құжаттарды құру және редакциялауды үйрену. HTML құжаттың құрылымы мен HTML элементтерін қолдану
Мәтінді форматтау тегтері түрлерімен таныстыру

Мәтінді форматтау тегтеріне мысалы:

Мәтінді форматтау тегтері

---

Мұнда сіз біле аласыз:

Мәтінді форматтау тегтері нешеге бөлінеді?

Физикалық форматтау тегтері

Логикалық форматтау тегтері

HTML ТІЛІНДЕГІ НЕГІЗГІ ТЕГТЕР КЕСТЕСІ
Мəтінді форматтауға арналған тегтер
Мәтінді туралау тегтері

Браузер экранында ақпаратты көрсететін HTML құжат құрыңдар. Мәтінді туралау мысалы Web - бет құру үшін мәтіннің орналасу тегтерін пайдаланыңдар.

Cалеметсіз бе

Көңіл - күй қалай :

align ="center"> Как вы

Ағылшын тіліндегі аудармасы:

How are you

<> әдісі арқылы
практикалық жұмыс жүргізу

№1. Тапсырма
Абай Құнанбайұлының суретін және өмірбаянының сілтемесін HTML тілінде жазып, википедиядан мәлімет алу

Абай Құнанбайұлы өмірбаяны

Дискриптор:
- HTML тілінде жазылған сілтеме арқылы википедиядан мәлімет алады.

№2. Тапсырма
HTML тілінде мәтіннің, фонның түсін өзгертіп және нөмірленген тізімдер жасаймыз.

Қош келдіңіз!

1. Бірінші қатар.
   
2. Екінші қатар.
   
3. Үшінші қатар
   

Тізімдер түрлері

1. Nomerlengen
   
2. Markerlengen
   
3. Anyktay
   

Дискриптор:
- HTML тілінде мәтіннің, фонның түсін өзгертіп және нөмірленген тізімдер жасайды.

<<Баспалдақ>> әдісі арқылы сергіту сәтін жүргізу.
HTML құжатының құрылымына сәйкес етіп орналастыру

Дискриптор:
- HTML құжатының құрылымына сәйкес етіп орналастырады
Сабақты бекіту мақсатында classtime.com платформасында тест сұрақтары беріледі.
Мұғалімді тыңдайды

Сілтеме арқылы Learningapps.org платформасында
үй тапсырмасын орындайды

Сабақтың тақырыбын дәптерге жазады.
Сабақтың мақсаттарымен танысады.

Тапсырманы орындайды

Таратпа материалды ретті орналастыру арқылы HTML құжатының дұрыс құрылымын жазып береді

тапсырманы орындайды

Оқушылар сұрақтарға жауап береді.

6-10 балл аралығы

Мадақтау
Жақсы!, Жарайсың!
Керемет!

6-10 балл аралығы

тапсырманы орындайды

Презентация
Ұялы телефон

1.https://learningapps.org/view23565767

2.https://learningapps.org/view20025740

3.https://learningapps.org/view23465427

4.https://learningapps.org/view20220976

5.https://learningapps.org/view28634232

6.https://learningapps.org/view23940649

Таратпа материалдар

Таратпа материалдар

Кері байланыс
Google forms платформасында
оқушыларға кері байланыс беріледі.
Өзін-өзі бағалау

https://forms.gle/jerkJ9LZXJFhJhFx5
Үй тапсырмасы
--------------------------------------------------------------------------------
Үй тапсырмасы
Мектеп атауы жазылған мәтінмен мектеп суретін көрсететін HTML құжатын құрып сайт жасап келу.
Теориялық және практикалық білімдері бойынша веб- жобасын жасайды
Өзін-өзі бағалау
Интернет

1. Web программалау . HTML негіздері

2. Тегттер және оның қызметі

3. Тегттер және олардың мақсаты

4. Тегттер

5. HTML тілінің тегттері

6.Тегттердің негізгі қызметтерін табыңдар

TITLE - Тақырып енгізу тегтері
BGCOLOR - Фон түсін жасайды
HTML - Веб құжат екенін көрсетеді
TABLE - Кесте қүру тегтері
BORDERCOL - Жақтау сызықтарының түсін жасайды
Rowspan - Бірнеше жолды біріктіретін тег
ALIGN - туралау
Colspan - бағандарды біріктіретін тег