СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

"HTML - таблицалар"

Категория: Информатика

Нажмите, чтобы узнать подробности

план урока по информатике. "работа с таблицами"

Просмотр содержимого документа
«"HTML - таблицалар"»

Оқу-әдістемелік бөлім бастығының орынбасары ______________Ж.Аскарова

Пән мұғалімі: Курбанова З.П.

Сынып

11В

11Г

11Д

11 Д

Күні

9.03.18

7.03.18

9.03.18

15.03.18

Сабақтың тақырыбы: Кестелер.

Оқытудың мақсаты:

Білімділігі: Бала бойына бүгінгі тақырыпты өту барысында білімдерін арттыру.

Тәрбиелігі: Әр оқушыны іскерлікке, нақтылыққа, ынтымақтылыққа тәрбиелеу.

Дамытушылығы: Оқушының әрбір сабаққа ынтасы мен қабілетін біріктіріп,

пәнге деген қызығушылығын арттыру.


Күтілетін нәтиже: Оқушылардың блокнот бағдарламасын пайдаланып Web-парақта графикалық нысаналарды орналастыра алу. Грфикалық нысаналарды орналастыратын атрибуттармен тегтермен таныса алады.

Ресурстар: кітап, компьютер, кеспе қағаздар

Сабақ түрі: Жаңа сабақ

Әдіс-тәсілдер: Сөздік, көрнекі, практикалық,


Сабақтың құрылымы мен мазмұны

Сабақтың

кезеңдері

Жоспарланған іс-әрекеттер

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

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

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

ІІ Өткен білімдерге сүйене отырып, оқу әрекетін дамыту

(Үй тапсырмасын сұрау)

Сұрақтар

  1. Графикалық нысанды кірістіру .шін қолданылатын тегті және оның атрибуттарын атаңдар?

  2. браузерде графиканы көрсету қосылмаған жағдайда қолданушы нені көреді?

  3. Парақтағы фонның түсін қалай өзгертеді?

  4. Парақтарды құру үшінкескіндердің қандай графикалық пішімдері қолданылады?

ІІІ Жаңа тақырып және оқу мақсаты

HTML бағдарламалау ортасында оқушыларға кестелер қоюды үйрету. Кестелермен жұмыс..


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

ІV Жаңа тақырып меңгеру

Жоспар:

  • HTML-де кесте жасау

  • Кесте бөлiктері

  • Кесте сызатын тегтер

Web-Парақтардағы кестелер екі негізгі функцины орындайды:

Ақпараттарды жүйелеу және дайындау;

Web-Парақтарының элементтерін позициялау.

Кестені сипаттау үшін

жұптық тегі қолданылады.
- Тегінің атрибуттары:

border-кесте шекарасының енін oрнатады, мәні пикселмен көрсетіледі (біздің мысалымызда шекараның ең кіші жуандығы border=1).

Шекарасыз кестелер үшін атрибутты көрсетпесе де болады.

Align - Қүжаттың шекараларымен салыстырғандағы кстенің орналасуын анықтайды. Left,center, right мәндерін қабылдауы мүмкін.

Width - Кестенің енін орнатады, мәні пикселмен де терезе енімен салыстырғандағы пайыз бойынша да көрсетіледі. (мысалы width=1024, width=100).

Cellspacing - Кесте ұяшықтарының жиетемелері арасындағы қашықтықты онатады, мәні пикселмен көрсетілді.

Cellpadding - Ұяшық жиектемесі мен мітңн арасндағы қашықтықты орнатады, мәні пикселмен көрсетіледі..

Web-құжатының негiзгi бөлiктерiнiң бiрi — кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады.  Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады.  Кесте келесi бөлiктерден тұрады:

•   кесте тақырыбы;

•   бағаналар тақырыптары;

•   ұяшықтар.

Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi.  Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.

Кесте еңгізу үшін жұптық тег.

Ұяшықты

---- тегтері, жолды … тегтері анықтайды.

Кестенің жолы бір ғана ұяшықтан тұрса да,

және
тегтерін міндетті түрде көрсету қажет.

Ұяшықтарды біріктіру үшін

тетгінде colspan (көлденеңінен біріктіру) және (тігінен біріктіру) rowspan атрибуттары қолданылады.

Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:

мәтін мәтін мәтін
мәтін мәтін мәтін

Бұл жерде border  кесте сызықтарының ені.

Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутн қолданса болады, мысалы:

V Тәжірибелік жұмыс (кірістірілген)

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

VІ Қорытындылау

  1. Ол үшін балаларға жаңа сабақтан бірнеше сұрақтар қоя отырып сабақты аяқтаймын.

  2. Кесте құрайтын тегтер мен атрибуттарды ата?

  3. table тегінің қызметі?

  4. Web - Парақтарда кестелер қандай мақсатта қоолданылады?

  5. Практикалық тапсырманы тексеру және бағғалау.

VІІ Үйге тапсырма

§ 28ді оқу, бақылау сратарына жауап беру

Информатика 2015 Е. Вьюшкова, Н. Параскун, Б. Әбенов 240 бет және 327беттегі «Өзіңді тексер!» тест сұрақтарына кіліт жасау.


Пән мұғалімі: Курбанова З.П.