Файл: 1 webпрограммалау. Webсайт туралы тсінік.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 04.05.2024

Просмотров: 10

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.



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

§ 4.1 WEB-ПРОГРАММАЛАУ. WEB-САЙТ ТУРАЛЫ ТҮСІНІК

Бөлім

Веб-жобалау

Педагогтың аты-жөні

Темиргалиева Анар Бидахметовна

Күні

Қатысушылар саны: Қатыспағандар саны:

Сынып

10 Б

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

§ 4.1 WEB-ПРОГРАММАЛАУ. WEB-САЙТ ТУРАЛЫ ТҮСІНІК

Оқу бағдарламасына сәйкес оқыту мақсаттары:

10.4.2.1 web-парақшаларды әзірлеуде HTML-тегтерін қолдану

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

Барлық оқушы: Web-программалау, HTML тілі ұғымдарын анықтайды

Көпшілік оқушы: Сайтты жариялау тәсілдерін салыстырады

Кейбір оқушы: Web-сайтты жасақтау жұмысын қолданады

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

Сабақтың кезеңі/ уақыт

Педагогтің әрекеті

Оқушының әректі

Бағалау

Ресурстар

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

2. Өткен тақырыпты еске түсіру\ қайталау\


3. Жаңа сабақты меңгерту

4. Бекіту

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

Шаттық шеңбері: «Үш тілді тілек» әдісі Оқушылар ішіне үш тілде тілек жазылған жүрекшелерді алып оқып, келесі оқушыға ұсынады.

«Миға шабуыл» әдісі


  • Web-беттерді жасауда қандай программалар қолданылады деп ойлайсыңдар?

  • Web-программалау не үшін керек?

  • Интернеттегі беттер қандай программа көмегімен жасалады?


«Көршіңе әңгімелеп бер» әдісі


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

Ауызша мадақтау, ынталандыру

1-тапсырма. «Венн диаграммасы» әдісі Оқушылар HTML тілі мен WEB-программалауды салыстырады.

Дескриптор:


HTML тілі мен WEB-программалау ұғымдарын анықтайды.

Фигуралар арқылы бағалау
2-тапсырма.

  • Төмендегі сұрақтар бойынша пікірталас ұйымдастырыңдар:

Web-сайттың танымалдығына төмендегі көрсетілген түрткіжайттардың қайсысының әсері үлкен деп ойлайсыңдар?

  1. Дизайны жоғары

  2. Жоспарлануы

  3. Ақпараттық құндылығы

  4. Интерфейсінің жоғарылығы

  5. Программалау элементтерінің жоғары деңгейлігі.

Дескриптор:

Web-сайт программалау туралы тұжырым жасайды

Шағын тест

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

Өздерін бағалайды

Кері байланыс: «Екі жұлдыз, бір тілек» әдісі

Оқушылар сабақта алған жақсы екі ақпаратын және түсінбеген бір сұрағын стикерге жазады


1.Мұғаліммен амандасады.

2.Сабақтың тақырыбын дәптерге жазады.

3.Сабақтың мақсаттарымен танысады

Мұғалімді тыңдайды

Күнделік кз

ФБ қою арқылы бағалау

жазбаша түрде қалыптастырушы бағалауды іске асыру

Оқушылардың жауаптарын ауызша мадақтау, қолдау көрсету

Фигуралар арқылы бағалау

Бірін-бірібағалайды

Оқушылардың іс-әрекеттерін ауызша мадақтау




АКт

Интернет желісі

Ютуб каналы

Дарын онлан

Кітап



Сабақтың тақырыбы: § 4.2 HTML ТІЛІ

Бөлім

Веб-жобалау

Педагогтың аты-жөні




Күні

Қатысушылар саны: Қатыспағандар саны:

Сынып




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

§ 4.2 HTML ТІЛІ

Оқу бағдарламасына сәйкес оқыту мақсаттары:

10.4.2.1 web-парақшаларды жасауда HTML-тегтерін қолдану

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

Барлық оқушы: «HTML тілі», «тег» ұғымдарын анықтайды

Көпшілік оқушы: HTML тілі құжатының құрылымымен танысады Кейбір оқушы: HTML тілінде құжаттың ішкі элементтерін басқару тегтерін қолданады

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

Сабақтың кезеңі/ уақыт

Педагогтің әрекеті

Оқушының әректі

Бағалау

Ресурстар

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

2. Өткен тақырыпты еске түсіру\ қайталау\


3. Жаңа сабақты меңгерту

4. Бекіту

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

Шаттық шеңбері: оқушылар бір-біріне жақсы тілектер айтып, сабаққа көңілді қатысады.

Топқа біріктіру: «Мозайка» әдісі

Сурет қиындылары арқылы топтарға бірігеді.

Өткен сабақты пысықтау



«Миға шабуыл» әдісі

  • Қандай программалау тілдерін білесіңдер?

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

\«Ойлан, жұптас, бөліс» әдісі

Оқушылар кітаптағы тақырыпты жұптасып талқылайды. Мұғалім оқушылардың білімдерін толықтырады.

Ауызша мадақтау, ынталандыру

1-тапсырма.

- HTML тілінде құжаттың ішкі элементтерін басқару командаларының жұмысын талдаңдар. Бұл командаларды жұмыс қызметтеріне қарай топтарға жіктеңдер.

Дескриптор:

HTML тілінің ішкі элементтерінің басқару командаларының жұмысын анықтайды.

Фигуралар арқылыбағалау

2-тапсырма.

1. HTML тілінің кодын енгізіп, нәтижесін алыңдар.

Тақырыбы



Тақырыбы



Тақырыбы



HTML тілінің кодын енгізіп, нәтижесін алыңдар






Бұл қалың жазу

Это strong- текст

Бұл үлкен жазу

Қиғаш жазу


Бейне немесе дыбыс файлын ойнату




Бетті жүктегенде дыбыс файлды ойнату:

LOOP=INFINITE>


Бейнефайлға сілтеме:



Дыбыстық файлға сілтеме:








1
мен 10 аралығындағы санды енгіз:

input type="number" max="10" min="1" value="1" en-US"> h:33px">







>


>


>


>


>