Мәтінді форматтау (қаріп, абзац, тізімдер)

Бөлім:

10.3А Веб-жобалау

Педагогтің Т.А.Ә.

(болған жағдайда)

Тұнғат Гаухар Мұратқызы

Күні:

23.01.2024

Сынып:10 А

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

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

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

Мәтінді форматтау (қаріп, абзац, тізімдер)

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

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

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

(білу және түсіну, қолдану, жоғары ойлау дағдысы)

• Мәтінді форматтауда қаріп, абзац, тізімдер тегтерін қолдану

• Мәтінді форматтауда қаріп, абзац, тізімдер, сырғымалы жол тегтерін қолдана отырып web парақшаларды әзірлеу

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

(білу және түсіну, қолдану, жоғары ойлау дағдысы)

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

• Абзац енгізу тегтерін; тізімдерді жазу тегте рінің түрлерін қолданып жазады

• Сайтқа сырғымалы жолдар енгізіп, web парақшаларды әзірлейді

Ойлау дағдыларының деңгейі

(білу және түсіну, қолдану, жоғары ойлау дағдысы)

Қолдану, ойлау дағдысы

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

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

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

Бағалау

Ресурстар

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

5 мин

1. Сәлемдесу.

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

3. Өткен білімді еске түсіру үшін WordWall платформасын қолдану

4. Сабақтың тақырыбы, мақсаты, критерийлерімен таныстыру.

Сәлемдеседі.

Оқушылар айналмалы сақина арқылы өткен тегтерді қайталайды

ҚБ

https://wordwall.net/ru/resource/63871091

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

7 мин

Жаңа сабақ

«Төңкерілген әдіс» бойынша тақырыпты талқылау.

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

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

Құжатта тақырыптар <H>, </h> тегтерімен жасалады.

Нөмірленген тізімдер қалай жазылады?

Нөмірленген тізімдер

Нөмірленген тізімдер белгіленген тізім тәрізді шығарылады, олар тек <О<OL> жә не </О<OL> (ordered list – реттелген тізім) тегтері мен қоршалады да, нәтижесінде тізім нөмірі ретінде бүтін сандар жазылады. Егер тізім нөмірін керекті бір нөмірмен бастау керек болса, онда start атрибутын пайдаланамыз, мысалы: <OL start = 1>

Нөмірленбенген тізімдер қалай жазылады?

<UL> жә не </U<UL> (unordered list – реті жоқ тізім) тегтері арасында орналасқан мәтіндер нөмірленбей, бірақ белгіленіп жазылған тізімдер ретінде қарастырылады. Мұнда тізімнің әрбір жаңа элементін <LI> (list – тізім) белгісінен бастап жазу қажет.

Маркерлік тізімді жазғанда <UL> тегін пайдаланады, маркердің түрін өзгерту үшін type атрибутын қолданамыз.

<LI type = disk> – нүкте түріндегі маркер;

<LI type = circle> – шеңбер түріндегі маркер;

<LI type = square> – шаршы түріндегі маркер.

Сырғымалы жолды парақшасы қалай жазылады?

Сырғымалы жолдар

<MARQUEE> және </MARQUEE> тегтері браузер терезесін де жолдың бір шетінен екінші шетіне жылжып отыратын «сырғымалы жол» жасайды және оның мынадай параметрлері болады:

Осылардың кейбірінің мағыналары мен жазылу түрі төмендегідей болып келеді.

ALІGN – «сырғымалы» мәтінді жолдың жоғарғы шетіне, ортасына немесе төменгі шетіне туралап орналастыру параметрін береді және ол мына мәндердің (сөздердің) біреуін қабылдайды: TOP, MІDDLE, BOTTOM.

BGCOLOR – «сырғымалы жолдың» фон түсін анықтайды, он алтылық RGB форматында немесе ағылшынша белгілі бір түс аты беріледі.

DІRECTІON – жол бойынша жылжу, яғни сырғу бағытын анықтайды, оның мүмкін мәндері: LEFT (солға), RІGHT (оңға) және оның мәні көрсетілмеген жағдайда, келісім бойынша LEFT мәні автоматты түрде іске қосылады. Екі жаққа да кезек –кезек сырғыту үшін BEHAVIOR=ALTERNATE атрибуты қолданылады.

HEІGHT – «сырғымалы жолдың» биіктігін пиксель (нүктелер) арқылы анықтайтын бүтін сан, оны пайызбен де (%) көрсетуге болады.

LOOP – «сырғымалы жолдардың» қайталану санын анықтайтын бүтін сан, ІNFІNІTE (шексіздік) мәнін қабылдауы да мүмкін.

SCROLLAMOUNT – жылжудың бір қадамын да мәтіннің қанша пиксельге жылжитынын анықтайтын бүтін сан.

SCROLLDELAY – екі сырғудың арасындағы интервалды милли секундпен көрсететін бүтін сан.

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

Мәтінді форматтауға А,В,С деңгейлік тапсырмаслары (жеке жұмыс) беріледі.

А деңгейлі тапсырма: Менің алғашқы сайтым

1. Менің алғашқы сайтым – деген сөйлемді тақырып тегтерінің тег кластарын пайдаланып , оны сайт беттінің басы ретінде жазыңыз; ондағы і=3- болсын;

2. Сайт денесіне: Менің алғашқы сайтым – деген сөйлемді а)қаріптердің қалыңдығын өзгертіп, б) қаріптерді көлбеуге өзгертіп, в) қаріптердің астын сызып, жазыңыз.

3. Сайт денесін және сайтты жабыңыз.

В деңгейлі тапсырма: Нөмірленген тізім жасау

1. Сайт ашыңыз. Басына Терезенің тақырыбын енгізіңіз;

2. Сайт денесіне: Құжаттың денесі сары, мәтінді қызыл түспен .

3. Тақырыпты: Нөмірленген тізім жолдары - мәтінін (align) ортаға туралаңыз, көлденең сызық сызыңыз.

4. Сыныптағы кез-келген 6 оқушының тегі мен атын нөмірленген тізім бойынша жазыңыз.

5. Көлденең сызық сызыңыз.

6. Сайт денесін және сайтты жабыңыз .

С деңгейлі тапсырма: Сырғымалы жолдар

1. 1. Сайт ашыңыз. Басына Терезенің тақырыбын: Сырғымалы жолдар – деген мәтінді енгізіңіз;

2. Сайт денесіне: Бүгін ашық сабақ - мәтінді қызыл түспен ортаға жазыңыз;

3. 2. а) Сырғымалы жолға :– сырғымалы жолды сары түс етіп, бағытын оңға алыңыздар;

SCROLLAMOUNT = "10" SCROLLDELAY="200"

WIDTH="90%">

Сырғымалы жолда оңға жылжитын мәтін - "Информатика" пәні 10 А сыныбы

</MARQUEE>

4. 3. б) Абзац тегі сырғымалы жолын жасыл, бағыты солға жылжитын төмендегі интервалда болатын

HEIGHT=30 SCROLLAMOUNT="10"

SCROLLDELAY="100" WIDTH="90%">

Сырғитын мәтін – Бүгінгі сабақ қызық өтуде </MARQUEE>

5. 4. в)Сырғу жолын көк түс етіп, екі жаққа кезек-кезек сырғыту тегін жазып,

SCROLLAMOUNT = "10" SCR?LL?ELAY= "200" WIDTH="90%">

Сырғитын мәтін - Тапсырмаларды толық орындадым </MARQUEE>

6. 5. Ортаға тегін және сайт денесін, сайтты жабыңыз.

Оқушылар жаңа тақырыпты мұғаліммен бірге талқылайды

Оқушылар жеке орындайды

Дескриптор:

А-деңгейі

• Сайтты ашу тегінмен ашады. Сайт басын тег кластарын Н3 пайдаланып жазады – 1 балл;

• Сайт денесіне берілген сөйлемді қалыңдығын өзгертіп, көлбеуге өзгертіп, астын сызып жазу тегтерін қолданып жазады. Сайтты жабу тегімен жабады -1 балл;

В- деңгейі

• Сайтты ашу тегімен ашады. Сайт басы тегін, тақырып тегін енгізеді;

Сайт денесінің тегін, құжаттың денесі сары, мәтінді қызыл түспен түс тегін пайдаланып жазады -1 балл

• Тақырыпты: Нөмірленген тізім жолдары - мәтінін (align) ортаға туралау тегін, көлденең сызық сызу тегтерін пайдаланады.

Сыныптағы кез-келген 6 оқушының тегі мен атын нөмірленген тізім бойынша <OL start = 1> бастап, тегтерін қолданып жазады.-1 балл

• Көлденең сызық сызу тегін қолданады.Сайт денесін және сайтты жабу тегтерін қолданып жазады. -1 балл

С- деңгейі.

• Сайтты ашу тегімен ашады. Сайт басы тегін, тақырып тегін енгізеді;

• Сайт денесінің тегін, мәтінді қызыл түс тегі мен ортаға тегін жазады;- 1 балл

• а) Сырғымалы жолды сары түс тегін, бағытын оңға алу тегін;

SCROLLAMOUNT = "10" SCROLLDELAY="200"

WIDTH="90%">

Сырғымалы жолда оңға жылжитын мәтін - 1 балл

"Информатика" пәні 10 А сыныбы </MARQUEE> тегтерін қолданып жазады. - 1 балл;

• б) Абзац тегін, сырғымалы жолын жасыл тегін, бағыты солға жылжитын тегті, төмендегі интервалда болатын

HEIGHT=30 SCROLLAMOUNT="10"

SCROLLDELAY="100" WIDTH="90%">

Сырғитын мәтін – Бүгінгі сабақ қызық өтуде </MARQUEE>

тегтерін қолданып жазады- 1 балл

• в)Сырғу жолын көк түс тегін, екі жаққа кезек-кезек сырғыту тегін жазып,

SCROLLAMOUNT = "10" SCR?LL?ELAY= "200" WIDTH="90%"> тегтерді қолданып жазады

Сырғитын мәтін - Тапсырмаларды толық орындадым </MARQUEE> - 1 балл

• Ортаға тегін сайт денесін және сайтты жабу тегтерін қолданып жазады -1балл.

Жалпы А, В, С : 10 балл

ҚБ

Материалды жүктеу

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

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

Материал жариялап тегін сертификат алыңыз!

Бұл сертификат «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жарияланғанын растайды. Журнал Қазақстан Республикасы Ақпарат және Қоғамдық даму министрлігінің №KZ09VPY00029937 куәлігін алған. Сондықтан аттестацияға жарамды

Материал жариялау Сертификатты жүктеу

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

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

Тізімді көру

Ұқсас материалдар

Дайын ҚМЖ. Барлық пәндерден 2022-2023 оқу жылына, жаңа бұйрыққа сай жасалған

Сертификатталған тренер жасаған

01.01.2023

17 863

13 694

ҚР Білім және Ғылым министірлігінің стандарты бойынша жасалған. 2022-2023 оқу жылына арналған

Барлық пәндер

Барлық материалдар

Барлық сыныптар

Информатика пәні бойынша барлық материалдарды көру

Іс-шаралар кестесі

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