HTML тілінде кесте құру 10 сынып

Қысқа мерзімді жоспары

Бөлім

Веб-жобалау

Педагогтың аты-жөні

Исатайқызы Аида

Күні

26.01.2024

Сынып 10 (2 топ)

Қатысушылар саны

9

Қатыспағандар саны

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

HTML тілінде кесте құру

Оқу бағдарламасынасәйкесоқытумақсаттары

10.4.2.1 web-парақшаларды жасауда HTML-тегтерін қолдану

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

HTML құжатының құрылымымен, кесте құратын және форматтайтын тегтерінің қызметімен танысады және қолданады

Сабақтың кезені/ уақыт

Педагогтың әрекеті

Оқушының әрекеті

Бағалау

Ресурстар

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

7 минут

Ұйымдастыру: Сәлемдесу, түгендеу

Топқа біріктіру

Өткен тақырыпты еске түсіру

https://learningapps.org/watch?v=p55ouposc21

LearnihgAppsплатфоромасындағы сәйкестендіру тапсырмасы

Мұғаліммен амандасады.

Тақтадан қазақтың ұлттық ою-өрнегін таңдау арқылы 2 топқа бөлінеді

Оқушылар кезек-кезек тақтаға шығып сәйкестендіреді

Оқушылар сабаққа қатысу белсенділігіне қарай, ынталандыру мақсатында «Білім заряды» әдісі арқылы бағаланады

- дұрыс сәйкестендіреді; 2 балл

https://learningapps.org/watch?v=p55ouposc21

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

7 минут

5 минут

6 минут

13 минут

5 минут

Жаңа сабақты түсіндіру

Web-құжаттардағы кестелер кестелік деректерді орналастыру үшін ғана қолданылмайды. Олар суреттер мен сілтемелерді кірістіру үшін, Web-беттерді тиімді орналастыру үшін қызмет етеді.

Кестелер салу принципі бойынша құрылады және бірқатар элементтердің көмегімен Web-бетке енгізіледі. Әрбір кесте <TABLE> тегімен басталып, </TABLE> тегімен аяқталады. Құрылатын кесте жолдар бойынша ашылады, ал жолдар ұяшықтармен толтырылады. Сонымен қатар тег ішіне <TABLE>…</TABLE> келесі элементтер енгізілуі мүмкін:

TR — жолды құру элементі;

TD — ұяшықтың мазмұнын анықтайтын элемент;

TH — тақырып ұяшығын анықтайтын элемент.

1. тапсырма топтық жұмыс

2. тапсырма жеке жұмыс

1 Кестені жасайтын HTML – элементтерін ата

2 Бағдарламада орнатылған шартқа сәйкес кестенің параметрлері қандай?

3.Кесте жақтауларының қалыңдығы мен түсі қандай атрибуттармен беріледі?

4. Кесте енін қалай көрсету керек?

5.Кесте ұяшықтарын біріктіру қандай атрибуттардың көмегімен орындалады?

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

Деңгейлік тапсырма

Жаңа сабақты бекіту

тест тапсырмасы

1. Кестені анықтайтын жұптық тег:

a) <table>b) <tt> c) <tr> d) <td>

2. Кестенің жолын анықтайтын тег:

a) <br> b) <tr> c) <td> d) <hr>

3. Кестенің ұяшығын анықтайтын тег:

a) <br> b) <hr> c) <td> d) <tt>

4. Кестенің шетін қою үшін қандай атрибут қолданылады?

a) type b) align c) border d) height

5. Кестенің бағаналарының біріктірілуін қандай тег анықтайды?

a) borderb) colspanc) cellspacing d) rowspan

Сабақтың тақырыбын дәптерге түсіреді

1. Кодтауда кеткен қатені түзейді;

2. Қателер санын табады.

1. Кестеде қанша жол бар екенін анықтайды;

2. Кестеде қанша баған бар екенін анықтайды

2 оқушы бірлесе отырып сұраққа жауап береді

Оқушылар тест тапсырма ныорындайды

Оқушылар тест тапсырмасын konstruktortestov.ru сайтында орындайды

2 балл

2 балл

3 балл

1 балл

Слайд .

А4 форматы қима қағаз

Қима қағаздар

Компьютер

http://konstruktortestov.ru/test-59727

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

2 минут

«Ватсаб-web” әдісі арқылы оқушылармен кері байланыс орнату

Оқушылар бүгінгі сабақта алған әсерлерін ватсап желісі арқылы мұғалімге кері байланыс орнатады

ватсап желісі

Үй тапсырмасы

Оқулықтағы берілген тапсырмаларды орындап келу.