Бұл материал сайт қолданушысы жариялаған. Материалдың ішінде жазылған барлық ақпаратқа жауапкершілікті жариялаған қолданушы жауап береді. Ұстаз тілегі тек ақпаратты таратуға қолдау көрсетеді. Егер материал сіздің авторлық құқығыңызды бұзған болса немесе басқа да себептермен сайттан өшіру керек деп ойласаңыз осында жазыңыз

Бонусты жинап картаңызға (kaspi Gold, Halyk bank) шығарып аласыз
информатика 10 сынып қмж 3 тоқсан
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
Каипова Назира Сапаралиевна |
Күні: 19.01.2022ж |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
10 |
Сабақтың тақырыбы |
§ 4.1 WEB-ПРОГРАММАЛАУ. WEB-САЙТ ТУРАЛЫ ТҮСІНІК |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-парақшаларды әзірлеуде HTML-тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: Web-программалау, HTML тілі ұғымдарын анықтайды Көпшілік оқушы: Сайтты жариялау тәсілдерін салыстырады Кейбір оқушы: Web-сайтты жасақтау жұмысын қолданады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу Шаттық шеңбері: «Үш тілді тілек» әдісі Оқушылар ішіне үш тілде тілек жазылған жүрекшелерді алып оқып, келесі оқушыға ұсынады. «Миға шабуыл» әдісі
«Көршіңе әңгімелеп бер» әдісіОқушылар кітаппен жұмыс істейді. Түсінгендерін қасындағы құрбысына айтып береді. Мұғалім оқушылардың білімдерін толықтырады. Ауызша мадақтау, ынталандыру 1-тапсырма. «Венн диаграммасы» әдісі Оқушылар HTML тілі мен WEB-программалауды салыстырады. Дескриптор:HTML тілі мен WEB-программалау ұғымдарын анықтайды. Фигуралар арқылы бағалау 2-тапсырма.
Web-сайттың танымалдығына төмендегі көрсетілген түрткіжайттардың қайсысының әсері үлкен деп ойлайсыңдар?
Дескриптор: Web-сайт программалау туралы тұжырым жасайды Шағын тест Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «Екі жұлдыз, бір тілек» әдісі Оқушылар сабақта алған жақсы екі ақпаратын және түсінбеген бір сұрағын стикерге жазады |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды Оқушылардың іс-әрекеттерін ауызша мадақтау |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап |
Сабақтың тақырыбы: § 4.2 HTML ТІЛІ
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
Каипова Назира Сапаралиевна |
Күні: 21.01.2022ж |
Қатысушылар саны: Қатыспағандар саны: |
Сынып: |
10 |
Сабақтың тақырыбы |
§ 4.2 HTML ТІЛІ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-парақшаларды жасауда HTML-тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: «HTML тілі», «тег» ұғымдарын анықтайды Көпшілік оқушы: HTML тілі құжатының құрылымымен танысады Кейбір оқушы: HTML тілінде құжаттың ішкі элементтерін басқару тегтерін қолданады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу Шаттық шеңбері: оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады. Топқа біріктіру: «Мозайка» әдісі Сурет қиындылары арқылы топтарға бірігеді. Өткен сабақты пысықтау
«Миға шабуыл» әдісі
HTML тілінің өздеріңе таныс басқа программалау тілдерінен қандай ерекшелігі бар деп ойлайсыңдар? \«Ойлан, жұптас, бөліс» әдісі Оқушылар кітаптағы тақырыпты жұптасып талқылайды. Мұғалім оқушылардың білімдерін толықтырады. Ауызша мадақтау, ынталандыру 1-тапсырма. - HTML тілінде құжаттың ішкі элементтерін басқару командаларының жұмысын талдаңдар. Бұл командаларды жұмыс қызметтеріне қарай топтарға жіктеңдер. Дескриптор: HTML тілінің ішкі элементтерінің басқару командаларының жұмысын анықтайды. Фигуралар арқылы бағалау 2-тапсырма. 1. HTML тілінің кодын енгізіп, нәтижесін алыңдар. <h1>Тақырыбы</h1> <h2> Тақырыбы </h2> <h3> Тақырыбы </h3> HTML тілінің кодын енгізіп, нәтижесін алыңдар <HTML> <BODY> <p><b>Бұл қалың жазу</b></p> <p><strong>Это strong- текст</strong></p> <p><big>Бұл үлкен жазу</big></p> <p><i>Қиғаш жазу</i></p> </BODY> </HTML> Төмендегі өлең жолдарын Web-бетке орналастыр «Отан» деген – атамекен, «Отан» деген – туған жер. Отан – ана, Отан үлкен Қазақстан – туған ел! Е. Өтетілеуұлы Дескриптор: HTML тілінің кодын енгізіп, веб-бет жасайды. Фигуралар арқылы бағалау 3-тапсырма. Қарапайым құжаттың жобасын дайындап, оның HTML тіліндегі кодын жазып ұсыныңдар (мысалы, сынып оқушыларының тізімі). Дескриптор: Жасалған құжат жобасына HTML тілінің кодын жазып ұсынады. Оқушылардың тапсырмаларды орындау нәтижесін бағалау парағына балл қою арқылы бағалау Шағын тест Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «Блоб ағашы» әдісі Оқушылар сабақтан алған әсерін ағашқа өрмелеген маймылдарды бояу арқылы көрсетеді. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап |
Сабақтың тақырыбы: § 4.3 HTML-ДЕ ҚАРІПТІҢ ӨЛШЕМІН, ТҮСІ МЕН ТҮРІН БЕЛГІЛЕУ
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
Каипова Назира Сапаралиевна |
Күні: 26.01.2022ж |
Қатысушылар саны: Қатыспағандар саны: |
Сынып: 10 |
|
Сабақтың тақырыбы |
§ 4.3 HTML-ДЕ ҚАРІПТІҢ ӨЛШЕМІН, ТҮСІ МЕН ТҮРІН БЕЛГІЛЕУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-парақшаларды жасауда HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML құжатын форматтау тәсілімен танысады Көпшілік оқушы: Параметрлерді, түстерді, т.б. өзгерту тегтерін анықтайды Кейбір оқушы: Тегтерді қолданып құжаттың параметрлерін өзгертеді |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу Шаттық шеңбері: Сыныпта көңілді ахуал орнату Топқа біріктіру: Сурет қиындыларын құрастыру арқылы топтарға бірігеді. Өткен сабақты пысықтау: «Үш қадамдық сұхбат» әдісі Төрт адамнан тұратын топтарды жұптарға бөлеміз: А және Ә, Б және В. 1-қадам: А Ә-дан сұхбат алады, ал Б В-дан сұхбат алады. 2-қадам: керісінше Ә А-дан сұхбат алады, ал В Б-дан сұхбат алады. 3-қадам: әр оқушы өз жұбы туралы ақпаратпен төрт адамдық топ ішінде бөліседі. «Миға шабуыл» әдісі
«Джигсо» әдісі Кітаппен жұмыс. Топта талқылайды. 1-тапсырма. - HTML-де кестені өзгертетін атрибуттар тізімін пайдаланып, кесте құрыңдар. Дескриптор: HTML-де кесте параметрлерін өзгерте алады. Медальдар арқылы бағалау 2-тапсырма. HTML-де өзің жайлы деректерді интернетке жариялау үшін веб-бетін жасап, ұсыныңдар. Дескриптор: Веб-бет жасау үшін HTML тілін қолданады. Медальдар арқылы бағалау 3-тапсырма. «Менің мектебім» жобасы. Қарастырылған тегтер мен атрибуттарды қолданып, өз мектебің туралы веб-бет құрыңдар. Құжатты өз бетіңше безендір. Дескриптор: Веб-бет жасайды, құжатты безендіре алады. Оқушылардың жұмыстарын «Сағат» әдісін қолданып бағалау. Сағат шәкіліне оқушылардың аттарын стикерге жазып, жапсыру. Шағын тест Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «Блоб ағашы» әдісі Оқушылар сабақтан алған әсерін ағашқа өрмелеген маймылдарды бояу арқылы көрсетеді |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап |
Сабақтың тақырыбы: § 4.4 HTML ТІЛІНДЕ КЕСТЕ ҚҰРУ
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.4 HTML ТІЛІНДЕ КЕСТЕ ҚҰРУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-беттерді жасауда HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML тілінде кесте құру алгоритмін біледі Көпшілік оқушы: Кестені өзгертетін атрибуттарды анықтайды Кейбір оқушы: HTML тегтерін қолданудың қажеттілігін тұжырымдайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу Шаттық шеңбері: «Жүректен - жүрекке» Оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады. Топқа біріктіру: Үш түрлі шарлар арқылы топтарға бірігеді. Өткен сабақты пысықтау: «555» әдісі Мұнда оқушылар топ ішінде өткен тақырып бойынша түйінді идеяларды жазады. Мұндағы бірінші 5 – топ саны, екінші 5 – идеялар саны, үшінші 5 – уақыт. Сондықтан топ санына байланысты 434 деп (т.б.) өзгертуге болады, яғни 4 топ 4 минут ішінде 3 тақырыптың түйінін жазуы керек. Смайлдер арқылы бағалау «Миға шабуыл» әдісі
Web-беттерде деректерді қалай кесте түрінде ұсынуға болады? «Ойлан, жұптас, бөліс» әдісі
Ауызша мадақтау, ынталандыру 1-тапсырма. - HTML-де кестені өзгертетін атрибуттар тізімін пайдаланып кесте құрыңдар. Дескриптор: Нұсқаулық бойынша атрибуттарды қолданып кесте құру жолын анықтайды. Смайлдер арқылы бағалау 2-тапсырма.
<TABLE border=1> <TR> <TD> мәтін</td> <TD> мәтін</td> <TD> мәтін</td> </tr> <TR> <TD> мәтін</td> <TD> мәтін</td> <TD> мәтін</td> </tr></table> </body></html> Дескриптор: Кестені өзгертетін атрибуттарды анықтайды. Смайлдер арқылы бағалау 3-тапсырма. HTML-де өздерің күнделікті пайдаланатын кестені интернетке жариялау үшін веб-бетін жасап, ұсыныңдар. Дескриптор: Кестені жариялау үшін веб-бет жасайды. Смайлдер арқылы бағалау Тест тапсырмасы Өздерін бағалайды Кері байланыс: «Бутерброд» әдісі Оқушылардың бір тобы тақырып туралы жағымды пікір, екінші тобы сын, үшінші тобы тағы да жағымды пікір айтады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап |
Сабақтың тақырыбы: § 4.5 HTML ТІЛІ ҚҰЖАТЫНДА ГРАФИКАНЫ ҚОЛДАНУ
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.5 HTML ТІЛІ ҚҰЖАТЫНДА ГРАФИКАНЫ ҚОЛДАНУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-беттерді жасауда HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML-де құжатқа суреттік графика орнатуды біледі Көпшілік оқушы: Фондық суреттер кірістіру атрибуттарын анықтайды Кейбір оқушы: Атрибуттарды қолданып HTML тілінің құжатына графика орната алады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Топқа біріктіру: «Смайлдер» әдісі Оқушылар үш түрлі көңілді смайлдер арқылы топтарға бірігеді. Өткен сабақты пысықтау: «Өкіл» әдісі Топтар өткен тақырып туралы постер жасайды. Топтың бір адамы елші болып сайланады да, зерделенген материалды түсіндіру және жинақтау, бұлтуралы жаңа топтың ойын, бір шешімге келгенін немесе жетістікке жеткенін білу үшін басқа топқа барады. Бұдан кейін елші өз тобына оралып, білгендерін айтып береді. Жұмыстарын ауызша мадақтау, ынталандыру «Миға шабуыл» әдісі
«Ойлан, жұптас, бөліс» әдісі Оқушылар кітаппен жұмыс істейді. Түсінгендерін жұбымен бөліседі. Ауызша мадақтау, ынталандыру 1-тапсырма. «Қазақстан – көпэтносты мемлекет» тақырыбында веб-бет құрайық. Ол үшін интернеттен немесе басқа да көздерден елімізде өмір сүретін әртүрлі этнос өкілдерінің достығын бейнелейтін суреттерді орналастырайық. Дескриптор: HTML-де веб-бет құруды біледі. Медальдар арқылы бағалау 2-тапсырма. HTML-де «Қазақстанның табиғаты» тақырыбында веб-бет жобасын ұсыныңдар. Дескриптор: HTML тілінің графикалық мүмкіндіктерін қолданып, веб-бет жобасын безендіре алады. Медальдар арқылы бағалау 3-тапсырма.
HTML тілінің графикалық мүмкіндіктерін қолданып, өз бетінше веб-бет жобасын жасай алады. Оқушылардың жұмыстары бағалау парағына балл қою арқылы бағаланады.«Зымыран сұрақтар» Оқушылар қағазға үш сұрақтан жазып, ұшақ жасайды келесі топқа ұшырады. Ол топ жауаптарын айтады. Өздерін бағалайды Кері байланыс: «Басбармақ» әдісі Оқушылар сабақтан алған әсерін басбармақтарын көрсету арқылы білдіреді. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап Дәптер Пк |
Сабақтың тақырыбы: § 4.6 HTML ТІЛІНДЕ ПРАКТИКАЛЫҚ ЖҰМЫС
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.6 HTML ТІЛІНДЕ ПРАКТИКАЛЫҚ ЖҰМЫС |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 веб-беттерді жасауда HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML тілінде көп сатылы тізім жасай алады Көпшілік оқушы: HTML тілінде кесте құрады Кейбір оқушы: HTML тілінде құжатқа мәтін енгізе алады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: «Сынық вагон» әдісі Оқушылар арасынан сарапшылар сайланады. Вагондар нөмірленеді. Сарапшылардың міндеті – вагондарды рельске қосу. Кезекпен нөмір бойынша вагондарды шақырады. Олар тараудың басынан білетіндерін айтады. Сарапшылар кез келген жерінен тоқтатып, келесі вагонды шақырады. Жалғастырылмаған вагон сынық болады. Оған соңына дейін тыңдап, қайталауға мүмкіндік беріледі. Оқушылардың жауаптарын ауызша бағалау «Миға шабуыл» әдісі
HTML тілінің өздеріңе таныс басқа программалау тілдерінен қандай ерекшелігі бар деп ойлайсың? «Кім жылдам?» ойыны Оқушылар берілген тапсырмаларды жылдам орындайды. Ауызша мадақтау, ынталандыру
1-тапсырма. Көпсатылы тізім жасау. Дескриптор: Көпсатылы тізім жасай алады. Фигуралар арқылы бағалау 2-тапсырма. Кесте құру. Оқулықтағы тапсырма бойынша кесте құрыңдар. Дескриптор: Кесте құра алады. Фигуралар арқылы бағалау 3-тапсырма. Мәтін енгізу. Дескриптор: HTML тілінде құжатқа мәтін енгізеді. «Эссе» жазу Оқушылар HTML тілінде веб-бет жасаудың артықшылығы мен кемшілігі туралы ойларын жазады. Өздерін бағалайды Кері байланыс: «Рефлексиялық нысана» әдісі Нысананың суреті төрт бөлікке сызылады: «Белсенді қатыстым», «Қызықты болды», «Түсінікті болды», «Жаңаны білдім». Оқушылар өз пікірлерін жазады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап |
Сабақтың тақырыбы: § 4.7 HTML ТІЛІНДЕ СІЛТЕМЕЛЕР
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.7 HTML ТІЛІНДЕ СІЛТЕМЕЛЕР |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.1 web-беттерді жасауда HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: «Броузер», «сілтеме» ұғымымен танысады Көпшілік оқушы: Web-беттерде сілтемені қолдану әдістерін анықтайды Кейбір оқушы: Web-беттерде сілтемені қолданудың маңыздылығын тұжырымдайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
||||||||||||||||||
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Шаттық шеңбері: Оқушылар бір-біріне бір сөзбен жақсы тілек айтады. Топқа біріктіру: Ойын картасы арқылы топтарға біріктіру. Өткен сабақты пысықтау: Кестемен жұмыс. Оқушылар кестедегі мәліметтерді толықтырады.
Оқушылардың жауаптарын ауызша мадақтау, ынталандыру «Миға шабуыл» әдісі
«Көршіңе әңгімелеп бер» әдісі Оқушылар кітаппен жұмыс істейді. Түсінгендерін қасындағы оқушыға айтып береді. Ауызша мадақтау, ынталандыру 1-тапсырма. Екі веб-бет жаса. Бірінші веб-бетте сағаттың суреті орналассын. Сағат суретіне гиперсілтеме қою арқылы ол жерден сағат жайлы ақпарат орналасқан веб-бет жаса. Дескриптор: Веб-бетте гиперсілтеме жасауды біледі. Фигуралар арқылы бағалау 2-тапсырма.
Дескриптор: HTML-де танымал сайттарға гиперсілтемесі бар веб- бет жасайды. Фигуралар арқылы бағалау 3-тапсырма. Төмендегі суреттер мен олардың атаулары жазылған веб-бет жасаңдар. Бұл суреттерге сілтеме қою арқылы осы суреттегі заттар жайлы ақпарат беретін басқа веб- бетке ауысатын HTML кодын жасаңдар. Дескриптор: -Веб-беттегі суреттерге сілтеме қояды, басқа веб-бетке ауыстырады. Оқушылардың жұмыстары шәкіл бойынша бағаланады. «Сызғыш» әдісін қолдану. Сызғыштың шәкіліне оқушылардың атын жазу. Тест тапсырмасын алу Оқушылар тест жұмысын орындайды. Бір-бірін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады. HTML-де гиперсілтеме жасау |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
Компьютер Сызғыштың суреті салынған плакат, стикер |
Сабақтың тақырыбы: § 4.8 КАСКАДТЫҚ СТИЛЬДІ КЕСТЕЛЕР CSS (CASCADING STYLE SHEETS)
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.8 КАСКАДТЫҚ СТИЛЬДІ КЕСТЕЛЕР CSS (CASCADING STYLE SHEETS) |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.2 web-беттерді жасауда CSS қолдану |
Сабақтың мақсаты |
Барлық оқушы: «Каскадтық стильді кестелер» ұғымын анықтайды Көпшілік оқушы: Каскадтық стильді кестелерді код жасауда қолданады Кейбір оқушы: Каскадтық стильді кестелерді қолданудың маңыздылығын түсіндіреді |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: Оқушылар өткен сабақта берілген тапсырманың орындалу жолын бір-біріне көрсетіп, топта талдайды. Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету «Миға шабуыл» әдісі
Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру 1-тапсырма. Компьютермен жұмыс 2-суретте берілген web-беттің түсі мен мәтін түсін style.css стильдер бетін пайдаланып өзгертейік. Ол үшін style.css бетіне төмендегі кодты қосып жазамыз. Бұл код көмегімен 2-суреттегі көрсетілген web-беттің түсі көкке, ал мәтін түсі аққа өзгереді (3-сурет). 2-тапсырма. style.css стильдік бетті пайдаланып төмендегі өзгерістерді алайық. body{background: blue; color: white;} h1{color:red;} h2{color:yellow;} Дескриптор: style.css стильдік бетті қолданады. «Табыс баспалдағы» әдісі бойынша бағалау. Баспалдақтарды бояу арқылы. Боялған баспалдақтардың саны бойынша қалыптастырушы бағалау. Тест тапсырмасын алу Оқушылар тест жұмысын орындайды.
CSS қашан пайда болған?
Бір-бірін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап Дәптер Пк |
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.9. СТИЛЬДЕР КЕСТЕЛЕРІНІҢ ТІЛІНДЕ СЕЛЕКТОРЛАР ТҮРЛЕРІ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.2 web-беттерді жасауда CSS қолдану |
Сабақтың мақсаты |
Барлық оқушы: «Селектор» ұғымы мен түрлерін біледі Көпшілік оқушы: Селектор түрлерін салыстырады Кейбір оқушы: Селекторды қолданудың маңыздылығын түсіндіреді |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
||||||||
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: «Ұшақ» әдісі Оқушылар қағазға өткен тақырып бойынша сұрақтар жазып, Жауаптар топта талданады. Өзара бағалайды. Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету «Миға шабуыл» әдісі
Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру Кестемен жұмыс
Дескриптор
Селектор түрлерін салыстырады Компьютермен жұмыс: Бұл жұмыста HTML мен СSS тілдеріндегі кодтарды пайдалану ерекшеліктерін байқауға болады. html: <p> Бұл азатжолға элемент бойынша селектор қолданылған </p> <p class="green"> Бұл азатжол жасыл, себебі оған сlаss қолданылған </p> <p class ="big_red" > Бұл азатжол үлкен қаріппен және қызыл түсті болады </p> <p> Бұл азатжол қарапайым болады </p> СSS: p { font-family: arial, verdana, sans-serif; font-size:18px; } .green {color:green;} .big_red{ font-size:28px; color: red; } Дескриптор: HTML мен СSS тілдерінің айырмашылығын анықтайды. Оқушылардың жұмыстары бағалау парағына балл қою арқылы бағаланады Тест тапсырмасын алу Оқушылар тест жұмысын орындайды.
Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап Дәптер Пк |
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.10 СSS-ТЕ СЕЛЕКТОРЛАР. ИДЕНТИФИКАТОРЛЫ ЖӘНЕ КОНТЕКСТІК СЕЛЕКТОРЛАР |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.2 web-беттерді жасауда CSS қолдану |
Сабақтың мақсаты |
Барлық оқушы: идентификатор мен контекстік селекторларды анықтайды Көпшілік оқушы: идентификатор мен контекстік селекторларын салыстырады Кейбір оқушы: идентификатор мен контекстік селекторларды қолданудың ерекшелігін түсінеді |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу «Құнды қасиеттерді жинау» жаттығуы. Ең алдымен жүргізуші бастайды. Жүрекшені алып, «Мен сізге жүрекшені беремін, себебі сіз ... қайырымды адамсыз». Әр қатысушы жүрекшені алып, жалғастырады. Бірақ бір оқушы айтқан тілекті басқа оқушы қайталамауы керек. Қайталаса, айыбын өтейді. Айтылған сөздің авторының тапсырмасын орындайды. Топқа біріктіру: Сандар арқылы топтарға біріктіру Өткен сабақты пысықтау: «Фишбоун» әдісі Оқушылар плакатқа балық қаңқасының суретін салады. Жоғарғы қабырғаларына өткен тақырып туралы сұрақтар жазады. Келесі топ төменгі қабырғаларына жауаптарын жазады. Жұмыстарын тақтада түсіндіреді. Оқушылардың жауаптарын ауызша мадақтау, Ынталандыру «Миға шабуыл» әдісі
Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру Компьютермен жұмыс Практикалық тапсырма ретінде Блокнот программасында 2-ші және 3-суреттерде берілген броузер жұмысына арналған кодтарды жазып, «index.html» атымен сақта. Қазақ қаріптері веб- беттер дұрыс көріну үшін сақтау терезесінде кодировкада «Юникод»-ты таңдау керек. HTML коды дұрыс енгізілгенде 2, 3-суреттердегі веб- терезелер пайда болады. Дескриптор
Топтық жұмыс: «Венн диаграммасы» Идентификатор бойынша және контекстік селекторларды салыстырыңдар. Дескриптор: Селекторлардың ұқсастығы мен айырмашылығын салыстырады. Жұптық жұмыс Танысқан 4 селектордың бірін таңдап, сол селектор жұмысы мен ерекшелігін сипаттайтын қарапайым бір мысал дайындап ұсыныңдар. Дескриптор:
Оқушылардың жұмыстарын «Температура шәкілі» бойынша бағалау. Термометр шәкіліне оқушылардың аттарын стикерге жазып жапсыру. Тест тапсырмасын алу Оқушылар тест жұмысын орындайды
Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады. Үй тапсырмасы Оқулықта берілген қосымша тапсырмаларды орындап келу. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз ФБ қою арқылы бағалау жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ютуб каналы Дарын онлан Кітап Дәптер Пк |
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.11 HTML-ДЕ МУЛЬТИМЕДИАНЫ ЕНГІЗУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.4 Web-бетке мультимедиа нысандарын кірістіру үшін HTML тегтерін қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML-де мультимедианы қолдану туралы біледі Көпшілік оқушы: Дыбыс пен бейнені енгізу жолдарын анықтайды Кейбір оқушы: HTML-де мультимедианы қолдану қажеттілігін түсіндіреді |
|
Білу, түсіну, қолдану, жинақтау, талдау, бағалау |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: «Кубизм» әдісі Мұғалім текшенің алты қырына тапсырмалар дайындап жазады. Оқушылар текшедегі тапсырмаларды топта орындайды. Оқушылардың жұмыстарын ауызша мадақтау, қолдау көрсету «Миға шабуыл» әдісі
Мультимедиа дегеніміз не? Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру
Практикалық жұмыс 1-тапсырма. Веб-беттен дыбыс немесе бейнефайлға сілтеме жасап аш. Ол үшін төмендегі қатарларды Блокнот программасында теріп, веб-бетті «index.html» атауымен сақта. «index.html» файлын ашқанда төмендегі веб-бет пайда болады. Дыбыс және бейнефайлдардың пиктограммаларын олардың жанына енгіз. Тапсырманы орындау барысында:
<BGSOUND src = «дыбыстық файл атауы»>
<a ="аудио файл URL"> сипаттама </a> <html><head> <title>Дыбыстық және бейнефайлдарды кірістіру</title> </head> <body bgcolor=lime> <H2 align=center> Бейне немесе дыбыс файлын ойнату</H2> <p><I> Бетті жүктегенде дыбыс файлды ойнату: </I> <BGSOUND SRC="001.mp3" LOOP=INFINITE></p> <I> Бейнефайлға сілтеме: </I> <A ="002.avi"> <img src="005.jpg" width=30 height=20 BORDER=2 ALIGN=MIDDLE </A> <p><I>Дыбыстық файлға сілтеме:</I></p> <A ="004.mp3"><img src="006.jpg" width=30 height=20 BORDER=2 ALIGN=MIDDLE </A> </body> </html> Тест тапсырмасын алу Оқушылар тест жұмысын орындайды.
Бір-бірін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады Үй тапсырмасы. Қайталау |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКТ Интернет желісі Ютуб каналыннан тақырыпқа ұатысты түсірілген видоға сілтеме жіберу Ватцап |
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.12. СКРИПТЕРДІ ҚОЛДАНУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.4.2.3 web-беттерді жасауда скриптерді қолдану |
Сабақтың мақсаты |
Барлық оқушы: Скрипт және скрипт түрлерін анықтайды Көпшілік оқушы: Скриптерді құжатта қолданады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу «Тұрғындар мен үйшік» ойыны Екі оқушы бір-бірінің қолдарын жоғары көтеріп ұстап, үйшік болып тұрады. Үйшіктің ішінде бір оқушы тұрғын болып тұрады. Мұғалім «Үйшіктер ауысады», - дегенде, «үйшіктер» қолдарын жібермей ауысады. «Тұрғындар ауысады», - дегенде, «тұрғындар» ауысады, үйшік орнында қалады. Қателесіп ауысқан үйшік немесе тұрғындар ойыннан шығарылады. Топқа біріктіру: смайлдер арқылы топтарға біріктіру Өткен сабақты пысықтау Оқушылар өткен тақырып бойынша берілген тапсырмалардың жауабын топта талдайды, өзара бағалайды. Оқушылардың іс-әрекеттерін ауызша мадақтау «Миға шабуыл» әдісі
Оқулықпен жұмыс Мұғалім тақырыпты бейнежазба немесе слайд материалы арқылы көрсетеді. Оқушылар кітаппен жұмыс істейді. Мұғаліммен бірлесіп талдайды. Ауызша мадақтау, ынталандыру Компьютермен жұмыс Практикалық тапсырма ретінде Блокнот |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |
|
программасында 1-ші және 2-суреттерде берілген броузер жұмысына арналған кодтарды жазып, «index.html» атымен сақта. Қазақ қаріптері веб- беттер дұрыс көріну үшін сақтау терезесінде Кодировкада «Юникод»-ты таңдау керек. HTML коды дұрыс енгізілгенде 1, 2-суреттердегі веб- терезелер пайда болады. Дескриптор: Html тілінде веб-бет жасайды. |
|
|
|
|
2-тапсырма. Бұл әдіс document нысанымен ұсынылады. Анықталған параметрлері көрсетілген document.write әдісін шақырғанда, броузер терезесінде мәтін пайда болады (3-сурет). 1-мысал <html> <body> <SCRIPT LANGUAGE="javascript"> document.write ("<FONT COLOR='RED'> Бұл қызыл түсті мәтін</FONT>") </SCRIPT> </body> </html> Дескриптор Компьютерде html тілінде броузерге мәтін енгізеді. |
|
|
|
|
Жұптық жұмыс Скриптерді қолданудың қажеттілігін анықтап, жұпта талдаңдар. Дескриптор Скрипттерді қолданудың қажеттілігін тұжырымдайды. Оқушылардың жұмыстары аты-жөндері жазылған кесте ұяшықтарын бояу арқылы бағаланады (қызыл, сары, жасыл). |
|
|
|
|
Тест тапсырмасын алу Оқушылар тест жұмысын орындайды.
Бір-бірін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар тақырып туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін |
|
|
|
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.13-4.14 HTML ТІЛІНДЕ ПРАКТИКАЛЫҚ ЖҰМЫСТАРДЫ ОРЫНДАУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
web-беттерді жасауда CSS қолдану |
Сабақтың мақсаты |
Барлық оқушы: HTML тілінде тегтерді анықтайды Көпшілік оқушы: HTML тілінде тегтерді салыстыру, қолданады Кейбір оқушы: HTML тілінде тегтерді практикада қолданудың маңыздылығын тұжырымдайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу «Жүректен жүрекке» Оқушылар жүрекшені бір-біріне ұсына отырып жақсы тілектер айтып, сабақты бастайды. Топқа біріктіру: смайлдер арқылы топтарға біріктіру Өткен сабақты пысықтау: «Сынық вагон» әдісі Оқушылар арасынан сарапшылар сайланады. Қалған оқушылар вагондар болып нөмірленеді. Сарапшылардың қызметі – вагондарды рельске қосу. Нөмірлер шақырылады. Оқушылар тарауды басынан бастап айта бастайды. Сарапшылар кез келген жерден тоқтатып, сұрақ қояды. Жауап берсе, рельске қосылады, жауап бере алмаса, сынық вагон болып екінші рет қосылуға мүмкіндік алып, екінші қатарға тұрады. Келесі оқушы жалғастырады. Соңында сынған вагондар да қосыла алады. |
Амандасу Мұғалімді тыңдау Практикалық тапсырмаларды орындау |
Стикерлер Смайликтер Күнделік кз ФБ Қою |
Оқулық Деректер көзі: |
|
«Миға шабуыл» әдісі
HTML-ді пайдаланып қандай тақырыптарда жобалар жасағың келеді? |
|
|
|
|
Практикалық жұмыс №1 практикалық жұмыс «Қазақстандағы қорықтар» тақырыбында веб-бет жасау
Дескриптор:
Суреттердің түсін таңдау тегтерін қолданады. |
|
|
|
|
№2 практикалық жұмыс Сандарды енгізу жобасы - Төменде берілген HTML кодын енгіз. 1-суретте көрсетілген нәтижені ал. Жобаның HTML коды <!DOCTYPE html> <html><head> <meta charset="utf-8"> |
|
|
|
|
<title>Санды енгізу</title> </head> <body> <p> 1 мен 10 аралығындағы санды енгіз: input type="number" max="10" min="1" value="1" style="widt h:33px"></p> </body></html> Дескриптор: HTML-де кодтарды қолданып веб-сайт жасайды. №3 практикалық жұмыс Қоректендіргіш - Төменде берілген HTML кодын енгізсең, 3 түрлі қоректендіргіштің суретін аласың. Жобаның HTML коды <!DOCTYPE html> <html><head> <meta charset="utf-8"> <title>Батарейка</title> <style> .b {width: 150px; /* Ені */ height: 50px; /* Биіктігі*/ border: 4px solid #000; /* Қоршаудың параметрлері */ margin-bottom: 10px; /* Төменнен жылжыту */ position: relative; /* Салыстырмалы орны */} b::before, .b::after { content: ''; position: absolute; } b::after { width: 10px; height: 20px; background: #000; right: -10px; top: 15px;} .b::before { height: 100%; } .low::before { /* Қызыл түсті қоректендіргіш */ width: 33%; background: #ED1C24; } .medium::before { /* Сары түсті қоректендіргіш */ width: 66%; background: #FFC60B;} .high::before { /* Жасыл түсті қоректендіргіш */ width: 100%; background: #00A055; } </style></head> <body> <div class="b low"></div> <div class="b medium"></div> <div class="b high"></div> </body></html> №4 практикалық жұмыс «Шаршы» жобасы - Төменде берілген суреттегі шаршыларды алудың HTML кодын енгіз (3-сурет). Қара және көк түсті шаршылардың кез келгеніне тінтуірді алып барғанда шаршының түсі қызғылт сары түске ауысады (4-сурет). Жобаның HTML коды <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Шаршылар</title> style> div { width: 70px; height: 70px; display: inline-block; margin-right: 5px; } div:hover { background: #ff9f19; } .b { background: black; } .r { background: #009abf; } </style> </head> <body> <div class="b"></div> <div class="r"></div> <div class="b"></div> <div class="r"></div> <div class="b"></div> </body> </html> Дескриптор: HTML кодын қолданып веб-сайт жасайды. Фигуралар арқылы бағалау Топтық жұмыс Жобалардың HTML кодына талдау жасаңдар. Кодта қолданылған әрбір команданың қызметіне баға беріңдер. Оқушылардың жұмыстары шәкіл бойынша бағалау парағына балл қою арқылы бағаланады |
|
|
|
|
Тест тапсырмасын алу Оқушылар тест жұмысын орындайды. Бір-бірін бағалайды |
|
|
|
|
Кері байланыс: «БББ кестесі» Үй тапсырмасы Интернет желісінен веб-жоба жасау туралы қосымша ақпараттар тауып келу |
|
|
|
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.15 КОМПЬЮТЕРДЕ ДЕРЕКТЕР БАЗАСЫН ҚҰРУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.3.3.3 web-беттердің деректер базасымен байланысын орнату |
Сабақтың мақсаты |
Барлық оқушы: «Сайттағы деректер базасы» ұғымын анықтайды Көпшілік оқушы: Сайтты деректер базасымен байланыстырады Кейбір оқушы: Сайт пен деректер базасын біріктірудің маңыздылығын тұжырымдайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Шаттық шеңбері: Оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады. Топқа біріктіру: «Сағат» әдісі Оқушылар 12, 3, 6-да кездесетін достарымен топқа бірігеді. Өткен сабақты пысықтау: «Айналмалы бекет» ойыны Оқушылар әр партаға тоқтап, өткен тақырып туралы білетіндерін әртүрлі түстегі қаламмен жазып өтеді. Тақтада жұмыстарын қорғайды. (Өткен сабақ: интернеттен қосымша материалдар іздеп келу) Оқушылардың жауаптарын смайлдер арқылы бағалау |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКТ Интернет желісі Ватцап |
|
«Миға шабуыл» әдісі
Сайтты деректер базасымен байланыстырудың қандай қажеттілігі бар деп ойласың? |
«Джигсо» әдісі Оқулықпен жұмыс істейді, тақырыпты топта талқылайды. Мұғалім білімдерін толықтырады. |
|
|
|
1-тапсырма Кестемен жұмыс. - Кестеге тиісті мәліметтерді жазыңдар. Сайттарды деректер базасымен байланыстырудың тиімді жақтары |
Дескриптор: Сайттарды деректер базасымен біріктірудің тиімді жақтарын анықтайды. Смайлдер арқылы бағалау |
|
|
|
2-тапсырма. Қазақстанның қалалары мен тұрғындар саны жайлы деректер базасын құрыңдар. |
Дескриптор: Denwer программасында мәліметтер қорын жасайды. |
|
|
|
3-тапсырма. Сайт пен деректер қорын біріктірудің қандай маңыздылығы бар? Жұптасып талдаңдар. |
Дескриптор: Сайт пен деректер базасын біріктірудің маңыздылығын тұжырымдайды. |
Смайлдер арқылы бағалау |
|
|
Тестпен жұмыс Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды |
Кері байланыс: «БББ кестесі» әдісі Оқушылар сабақ туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады |
|
|
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.16 WEB-БЕТТЕРДІ ДЕРЕКТЕР БАЗАСЫМЕН БАЙЛАНЫСТЫРУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.3.3.3 web-беттердің деректер базасымен байланысын орнату |
Сабақтың мақсаты |
Барлық оқушы: Динамикалық сайт ұғымын анықтайды Көпшілік оқушы: РНР гипермәтіндік процессорында сайт жасайды және деректер базасымен байланыстырады Кейбір оқушы: РНР гипермәтіндік процессорында сайт жасайды және деректер базасымен байланыстырудың маңыздылығын бағалайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Шаттық шеңбері: Оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады. Топқа біріктіру: «Тілек ағашы» әдісі Оқушылар ағашта тілек жазылған жүрекшелерді алады. «Білім», «Талап», «Бірлік» болып үш топқа бірігеді. Өткен сабақты пысықтау: «Топтастыру» әдісі Оқушылар өткен тақырып бойынша білетіндерін ортада талдап топтастырып жазады, жұмыстарын тақтада қорғайды. Фигуралар арқылы бағалау «Миға шабуыл» әдісі
«Динамикалық сайт» ұғымымен таныссыңдар ма?«Ойлан, жұптас, бөліс» әдісі Оқушылар кітаппен жұмыс істейді, түсінгендерін жұптасып талдайды. Мұғалім білімдерін толықтырады.1-тапсырма. Интернетті пайдаланып, деректер базасы бар бір сайт жұмысын талдаңдар. Бұл сайттың деректер базасында қандай деректер орналасқан, анықтаңдар. Дескриптор: Сайттағы деректер базасын анықтайды. Фигуралар арқылы бағалау 2-тапсырма. «100 кітап» жобасы аясында өзің ұнатқан 5 кітап туралы төмендегі кесте бойынша деректер базасын құр. Деректер базасымен байланыс орнату үшін PHP кодын жазыңдар.
Дескриптор: - Деректер базасын жасайды. - Деректер базасын РНР кодымен байланыстырады. Фигуралар арқылы бағалау 3-тапсырма. РНР гипермәтіндік процессорының сайт жасау және оны деректер базасымен біріктірудегі маңызын бағала. Дескриптор: РНР гипермәтіндік процессорының сайт жасау және оны деректер базасымен біріктірудегі маңызын бағалайды. Фигуралар арқылы бағалау
Өздерін бағалайды Кері байланыс: «Бутерброд» әдісі Оқушылардың бір тобы сабақ туралы жағымды пікір, екінші тобы сын, үшінші тобы тағы да жағымды пікір айтады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |
Бөлім |
Веб-жобалау |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 4.17 ДЕРЕКТЕР БАЗАСЫМЕН ОРЫНДАЛАТЫН ӘРЕКЕТТЕР |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.3.3.3 web-беттердің деректер базасымен байланысын орнату |
Сабақтың мақсаты |
Барлық оқушы: РНР программасының қамтитын әрекеттерін анықтайды Көпшілік оқушы: РНР программасының кодтарын салыстырады Кейбір оқушы: Деректер базасымен байланысуда сұрау үлгілерін пайдаланады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
||||
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Ұйымдастыру: Сәлемдесу, түгендеу Шаттық шеңбері: Оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады. Топқа біріктіру Оқушыларды ойын картасы арқылы топтарға біріктіру. Өткен сабақты пысықтау: «Блум түймедағы» әдісі Оқушылар түймедақ жапырақтарындағы ережеге сәйкес өткен тақырып бойынша сұрақтар жазады. Келесі топ жауап береді. Жай сұрақтар; Бағалайтын сұрақтар; Нақты сұрақтар; Практикалық сұрақтар;Шығармашылық сұрақтар; Қорытынды сұрақтар. Оқушылардың жауаптарын ауызша мадақтау арқылы бағалау Миға шабуыл» әдісі - Деректер қорымен қандай әрекеттер орындауға болады? «Джигсо» әдісі Оқушылар тақырыпты оқулықтан оқып, топта бірлесіп талдайды. Мұғалім оқушылардың жұмыстарын толықтырады. 1-тапсырма. - Оқулықтағы 1-ші және 2-программа кодтарын салыстыра отырып талдаңдар. Интернетті пайдаланып программадағы командалардың қызметін анықтаңдар. Дескриптор: РНР программасы қамтитын әрекеттерді анықтайды. Медальдар арқылы бағалау 2-тапсырма. Кестемен жұмыс.
Дескриптор: РНР программасының негізгі командалары және деректер базасымен жұмыс істейтін командаларды салыстырады. Медальдар арқылы бағалау 3-тапсырма. «Эссе» әдісі Деректер базасымен орындалатын әрекеттердің маңыздылығы туралы шағын эссе жазыңдар. Дескриптор: Деректер базасымен байланысуда РНР программасының маңыздылығын тұжырымдайды. Медальдар арқылы бағалау
Өздерін бағалайды Кері байланыс: «Блоб ағашы» әдісі Оқушылар сабақтан алған әсерін ағашқа өрмелеген маймылдарды бояу арқылы көрсетеді. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |
Бөлім |
Ақпараттық жүйелер |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 5.1 BIG DATA |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.3.1.4 Big Dataны пайдалануда оң және теріс әсерлерін бағалау |
Сабақтың мақсаты |
Барлық оқушы: Big Data ұғымы мен қызметін анықтайды Көпшілік оқушы: Big Dataны пайдалану мысалдарын ұсынады Кейбір оқушы: Big Dataның артықшылығы мен кемшілігін салыстырады |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: «Тізбектер» әдісі Оқушылар тізбектеле тұрады. Мұғалім, не бір оқушы тақырыпқа қатысты бір сөз айтады. Келесі тұрған оқушы оны жалғастырады, яғни тақырыпқа қатысты сөз айтады. Осылайша жалғаса береді. Кезегінде айта алмаған оқушы шығып кетеді. Смайлдер арқылы бағалау «Миға шабуыл» әдісі - Big Data ұғымы қандай мағына білдіреді? - Адам үшін ақпараттың шамадан тыс көп болуының пайдасы мен зияны қандай? 1-тапсырма. - Интернетті пайдаланып, төмендегілерге талдау жасаңдар:
Дескриптор: Big Data ұғымы мен қызметін анықтайды. Смайлдер арқылы бағалау 2-тапсырма. - Big Dataны пайдалануда оң және теріс әсерлеріне екі мысал ұсыныңдар. Түсініктеме беріңдер. Дескриптор: Big Dataны пайдалану мысалдарын ұсынады. 3-тапсырма. - Пайдасы мен зиянын бағала:
Дескриптор: Big Dataның артықшылығы мен кемшілігін салыстырады. Смайлдер арқылы бағалау Тест жұмысы Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «Басбармақ» әдісі Оқушылар сабақтан алған әсерлерін басбармақтары арқылы білдіреді |
.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
Күнделік кз |
Физикалық терминдер Оқулық. Слайд материалдары |
Сабақтың тақырыбы: § 5.2 ДЕРЕКТЕР БАЗАСЫНЫҢ НЕГІЗГІ ҰҒЫМДАРЫ
Бөлім |
Ақпараттық жүйелер |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 5.2 ДЕРЕКТЕР БАЗАСЫНЫҢ НЕГІЗГІ ҰҒЫМДАРЫ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
MS Access деректор қорының қандай негізгі қызметтері бар? |
Сабақтың мақсаты |
Барлық оқушы: Мәліметтер қоры және оның түрлерін анықтайды Көпшілік оқушы: Мәліметтер қоры түрлерін салыстырады Кейбір оқушы: Мәліметтер қорына арналған программалармен жұмыс істейді |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
||||||
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Сәлемдесу, түгендеу Өткен сабақты пысықтау: «3 таяқша» әдісі Өткен тақырыпқа байланысты әр топ: 1 сұрақ, 1 жауап, 1 идея даярлап, ортаға салады. Жауаптарын талдайды. Оқушылардың жауаптарын ауызша мадақтау арқылы бағалау «Миға шабуыл»
Деректер базасын жинақтауға арналған қандай программаларды білесіңдер? «Джигсо» әдісі Оқушылар оқулықпен жұмыс істейді. Түсінгендерін топта талдайды. Мұғалім білімдерін толықтырады 1-тапсырма. Кестемен жұмыс. Кестеге тиісті мәліметтерді жазыңдар.
Дескриптор: Мәліметтер қорының түрлері мен қызметтерін анықтай алады. Смайлдер арқылы бағалау 2-тапсырма. - Access ДҚ-ның «Жасау (Создать)» терезесінің нысандарын пирамидаға төменнен жоғары қарай жазыңдар. Дескриптор: Мәліметтер қорын жасау терезесінің нысандарын анықтайды. 3-тапсырма. - МҚБЖ-ның 3 басты функциясын сипаттаңдар. Дескриптор: МҚБЖ-нің 3 басты функциясын сипаттай алады. Оқушылардың жұмыстарын бағалау парағына балл қою арқылы бағалау Тест жұмысы Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «БББ кестесі» әдісі Оқушылар сабақ туралы бұрыннан не білетінін, сабақта не білгенін және не білгісі келетінін кестеге жазады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |
Бөлім |
Ақпараттық жүйелер |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 5.3 ДЕРЕКТЕР БАЗАСЫН ҚҰРУ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
Жол, жазба, индекс терминдерінің анықтамасын құрастыру |
Сабақтың мақсаты |
Барлық оқушы: Деректер базасындағы өріс типтерін анықтайды Көпшілік оқушы: Деректер қорындағы кестелерді тәжірибеде қолданады Кейбір оқушы: Деректер қорындағы өріс типтерін қолданудың маңыздылығын тұжырымдайды. |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Өткен сабақты пысықтау: «Үш пікір» әдісі Ортаға бір тақырып тасталады. Сол тақырып төңірегінде әр оқушының 3 пікір айтуына мүмкіндігі бар. Ол үшін қолдарына 3 таяқша (шпажка, т.б. майда заттар) беріледі. Пікірлерін айтқан сайын қолдарындағы заттарын ортадағы қорапқа тастап отырады. Бұл әдіс сыныптағы оқушылардың бәрі тең дәрежеде пікір білдіруіне мүмкіндік жасайды. Оқушылардың жауаптарын ауызша мадақтау арқылы бағалау «Миға шабуыл» әдісі
Компьютер көмегімен деректер базасын қалай құруға болады? 1-тапсырма. 10-сынып оқушыларының деректер базасын жаса. Деректер базасын төмендегі кестедегі деректермен толтыр. Кестедегі деректердің типін таңда Дескриптор:
Медальдар арқылы бағалау Күнделікті өздеріңе кездесіп жүрген ақпараттардан кесте құрап ұсыныңдар (мысалы, сабақ кестесі, пәндер бойын- ша үлгерім, т.б.) Ұсынған кестелеріңдегі жолдардың типін анықтап көрсетіңдер Өздерін бағалайды Кері байланыс: «Блоб ағашы» әдісі Оқушылар сабақтан алған әсерін ағашқа өрмелеген маймылдарды бояу арқылы көрсетеді. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |
Бөлім |
Ақпараттық жүйелер |
Педагогтың аты-жөні |
|
Күні |
Қатысушылар саны: Қатыспағандар саны: |
Сынып |
|
Сабақтың тақырыбы |
§ 5.4 РЕЛЯЦИЯЛЫҚ ДЕРЕКТЕР БАЗАСЫ. БАСТАПҚЫ КІЛТ |
Оқу бағдарламасына сәйкес оқыту мақсаттары: |
10.3.1.1 «Реляциялық деректер базасы» ұғымын түсіндіру 10.3.1.2. Жол, жазба, индекс терминдерінің анықтамасын құрастыру |
Сабақтың мақсаты |
Барлық оқушы: Реляциялық кесте ұғымын анықтайды Көпшілік оқушы: Реляциялық кесте компоненттерін қолданады Кейбір оқушы: Реляциялық кестеде компоненттерін қолданудың тиімділігін тұжырымдайды |
Сабақтың барысы:
Сабақтың кезеңі/ уақыт |
Педагогтің әрекеті |
Оқушының әректі |
Бағалау |
Ресурстар |
1.Ұйымдастыру 2. Өткен тақырыпты еске түсіру\ қайталау\ 3. Жаңа сабақты меңгерту 4. Бекіту |
Өткен сабақты пысықтау: «Жеребе» әдісі Жеребе тасталады. Топ басшылары жеребе алады. Әр топ өздеріне түскен тақырып бойынша постер жасап, қорғайды.
Оқушылардың жауаптарын ауызша мадақтау арқылы бағалау «Миға шабуыл» әдісі - Компьютер пайда болмай тұрған кезде үлкен көлемді деректерді сақтауда қандай әдістерді қолданған? 1-тапсырма.
Дескриптор:
Фигуралар арқылы бағалау 2-тапсырма.
3-тапсырма. Жоғарыдағы кестеде:
Дескриптор: Реляциялық кестедегі жұмыстың нәтижесін талдай алады Фигуралар арқылы бағалау Тест жұмысы Оқушылар тест сұрақтарына жауап береді. Өздерін бағалайды Кері байланыс: «Бутерброд» әдісі Оқушылардың бір тобы сабақ туралы жағымды пікір, екінші тобы сын, үшінші тобы тағы да жағымды пікір айтады. |
1.Мұғаліммен амандасады. 2.Сабақтың тақырыбын дәптерге жазады. 3.Сабақтың мақсаттарымен танысады Мұғалімді тыңдайды |
жазбаша түрде қалыптастырушы бағалауды іске асыру Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету Фигуралар арқылы бағалау Бірін-бірі бағалайды |
АКт Интернет желісі Ватцап |

