Сыныбы: 11

Оқу-ісінің меңгерушісі

________ Е.Дайнашов

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

Мәтінді пішімдеу. Тізімдер

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

Пішімдеуге арналған HTML тегтерін оқуды жалғастыру, оларды web –парақтарды құру үшін пайдалануды үйрену.

Күтілетін нәтиже

пішімдеудің негізгі тегтері мен олардың атрибуттарын , физикалық және логикалық пішімдеудің айырмашылығын , тегтер артықшылықтары қағидасын.

Оқушылар үйренуі тиіс: [pic] тегі көмегімен мәтін параметірлерін басқаруды, [pic] тегі үшін түзеу параметірін басқаруды,тізімдер құру,

тізбектерін қолдануды.

Сабақ түрі:

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

Сабақ кезеңдері

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

Оқушылардың

іс - әрекеттері

Ұйымдастыру кезеңі.

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

Тренинг: «Кездесу» ойыны

Жай әуенмен екі шеңбер болып қарама – қарсы айналады, әуен тоқтаған кезде бір-біріне қарап, баланың қасиетін айтады.

Амандасады, сабаққа келмеген оқушыларды айтады.

Үй жұмысын тексеру.

1. Web-те HTML-ді қолдынудың артықшылығы неде?

2. HTML Файл нені анықтайды?

3. Жаңа web парақты қалай жасауға болады?

4. Мәтіндегі пішімдеуге арналған тегтерді атаңдар?

5. Web парақтардың бөліктері нені басып шығарады?

6. HTML дегі бос орындар қалай түсіндіріледі?

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

Мәтіннің пішімі

• Көп деңгейлі тегтардың дұрыс орналастыру жолы

Сәлем

• Қате

Сәлем

h1 – h6

Бұл тегтар мәтіндегі атауларды белгілеу үшін қолданылады.

Сәлем

Сәлем

Сәлем

Сәлем

Сәлем

Сәлем

Яғни <h1> тегы ең манызды атаулар үшін пайдаланады.

және

тегы параграф жазу үшін қолданылады.

тегы жаңа жол қосу үшін қолданылады. Бұл жұпсыз тег.

Бөрікті аспанға атып, аттан салып,
Жігіттер, мақтанбалық, мақтанбалық!
Қашаннан қазақ деген сыр мінезді,
Мақтаусыз да, мақтансыз жатқан халық.
Сабырмен сабақ алып дәуірлерден,
Сабырын сары алтыннан тәуір көрген.
Қазаққа мақтансын деп жер бермеген,
Жерінің кеңдігіндей сабыр берген.

, ,

• b> - bold, мәтіңді жалпақ қылады

• - italics, мәтінді жазба әріп тәрізді қылады, курсив

• < [pic] q> - quotation, қысқа цитата

Сәлем Сәлем

Сәлем Сәлем

Біздің мақсат: Жақсы оқу! Біздің мақсат: ”Жақсы оқу!”

s>,

• - қате мәтінді белгілейді

• - кішілеу мәтінді белгілейді

[pic]

Менің көлігім көк түсті.

Менің жаңа көлігім қара түсті.

adebikz.com

Copyright 2012-2013

[pic]

adebikz.com қазақ әдеби сайты

• - қаріп, мәтінді безендіру үшін пайдаланылады.

• Тегтын атрибуттары арқылы мәтіннің үлкендігін, түсін және тағы басқа сипаттамаларын белгілеуге болады.

• Бұл тег deprecated. Яғни ескіріп кеткен және де оны қолданбаған абзал.

• Мәтінді әшекелеу үшін CSS пайдаланған жөн.

CSS – Cascading Style Sheets, мәтін пішімінің стильын анықтайды

Тәжірибелік жұмыс

Оқушылар деңгейлерінің біреуін таңдап , оның тапсырмаларын орындайды.

В деңгейі, 1-тапсырма, escape –тізбектерін қолдану (оқулықтың қосымшасын қарау). Сдеңгейінің 1-тапсырмаларында [pic] тегінің тізімінің ішінде орналасуына көңіл бөлу: [pic]

[pic] DL [pic]

[pic]

[pic]

[pic] Алфавиттің бірінші әрпі Б

[pic] Алфавиттің екінші әрпі

[pic] DT [pic]

[pic] Hr size =3 color =green [pic] B

[pic] Алфавиттің үшінші әрпі

[pic] /DL [pic]

Сергіту сәті.

Жаттығуды орындарында отырып орындау.

Қол саусақтарына арналған жаттығулар

Алақанды уқалау.

Қолды қысу

Білезіктен айналдыру

Көзге арналған жаттығулар.

Көзді бірнеше рет жыпылықтату.

Көзіңмен ақырын оң жаққа, жоғары, солға, төмен қарай 3-4 рет айналым жаса

Бекіту.

§26 соңында берілетін «Өзіңді тексер » бөлімінің тест кілттері:

Оқуды бағалау.	Сабаққа белсенді қатысқан оқушыларды бағалау.	Бағаны күнделіктеріне қойдырады
Үй жұмысы.	Конспект оқу	Күнделіктеріне үй тапсырмасын жазып алады.