Сабақтың тақырыбы: Web-парақ ішіне суреттерді орналастыру
Сабақтың мақсаты: HTML тілінде сурет тэгасы қызметін үйрету.
Білімділік:Сурет салу атрибуттарымен және олардың жазылу жолдарымен
таныстыру.
Дамытушылық: HTML тілінде сурет салу арқылы оқушылардың шығармашлық
қабілетін дамыту
Тәрбиелік: Әсемділікке, әдемілікке баулу.Оқушылардың эстетикалық талғамын
байыту, ақпараттық мәдениетін қалыптастыру және ұқыптылыққа тәрбиелеу.
Сабақтың түрі, әдісі: аралас сабақ
Пән аралақы байланыс:әдебиет
Сабақтың көрнекілігі:
1.Суреттер.
2.Cлайттар
Сабақтың барысы:
І.Ұйымдастыру барысы
а) Оқушыларды түгендеу
ә) Оқушылардың сабаққа даярлығын бақылау
ІІ.Үй тапсырмасын тексеру, қайталау:
Өткен материалдарды қайталау (слайд арқылы)
№1 тапсырма. Қәріптер өлшемі қанша екенін анықта.
< HTML>




Қазақстан -

кең байтақ елім!!!


№2 тапсырма. Мәтін үзінділерін бөліп алу тэгаларын ата. HTML файлына
өзгерістер енгіз.
< HTML>

HTML- де

құжаттар құру алгоритмі


№3 тапсырма. Қатесін тап.
< HTML>

№4 тапсырма. Негізгі тақырып стилі және қосымша тақырып стилін ата.
< HTML>





HTML-де

құжаттарды құру алгоритмі

HTML-де

құжаттарды құру алгоритмі

III. Сөзтізбек
|8 |
|1 | |5 | | |
| |2 |3 |4 | |6 | | |
| | | | | | | | |
| | | | | | |7 | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | |
| | | | |
| | | | |

Көлденеңнен
Даму тарихы 4 кезеңнен тұратын бүкіләлемдік компьютерлік желі
1.101 және 102 батырмалардан тұратын енгізу құрылғысы
2.Сыртқы құрылғы
3.Хабарламаларды жіберу тәсілдері мен ұсыну формаларын бекітетін
стандарттар
4.Бүкіләлемдік компьютерлік желімен компьютерді байланыстыратын құрал
5.Қосымша элементтерді басқару мақсатында ішіне екпінді элемент
орналастыратын мәтін.
6.Планшетті, барабанды, қолмен кескінді қайта өңдеп экранға орналастыруға
болатын құрал.
7. HTML тілінің командасы
8..Информацияны сақтау құрылғысы.
|Д |
|К | |Г | |И |
|Л |П |Х |М |И |С | |С |
|А |Р |А |О |П |К | |К |
|В |И |Т |Д |Е |А |Т |Е |
|И |Н |Т |Е |Р |Н |Е |Т |
|А |Т |А |М |М |Е |Г | |
|Т |Е |М | |Ә |Р |И | |
|У |Р |А | |Т | |
|Р | |І | |
|А | |Н | |

ІV. Жаңа сабақтың негізгі материалы
Web -парақ ішіне суреттерді орналастыру
тэгі құжат ішіне суреттерді қою мүмкіндігін береді.Ал сурет осы
тэг жазылған орында пайда болады.Аталаған тэг –бірэлементі тэг.Сондықтан
ол жалғыз жазылады. Web құжаттарындағы сурет немесе графика ереже
бойынша үш форматта жазылады, олар:GIF,JPG,PNG .Сіздің салатын суретіңіз
“Lesson” бумасының ішіне жұмыс каталогы ретінде жазылады.Сол жағдайда
ғана Сіз оны Web құжатына орналастыра аласыз.
Жазылу форматы:

1. HTML файлына өзгерістер енгіз:
< HTML>





HTML-де

құжаттарды құру алгоритмі

Сурет атрибуттарын тағайындау
Сурет атрибуттарына мына тэгалар жатады:ALT, BORDER,ALIGH, HEIGHT, WIDTH,
VSPASE, HSPACE. Ал олардың жазылу форматы мен сипаттамасына 2- кестеде
берілген.
Сурет атрибуттарының сипаттамасы
2-кесте

| | | |
|Атрибут |Жазылу форматы |Сипаттамасы |
|ALT || |ALT=”суретке түсініктеме” > |оның орына сурет атының |
| | |жазулыу, не сол сурет жөнінде|
| | |мәлімет беріледі |
|BORDER || |BORDER=”3”> |сызығының қалындығы |
| | |пиксельмен беріледі. |
|ALIGN || |ALIGN=TOP> |суреттердің орналасуы |
| | |көсретіледі.Қызметші сөздер: |
| | |жоғары, төмен ,ортада ,сол |
| | |жақта , оң жақта |
|HEIGHT || |HEIGHT=111> |пиксельмен немесе терезе |
| | |биіктігінің пайызымен береді.|
|WIDTH || |WIDTH=220> |немесе терезе енінің |
| | |пайызымен береді. |
|VSPASCE || |VSPASCE > |жақтарының бос аймақ мөлшерін|
| | |пиксельмен береді |
|HSPACE || |HSPACE=”8”> |шеттеріндегі бос аймақ |
| | |мөлшерін пиксельмен береді. |

V.Бекіту тапсырмалары
№1-тапсырма. Мәтінге сурет енгіз.
Оқу инемен құдық қазғандай
Кітаптар
Кітап білім бұлағы
< HTML>

Оқу инемен құдық қазғандай

Кітап білім бұлағы


№2-тапсырма.Мәтінге сурет енгіз
< HTML>

Жаз

Жаз келді

Жайнады айнала

/H4>

№3-тапсырма .Төменде берілген тапсырмаға программа жаз
Internet - бүкіләлемдік компьютерлік желі .
№4-тапсырма.Төменде берілген программа үзіндісін толықтырып жаз:
< PALING=CENTER>
HTML-де


<1> Құжаттарды құру алгоритмі




...........
5 –ші тапсырма . Суреттер кітапханасынан дайын суреттерді пайдаланып,
программасын құр.
VI.Сабақты қорытындылау кезеңі.Тест жұмысымен қорытындылау
Бағалау
Үйге тапсырма беру: ;жаңа тақырыпты қайталау .