Веб парақ бетіндегі графика. Информатика, 10 сынып, сабақ жоспары.

Ақтөбе қаласындағы физика-математикалық бағыттағы Назарбаев Зияткерлік мектебі

Пән:

Мұғалімнің аты-жөні:

Дата:

Класс: 10

Оқушы саны:

Ұзақ мерзімді жоспар бөлімі

10.2A - Веб-дизайн

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

Веб парақ бетіндегі графика

Бастапқы білім

● Оқушылар HTML негізгі тегтерін біледі.

Оқыту мақсаттары

10.2.3.3 графикалық объектілер мен анимацияны веб-бетте орналастыру (логотип, баннер және т.б.)

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

● Оқушыларға анимациялар жасау және графикалық объектілерді веб-бетте енгізуді үйрету

Жетістік критерийлері (10-12 сыныптар) / бағалау критерийлері (7-9 сыныптар)

Веб-парақта суреттер, анимациялар және логотиптерді пайдаланады

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

Терминдік сөздік: @keyframes, hover, selector

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

 дарыту

Уақытты басқарудың маңыздылығы, информатика кабинетінде құрал жабдықты мұқият қолдану.

 Пәнаралық байланыстар

 Дифференциация

Мұғалім диффиренциация ретінде күрделендірлген тапсырма беруі мүмкін

 АКТ қолдану дағдылары

Анимацияларды құру және графиканы веб-параққа енгізу

Денсаулық және қауіпсіздік техникасының сақталуы

Қауіпсіздік ережесін жұмыс барысында ұстану

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

Сабақтың жоспарланған кезеңдері

Сабақтағы жоспарланған іс-әрекет

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

2 мин

1. Ұйымдастыру уақыты.

Студенттердің қарсы алу.

Сабақтың тақырыбын жариялау, оқу мақсаттарымен және бағалау критерийлерімен танысу

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

3 мин

2 мин

5 мин

3 мин

5 мин

5 мин

5 мин

8 мин

1. Студенттермен әңгімелесу

Мұғалім сұрақ қояды: сайтыңызды қалай әдемі ете аласыз?

Оқытушы оқушыларды графикалық объектілер мен анимацияларды веб-қолдануға бағыттайды.

2. Сайттарды көрсету

Мұғалім оқушыларға әдемі емес және әдемі сайт көрсетеді.

3. Сабақтың тақырыбын меңгеру

Оқытушы веб-бетте анимациялар мен графиктер жасау үшін тегтер мен стильдерді көрсетеді.

Мұғалім веб-беттегі суреттерді кірістіру үшін <img> тегінің қолданылуын көрсетеді.

Border-radius стилін көрсету. Мұғалім студенттерге осы стильді қалай дұрыс пайдалануға болатынын түсіндіреді.

Hover Псевдокласс қолдану көрсету. Оқытушы студенттерге Hover псевдокласс туралы түсіндіреді, сондай-ақ, қолдану мысалын көрсетеді.

Мұғалім оқушыларға @ keyframes туралы түсіндіреді. @keyframes-ды қолданып анимацияны құруды көрсетеді.

4. Жаңа тақырыпты бекіту

Оқушылар жеке веб парақ құрастырады.

Веб парақ құрастырудың критерийлері:

● @keyframe арқылы анимация болу керек

● логотипі болуы керек

● бұрыштары дөңгеленген кемінде бір сурет болуы керек.

● гиперсілтемелерге курсор апарғанда кезде түсі өзгеретін болуы керек.

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

2 мин

Материалды игеру деңгейін тексеру:

Сіз сыныпта не білдіңіз?

Бүгін не үйрендіңіз?

Сабақ бойынша рефлексия

Сабақ мақсаттары/оқу мақсаттары дұрыс қойылған ба?

Оқушылардың барлығы ОМ қол жеткізді ме? Жеткізбесе, неліктен?

Дифференциация дұрыс жүргізілді ме?

Сабақтың уақыттық кезеңдері сақталды ма?

Сабақ жоспарынан қандай ауытқулар

болды, неліктен?

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

Жалпы баға

Сабақтың жақсы өткен екі аспектісі (оқыту туралы да, оқу туралы да ойланыңыз)?

1:

2:

Сабақты жақсартуға не ықпал ете алады (оқыту туралы да, оқу туралы да ойланыңыз)?

1:

2:

Бұл сабақтан мен келесі сабағыма әсер ететін, сынып туралы немесе оқушылар жайында нені білдім?