Материалдарды шектеусіз жүктеңіз ҚМЖ, ашық сабақтар, презентациялар, көрнекіліктер, дидактикалық материалдар, авторлық бағдарламалар және тағы басқа 400 000-астам материалды шексіз жүктеп алғыңыз келе ме?
Толығырақ
Толығырақ
Тақырып бойынша 15 материал табылды

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

Материал туралы қысқаша түсінік
web (веб)-парақшаларды әзірлеуде HTML (аш ти эм эл)-тегтерін қолдану.
Материалдың қысқаша нұсқасы


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


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


Бөлім:

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>

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

HEIGHT=30 SCROLLAMOUNT="10"

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

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

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

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

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

  1. 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 балл


ҚБ



































Жүктеу
bolisu
Бөлісу
ЖИ арқылы жасау
Файл форматы:
docx
04.04.2024
570
Жүктеу
ЖИ арқылы жасау
Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Материал жариялап, аттестацияға 100% жарамды сертификатты тегін алыңыз!
Ustaz tilegi журналы министірліктің тізіміне енген. Qr коды мен тіркеу номері беріледі. Материал жариялаған соң сертификат тегін бірден беріледі.
Оқу-ағарту министірлігінің ресми жауабы
Сайтқа 5 материал жариялап, тегін АЛҒЫС ХАТ алыңыз!
Қазақстан Республикасының білім беру жүйесін дамытуға қосқан жеке үлесі үшін және де Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық материалыңызбен бөлісіп, белсенді болғаныңыз үшін алғыс білдіреміз!
Сайтқа 25 материал жариялап, тегін ҚҰРМЕТ ГРОМАТАСЫН алыңыз!
Тәуелсіз Қазақстанның білім беру жүйесін дамытуға және білім беру сапасын арттыру мақсатында Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жариялағаны үшін марапатталасыз!
Министірлікпен келісілген курс саны 12