Сабақ жоспары, HTML-де қаріптің өлшемін, түсі мен түрін белгілеу, 10 сынып

Бөлім

Веб-жобалау

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

Маймакова А.Б.

Күні

15.01.2024ж.

Сынып : 10 «А»

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

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

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

HTML-де қаріптің өлшемін, түсі мен түрін белгілеу

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

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

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

HTML сайтқа сурет қою

HTML сайтқа сілтеме қою

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

- жеке тұлғаның пікірін ескеру және әрбір ойдың құндылығын құрметтеу;

- саналы да ерікті еңбек адамды бақытқа кенелтеді деген ойды санасына сіңіру;

Сабақ кезеңі

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

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

Бағалау

Ресурстар

Басы

15 минут

1.Оқушылармен сәлемдесу. Әр елдің амандасу түрлері көрсетіледі, оқушылар суреттегі бойынша амандасады.

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

Өткен тақырып мазмұнын қайталау.

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

ҚБ: әр дұрыс жауапқа 1 балл (смайлик)

1. <h1>, </h1>, <h6>, </h6> тегтерінің көмегімен жазылады;

2. <p> , </p> тегтері азатжолдың басы және соңы екендігін білдіреді;

3. <hr> – тегі көлденең сызық сызады, бұл тегтің жұбы жоқ;

4. <br /> – қатардың аяқталуы. Келесі қатар жаңа азатжолдан басталады.

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

• Сабақ тақырыбы мен мақсатымен таныстыру

Мазмұны:

Тэгтермен таныстыру

1. <i>, </i> – мәтін курсивпен жазылады;

2. <strong>, </strong> немесе <b>, </b> – жартылай қалыңдатыла жазылған қаріп;

3. _, – төменгі индекс;

4. ^, – жоғарғы индекс;

5. Егер азатжолсыз жаңа қатарға өту қажет болса, <br> тегі қолданылады;

6. <dl>, </dl> – көпсатылы тізім құратын дескриптор;

7.<li>, </li> – тізім элементі. Бұл дескриптор <ol> және <ul> дескрипторларының аралығында жүреді;

8.<dt>, </dt> – бірінші деңгейлік тізім элементі және бұл <dl> дескрипторының аралығында жүреді;

9. <dd>, </dd> – екінші деңгейлік тізім элементі және бұл <dl>дескрипторының аралығында жүреді;

10. <ul>, </ul> – маркерленген тізім.

<FONT> тэгін қолдану.

<font size="1"> Мысал 1</font>

<font color="red">қызыл</font>

<body bgcolor= "red">

<font face=”arial”>

Times New Roman, Arial, Tahoma, Courier, Courier New

<b> - Bold text <strong> - Important text

<i> - Italic text <em> - Emphasized text

<mark> - Marked text <small> - Smaller text

<del> - Deleted text <ins> - Inserted text

<sub> - Subscript text <sup> - Superscript text

<pre></pre> <abbr></abbr>

<address></address> <bdo></bdo>

<blockquote></blockquote> <cite></cite>

<q></q> <legend></legend>

Мұғаліммен, бір-бірімен сәлемдеседі.

Сөздердің жұбын табады.

Интербелсенді тақтадан тақырып мазмұнын көреді

Әр сөзге 1 балл

Суреттер

АКТ, ИТ

Сілтеме:

https://learningapps.org/view23465427

Сілтеме:

https://bilimclass.kz/schedule/15.01.2024/lesson/4ea8c88e-7a94-41d0-9af2-0d3bcee96d77/lesson

Ортасы 25 минут

Жоба әзірлеу

Қалыптастырушы бағалау

Сайт құру

Сайтта сурет, атау, сілтеме ортада орналасу қажет. Сонымен қатар, мәтін әрлендіру тэгтерін қолдану қажет.

Дескриптор:

• Сайт құру алгоритмін біледі

• Сурет қою біледі

• Сілтеме қою біледі

• HTML кодты тексереді және нәтижесін шығарады.

Барлық оқушы:

Сайт құрады

Қосымша:

Басқа оқушыларға көмек көрсетеді.

Жоба әзірлейді.

Сайт құру алгоритмі-1 балл

Сурет қою-1б, сілтеме қою-1б, тексеру-1б

Компьютер

Оқулық

Соңы:

5 минут

1.Оқушыларға өзін-өзі бағалауды ұйымдастырады.

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

2.Кері байланыс: «Бас бармақ»

Үй тапсырмасы: Тақырыпты оқып, тэгтерді жаттау

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

Кері байланыс

Бағалау

Сілтеме:

https://bilimclass.kz/schedule/15.01.2024/lesson/4ea8c88e-7a94-41d0-9af2-0d3bcee96d77/lesson