Веб-бетке сурет қою бойынша информатика сабақ жоспары

Ұзақ мерзімді жоспардың тарауы: Веб-жобалау

Мектеп: «Б. Майлин атындағы мектеп-балабақша кешені» КММ

Мұғалімнің аты-жөні: Нұртаева Қ.М.

Сынып: 10

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

Сабақтың

тақырыбы

Web-бетке сурет қою

Осы сабақта қол жеткізілетін оқу мақсаттары (оқу программасына

сілтеме)

10.4.2.4 веб -бетте мультимедиа нысандарын енгізу үшін HTML (аш ти эм эл) тегтерін қолдану

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

Барлық оқушы: HTML-де құжатқа суреттік графика қою тегінің қандай атрибуттары барын біледі

Көпшілік оқушы: Атрибуттарды қолданып HTML тілінің құжатына графика орната алады

Кейбір оқушы: Өз бетінше веб-бет құра алады.

Ойлау дағдылары

Білу, түсіну, қолдану, жинақтау

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

HTML тілінде веб-бет құруды біледі.

HTML тілінің графикалық мүмкіндіктерін қолданып, веб-бет жобасын безендіре алады.

HTML тілінің графикалық мүмкіндіктерін қолданып, өз бетінше веб-бет жобасын жасай алады.

Тілдік мақсаттар

Пәндік лексика және терминология:

IMG, BODY, GIF, JPG, PNG, ALT, ALIGN, HEIGHT, WIDTH, VSPACE, HSPACE

Диалог /жазбаша жұмысқа қажетті пайдалы фразалар топтамасы

Веб-беттегі графика ... форматтарында енгізіледі. Сурет орнату атрибуттарын жазыңдар.

Құндылықтарға

баулу

Топта бірлесіп жұмыс істеу, топ ережесіне бағыну, бір-бірінің пікірін тыңдау

Пәнаралық

байланыс

Ағылшын тілінде сөздер қолданылады

Алдыңғы білім

HTML-де қаріптің өлшемін, түсі мен түрін белгілеу

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

Сабақтың

жоспарланған кезеңдері

Сабақтағы жоспарланған жаттығу түрлері

Ресурстар

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

2 минут

5 минут

1 минут

Ұйымдастыру: Сәлемдесу, түгендеу

Шаттық шеңбері: « Сөз тізбегі» ойыны. Оқушылар тілек айтады. Бірінші оқушы бір тілек айтады, қандай әріптен аяқталса, келесі оқушы сол әріптен басталатын тілек айтады.

Өткен сабақты пысықтау: «Kahoot» ойыны арқылы тест тапсырмасын орындау

Тест жұмысы:

1. Кесте мазмұныны орналасқан контейнерді білдіретін тег?

А) table

B) border

c) td

2. кесте жолдары арқылы құрылған жолды белгілеу контейнері?

А) th

B) td

c) tr

3. кесте жолдары арқылы құрылған бағанның тақырыптарын көрсету контейнері?

А) th

B) td

c) tr

4. кесте жолдары арқылы құрылған ұяшықтардағы деректер үшін пайдаланылатын контейнер?

А) th

B) td

c) tr

5. aling = “ ….” атрибутының мәнінің сипаттамысын көрсет

А) Жол ұяшықтарының фонының суреті

B) Жол ұяшықтарындағы мәліметтерді туралау режимін анықтайды

c) Кесте жиегінің енін пиксельдерде орнатады

6. Жол ұяшықтарының фонын толтыратын сурет атрибутын көрсет

А) background=”URL”

B) bgcolor= “ color”

c) bordercolor=”color”

7. bgcolor= “ color” атрибутының мәнінің сипаттамысын көрсет

А) ұяшық жиегінің түсін өзгерту

B) Жол ұяшықтарының фонын толтыратын сурет

c) жол ұяшықтарының фон түсі

8. Ұяшық жиегінің түсін өзгерту атрибутын көрсет

А) background=”URL”

B) bgcolor= “ color”

c) bordercolor=”color”

9. Барлық кестенің немесе ұяшықтың енін пиксельдерде пайыздық үлесте анықтайтын атрибутты көрсетіңіз.

А) width = “…”

B) height =”…”

c) border = “…”

10. Барлық кестенің немесе ұяшықтың биіктігін пиксельдерде пайыздық үлесте анықтайтын атрибутты көрсетіңіз.

А) width = “…”

B) height =”…”

c) border = “…”

11. Кесте жиегінің енін пиксельдерде орнадатын атрибут

А) width = “…”

B) height =”…”

c) border = “…”

12. Бір бағанда екі іргелес ұяшықтарды біріктіру үшін қолданылатын тег

А) <td> rowspan=”2” </td>

B) <td> colspan=”2” </td>

c) <table border>