HTML веб кесте құру 10 сынып

Бөлім:

Алгоритмдеу және программалау

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

Күні:

Сынып:

10 сынып

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

HTML-де кесте құру

Оқу мақсаты:

10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану

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

Web-беттегі кесте жолдарын және бағандарын тегтер көмегімен құру

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

Мұғалім іс-әрекеті

Оқушы іс-әрекеті

Бағалау

Ресурстар

Ұйымдастыру

5 минут

Оқушылармен амандасу

Оқушылар түгендеу

«Ойлан » әдісі арқылы алдыңғы білімді еске түсіре отырып

https://www.lessonup.com/en/lesson/Z9XWiHAs8BQRioRPM?utm_source=app&utm_campaign=shared-lesson-app&utm_content=1707759641700&utm_medium=shared-link

Мәтіндік редакторлармен кестемен жұмыс жасауда қаріп, қаріптің өлшемін және түстерін қалай өзгертеміз? Есіңе түсір.

Сабақ тақырыбы: HTML-де кесте құру

Сабақ мақсаты: 10.4.2.1 web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану

Амандасу

Сабақта меңгеретін мақсаттарды білу

«жарайсың» «жақсы» мадақтау сөздерін қолдану

Презентация (1 слайдтар)

Жаңа сабақ

5 минут

10 минут

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

Кестелер

 HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан тұратын тікбұрышты тор. 

Кесте негізгі үш бөліктен тұрады:

1. кесте атауынан;

2. бағандар тақырыбынан;

3. ұяшықтардан;

Кесте жолдар бойымен толтырылады (солдан оңға қарай жол бойымен және келесі жолға көшу арқылы). Әрбір ұяшық толтырылған болуы тиіс.

HTML-де кесте құру <table>, </table> – дескрипторларының көмегімен

орындалады. Кесте ішіндегі мәлімет арнаулы тегтер көмегімен белгіленеді

(тақырыбы, қатар және ұяшықтар саны). Осы тегтер арасында бір рет қана

<caption>, </caption> – кестенің тақырыбын білдіретін тегтер кездесуі

мүмкін:

1) <td>, </td> – қатардағы ұяшық мәндерін анықтайтын дескриптор;

2) <th>, </th> – кестедегі баған мен қатар тақырыптарын анықтайтын дескриптор;

3) <tr>, </tr> – кестенің қатар санын анықтайтын дескриптор;

(<td>-бірнеше ұяшықты), (<th>-кестенің тақырыбын білдіреді).

Жаңа тақырыпты меңгеру

Практикалық жұмыс дескриптор:

•  Блокнот ашады

• Тегтерді жазады

• ЮНИКОД типінде сақтайды

• Іскеқ осады

4 балл

Презентация (2 слайдтар)

Практикум

Әр тапсырмаға

5 минут

5 минут

5 минут

2 тапсырма

дескриптор:

• Блокнот ашады

• h1,/h1 тегтерін қолданады

• ЮНИКОД типінде сақтайды

• Іске осады

3 балл

3тапсырма

Блокнот ашады

Тегтерді жазады

ЮНИКОД типінде сақтайды

Іске қосады

3 балл

3тапсырма

Блокнот ашады

Тегтерді жазады

ЮНИКОД типінде сақтайды

Іске қосады

3 балл

Бағалау критерийлерін ұсыну

1 тапсырма

2 балл

2 тапсырма

2 балл

3 тапсырма

2 балл

Презентация (11-12 слайдтар)

Бекіту

5 минут

Тақырыпты меңгергенін анықтау

1. Тег дегеніміз не?

2. Мәтінді көркемдейтін тег және оның атрибуттары

3. Кесте калай құрылады?

4. Гиперсілтеме деген не? 

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

6. Түстерді беру түрлері қандай?

Жаңа тақырыпты қаншалықты меңгергенін анықтау

Бағалау критерийлерін ұсыну

Презентация (10 слайдтар)

Қорытынды

Үй жұмысы

Сабақты қорытындылау, рефлексия,