Web-парақ ішіне суреттерді орналастыру

Сабақтың тақырыбы: Web-парақ ішіне суреттерді орналастыру

Сабақтың мақсаты: HTML тілінде сурет тэгасы қызметін үйрету.

Білімділік:Сурет салу атрибуттарымен және олардың жазылу жолдарымен таныстыру.

Дамытушылық: HTML тілінде сурет салу арқылы оқушылардың шығармашлық қабілетін дамыту

Тәрбиелік: Әсемділікке, әдемілікке баулу. Оқушылардың эстетикалық талғамын байыту, ақпараттық мәдениетін қалыптастыру және ұқыптылыққа тәрбиелеу.

Сабақтың түрі, әдісі: аралас сабақ

Пән аралақы байланыс:әдебиет

Сабақтың көрнекілігі:

1. Суреттер.

2. Cлайттар

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

І. Ұйымдастыру барысы

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

ә) Оқушылардың сабаққа даярлығын бақылау

ІІ. Үй тапсырмасын тексеру, қайталау:

Өткен материалдарды қайталау (слайд арқылы)

№1 тапсырма. Қәріптер өлшемі қанша екенін анықта.

< HTML>

<HEAD>

<TITLE> HTML- де практикалық жұмыс </TITLE>

</HEAD>

<BODY>

 Қазақстан - 

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

</BODY>

</HTML>

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

< HTML>

<HEAD>

<TITLE> HTML- де практикалық жұмыс </TITLE>

</HEAD>

<BODY>

<H1> HTML- де <H1> құжаттар құру алгоритмі 

</BODY>

</HTML>

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

< HTML>

<HEAD>

<TITLE> сөздің жазылуы </TITLE>

<BODY>

<H1 align=center> <h1>

<HTML>

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

< HTML>

<HEAD>

<TITLE> HTML- де практикалық жұмыс </TITLE>

</HEAD>

<BODY>

<PALIGN=CENTER>

 HTML-де 

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



</BODY>

</HTML>

<HTML>

<HEAD><TITLE> HTML- де практикалық жұмыс</TITLE>

</HEAD>

<BODY>

<BODY BGCOLOR=”#FF888CC” TEXT=”#330066>

<PALIGN=CENTER>

 HTML-де 

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



</BODY>

</HTML

III. Сөзтізбек

8: 8

8: 1

Көлденеңнен

Даму тарихы 4 кезеңнен тұратын бүкіләлемдік компьютерлік желі

1. 101 және 102 батырмалардан тұратын енгізу құрылғысы

2. Сыртқы құрылғы

3. Хабарламаларды жіберу тәсілдері мен ұсыну формаларын бекітетін стандарттар

4. Бүкіләлемдік компьютерлік желімен компьютерді байланыстыратын құрал

5. Қосымша элементтерді басқару мақсатында ішіне екпінді элемент орналастыратын мәтін.

6. Планшетті, барабанды, қолмен кескінді қайта өңдеп экранға орналастыруға болатын құрал.

7. HTML тілінің командасы

8. . Информацияны сақтау құрылғысы.

Д: Д

Д: К

Д: Л

Д: А

Д: В

Д: И

Д: А

Д: Т

Д: У

Д: Р

Д: А

ІV. Жаңа сабақтың негізгі материалы

Web -парақ ішіне суреттерді орналастыру

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

Жазылу форматы:

<IMG SRC=” Сурет ”>

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

< HTML>

<HEAD>

<TITLE> HTML- де практикалық жұмыс </TITLE>

</HEAD>

<BODY BGCOLOR=”#FF888CC” TEXT=”#330066>

<PALIGN=CENTER>

 HTML-де 

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

<IMG SRC=”fullscreen. png”>



</BODY>

</HTML

Сурет атрибуттарын тағайындау

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

Сурет атрибуттарының сипаттамасы

2-кесте