Web программалау 11 сынып

Сыныбы:11 «Ә»

Сабақтың тақырыбы: Web-программалау

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

• JavaScript тілінің web-парақттың интерактивтік элементтерін құруға қажеттікейбір мүмкіндіктерімен таныстыру.

Оқушылар білуі тиіс:сценарий түрлерін,

Оқушылар үйренуі тиіс:скриптер(кейбір оқиғаларды өңдейтін функциялар)құруды және оларды web-парақтаға қосуды бетке скриптері бар сыртқы файлды тіркеуді.скриптің орындалу нәтижелерін анықтауды, скриптердегі қателерді табуды және түзетеді.

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

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

II Сабақтың мақсат-міндеттерін қою

III Білімді өзектендіру

§30-ды бақылау сұрақтары бойынша сұхбаттасу.

1.Сайтқа кірушімен кері байланысты ұйымдастыру үшін web-парақтың қандай элементтерін құруды үйрендік?

2.форманың мәліметтерін жөнелту үшін қандай міндетті элемент қызмет етеді?

3. web-парақты жөндегенде браузер терезесінде қандай өзгерістер болуы мүмкін?

4.Терезе тақырыбының мазмұны HTML құжаттың қай бөлімінде жазылады?

HTML құралдарының көмегімен парақты қарағанда біз,мысалы,қалып күй жолын немесе суреттің мөлшерін өзгерте аламызба?

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

Тақырыпты оқуға бөлінген уақыт көлемі оқушыларды JavaScript тілінде толыққанды программалауға үйретуге мүмкіндік бермейді.Мақсатымыз:оқушыға бұдан кейін осы бағыттағы жұмыстармен айналысу қажетігін анықтауға мүмкіндік беретін таныстыру.

Жаңа материалды түсіндіру параграф мәтінінде ұсынылған тәжірибелік тапсырмаларды компьютерде орындаумен жалғасады. JavaScript құрамындағы нысандарға қатынасу синтаксисі,операторлар және басқа нысандарға бағытталатын программалау тілдеріндегі ережелерге ұқсас болғандықтан сценарилермен жұмыс жасағанда әдетте ешқандай проблемалар туындамайды.

Сұрақтар қойыңыз:

1.Жұмыс кезінде жүйеде қандай оқиғалар орын алады?(тінтуірді шерту,сілтеменің жылжуы және т.б)

2.Нысандарға бағытталған программа тілдерінде (НБП) оқиғаларды өңдеуді қалай жазатын едіңдер?(оқиғаны өңдеуші-процедура немесе функция)

3.Қалай ойлайсыңдар,web-парақтың қандай элементтері сценарилермен басқарылады?

Үйлестікті жүргізіңіз:

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

Тәжірибелік жұмысты орындауды оқушылардың бәрі А деңгейінен бастап,біртіндеп келесі деңгейлерге өтулері керек.Скрипт фрагменті жұмысының нәтижесін мәтінді компьютерде термей тұрып анықтауға талаптанып,өз жорамалдарының дұрыстығын,одан кейін тәжірибе жүзінде тексеріп көріңдер.

Меңзерді тінтуірге апарғанда(onMouseOver оқиғасы) pic1 (атрибут name)атауы меншіктелген b.gif файылындағы гиперсілтеме-сурет a.gif файылындағы суретпен алмастырылады.Ал меңзерді тінтуірден алып кеткенде (onMouse out оқиғасы),b.gif суретті қайтадан гиперсілтеме болады.Динамикалық түрде тегінің SRC атрибуты өзгереді.

Тырнақшалардың қалай қойылғанына көңіл аудару.

С деңгейі

Тапсырма-параграфтағы мысал мен В деңгейі есебінің кодтарын біріктіру.

Екі sizer() және newcolor() функциялары скриптің ішінде бірінен соң бірі орналасады.Оқушыларға мынадай проблеманы шешуді ұсыныңыз:суреттің мөлшері өзгерген кезде батырмалар бейнесінің жылжып кетуінен қалай құтыламыз

VI.Қорытындылау

Тәжірибелік жұмыс нәтижелерін талқылау.Жұмысты бағалау.

VII.Рефлекция

Оқушыларға тақтадағы плакаттың сәйкес аймағынына нүкте қоюды ұсыныңыз.

1.Жасыл-Сабаққа қанағаттандым сабақ мен үшін пайдалы болды,мен сабаққа көп және табысты жұмыс істедім және лайықты баға алдым,сабаққа не айтылғанын түсіндім.

Сары-Сабақ қызықты болды,мен оған белсенді қатыстым,сабақ мен үшін белгілі дәрежеде пайдалы болды.мен орнымнан тұрып жауап бердім,тапсырмалардың бірнешеуін орындай алдым,сабақ үстінде маған ыңғайлы болды.

Қызыл-сабаққа көп пайда таппадым,әңгіме не туралы болғанын толық түсінбедім,бұл маған қажет емес,мен үй тапсырмасын орындамаймын,сабақтың жауаптарына дайын болған жоқпын.

VIII.Үй тапсырмасы

§31-ді оқу,бақылау сұрақтары мен «Өзіңді тексер»тестінің сұрақтарына жауап беру

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