Ашық сабақ HTML кесте құру

Бөлім: V ТАРАУ. HTML. WEB-ПРОГРАММАЛАУ

UNIT:

Мектеп: №169 Мектеп-Лицей

School: school- lycem №169

Күні: 20.02.2020ж

Date:

Мұғалімнің аты-жөні:Атажанова Эльмира Зикирияевна

Teacher’s name:

Сынып: 10 ^«Б»

Grade:

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

Number present:

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

Absent:

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

Them of the lesson:

HTML кесте құру.

CREATING A TABLE IN HTML

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

Learning objective:

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

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

Lesson objective:

Барлық оқушылар: Web-сайт, html, тег, браузер, блокнот ұғымын қолданады.

Оқушылардың басым бөлігі: Мәтінді форматтау,абзац тегтермен жұмыс жасайды.

Кейбір оқушылар:. HTMLде мәтінді форматтап және кестелермен жұмыс жасайды, кестелерді шығару тегтерін біледі.

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

Assessment

- web-сайт ұғымын түсіндіреді;

- html мәтінді форматтау абзац тізімде жұмыс жасайды;

- html де кестелер мен жұмыс жасайды және кестелерді шығару тегтерін біледі.

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

Language objectives

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

кесте-таблица-table, атрибут-атрибут-attribute, түстер-цвета-colors, table, caption, td, th, ti, align, bdcolor, border, cellpadding, Cellspace, colspan, rowspan, rules, valign,

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

1. HTML тілінде кесте құру үшін ... алгоритмдері қолданылады.

Кестені өзгертетін атрибуттар тізімін жазыңдар.

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

Баулу

Value links

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

Ресурстар

resources

Слайд, компьютер, бағалау, А3, А4 парағы, Информатика. Оқыту қазақ тілінде жүргізілетін жалпы білім беретін мектептің жаратылыстану-математикалық бағытындағы 10-сыныбына арналған оқулық. / Г.И.Салғараев. Базаева Ж.Б.Маханова А.С–Нұр-Сұлтан: «Арман-ПВ» баспасы, 2019. 124-132бет.

Әдіс-тәсілдер

methods

«Миға шабуыл» әдісі, «Ой қозғау» , «Ойлан-Бірік-Бөліс» әдісі. «ZZISH» әдісі.

Алдыңғы оқу

Previous learning

HTML-программалау. Интернет үшін ақпараттық объектілерді құру құралдары.

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

Inter subject communication

ағылшын тілі, сурет,

Сабақ жоспары

Жоспарлан-

ған уақыт

Planned timings

Сабақ барысы

Ресурс- тар

Балдық жиынтық

Басталуы

beginning

2 минут

5 минут

Ұйымдастыру кезеңі: «Жақсы көңіл күй сыйлай білейік» тренингін жасату арқылы оқушыларға жағымды ахуал қалыптастыру. «THE HAT» арқылы топқа біріктіру:

1 - топ «HTML » тобы 2-топ «HEAD» тобы

Үй тапсырмасы «ZZISH» әдісі.

1 Web-беттерінің кеңейтілуі  (форматы)...

A.   *. html  *

B.   *. txt

C.   *. Doc

D.   *. exe

2. Wed – сайыттың дұрыс жазылмаған  адресін  көрсетіңіз

                     A.http:www.park.com

                     B.http://www.mail.ru

                     C.http://www.site.kz

                     D.http://wwwe.sunduk.ru *

3. Web  файлдардың кеңейтілімін көрсетіңіз

A. графикалық файл кеңейтілуі GIF немесе  JPG

B.кеңейтілуі txt  немесе  doc

C.кеңейтілуі com  немесе  exe

D. кеңейтілуі htm  немесе  html*

4. Тег бұл

A. басқа файлға немесе обьектіге сілтеме

B.элементтің бастапқы және  аяққы маркері

C.арнайы таңбалар  пайдаланылатын  мәтін

D. web – парағын құруға арналған команда*

5. Жаңа ақпараттық технологиялар дегеніміз

A.   ақпараттық технология

B.   қазіргі  компьютерлік технология *

C.   үлкен ЭЕМ –дерді  пайдалануға негізделген технология

D.   эволюциялық технология

Дескриптор:

-тест сұрақтарына жауап береді;

THE HAT

ZZISH

компьютер

слайд

Әр дұрыс жауапқа

1 балл

Жаңа сабақ

New lesson

10 минут

Білу және түсіну

Бүгінгі сабақтың тақырыбы

«HTML-де кесте құру.»

(сабақты түсіндіру кезінде «BilimLand» порталынан бейне ролик көрсету 2.5 минут )

Кесте деген не? қандай түрлері бар?

Кесте- web-сайттың негізгі бөліктерінің бірі. Кесте мынадай бөліктерден тұрады:

• Кесте тақырыбы

• Бағандар тақырыбы

• Ұяшықтар

Кесте жолдар тізбегі бойынша біртіндеп толтырылады.Әрір ұяшыққа мәліметтер енгізіледі. Кесте тұрғызу <TABLE> және </TABLE> тегтері көмегімен орындалады,оның әрбір жолын анықтау-<TR> және </TR>тегтері арқылы, ал сол жолдардағы бағандар -<TD> және </TD> немесе <TH> және </TH> тегтері арқылы анықталады. <TD> және <TH> тегтерінің жұмысы ұқсас, бірақ <TH> тегтерімен қоршалған мәтін қарайтылған баған тақырыптары болып табылады да, <TD> тегтерімен одан кейінгі қарапайым бағандар жазылады.

Кесте тақырыбы <CAPTION> және </CAPTION> тегтерімен қоршалып жазылады.

Үлестірме материал.

оқулық,

дәптер

«BilimLand»

порталы

Oртасы

Middle

5 минут

10 минут

Топтық жұмыс.

Постерге өз ойларын түсіреді. «Ойлан-Бірік-Бөліс» әдісі.

І топ: HTML –де Мәтінді форматтау не үшін қажет?

Дескриптор:

- Web бетте мәтінді форматтау маңыздылығын айтады

ІІ топ: Web бетте кесте тұрғызудың маңыздылығы қандай?

Дескриптор:

- Web бетте кесте тұрғызудың маңыздылығын айтады

- қорытынды жасайды

Жеке жұмыс:

1. 10 б сыныбының сайтын ашамыз.

2. Сабақ кестесін құрамыз

Дескриптор:

- 10 б сыныбының сайтты жобалайды;

- безендіруге көңіл аударады;

- Кесте кірістіре алады;

Компьютер

Слайд

А4 қағазы маркерлер

3 балл

4 балл

Соңы

The end

3 минут

3 минут

2 минут

Талдау және жинақтау

Сәйкестендіру

Бағалау. «Блоб ағашы» әдісі

Әр оқушы сабақты қай деңгейде түсінгенін болб ағашының суретіне белгілейді.

Оқушыларды әр кезеңде «Алтын сақа» арқылы бағалау.

Кері байланыс: «Ойды аяқта....» ойларын аяқтап білім ағашына стикер іліп кетеді.

- Менің бүгінгі сабақтағы жетістігім. Оның себептері.

- Менің бүгінгі сабақтағы кемшілігім. Оның себептері.

Үйге тапсырма: § Тегтер жаттау,тақырыпты оқу.

Learning

Apps

Стикер

Толық

3 балл

жартылай

2 балл

3 жауапқа 1 балл

Бағалау шкаласы: 4-6 балл «3» баға; 7-9 балл «4» баға ; 10- балл «5» баға

Қосымша ақпарат

Саралау – Сіз оқушыларға көбірек қолдау көрсету үшін не істейсіз? Қабілеті жоғары оқушыларға қандай тапсырма беруді көздеп отырсыз?

Бағалау – Оқушылардың ақпаратты қаншалықты меңгергенін қалай тексересіз?

Қауіпсіздік ережелері

АКТ-мен байланыс

Саралау- берілген тапсырмалардан байқалады. АКТ-дан озық дағдылары бар оқушыларға назар аудару.

Әр оқушыға жеке тұлға ретінде баға беру. (жарайсың, қолыңнан келеді, көп еңбектендің)

Оқушыларға қауіпсіздік ережелерін сақтау ескертіліп, Бірлескен жұмыс нәтижесіне қол жет-у.

Сабақ бойынша рефлексия Сабақ мақсаттары/оқу мақсаттары дұрыс қойылған ба? Оқушылардың барлығы ОМ қол жеткізді ме? Жеткізбесе, неліктен? Сабақта дифференциация дұрыс жүргізілді ме? Сабақтың уақыттық кезеңдері сақталды ма? Сабақ жоспарынан қандай ауытқулар болды, неліктен?

Қорытынды бағамдау

Қандай екі нəрсе табысты болды (оқытуды да, оқуды да ескеріңіз)?

1:

2:

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

1:

2:

Сабақ барысында сынып туралы немесе жекелеген оқушылар туралы нені білдім, келесі сабақтарда неге көңіл бөлу қажет?

Кері байланыста жазылған ұсыныстар мен сұраныстарға негізделемін.