Сынып 10Ә күні 08.02.2021ж Сабақтың тақырыбы: Кестелер.
Оқытудың мақсаты: Білімділігі: Бала бойына бүгінгі тақырыпты өту барысында білімдерін арттыру.
Тәрбиелігі: Әр оқушыны іскерлікке, нақтылыққа, ынтымақтылыққа тәрбиелеу.
Дамытушылығы: Оқушының әрбір сабаққа ынтасы мен қабілетін біріктіріп,
пәнге деген қызығушылығын арттыру.
Күтілетін нәтиже: Оқушылардың блокнот бағдарламасын пайдаланып Web-парақта графикалық нысаналарды орналастыра алу. Грфикалық нысаналарды орналастыратын атрибуттармен тегтермен таныса алады.
Ресурстар:кітап, компьютер, кеспе қағаздар
Сабақ түрі: Жаңа сабақ
Әдіс-тәсілдер: Сөздік, көрнекі, практикалық,
І Ұйымдастыру кезеңі. Қоңырау соғылып сабақ басталған соң балаларды ұйымдастыра отырып сабақты бастаймын. Оқушылармен сәлемдесу, түгелдеу. Оқушылардың зейінін сабаққа аудару.
ІІ Өткен білімдерге сүйене отырып, оқу әрекетін дамыту (Үй тапсырмасын сұрау) Сұрақтар Графикалық нысанды кірістіру .шін қолданылатын тегті және оның атрибуттарын атаңдар?
браузерде графиканы көрсету қосылмаған жағдайда қолданушы нені көреді?
Парақтағы фонның түсін қалай өзгертеді?
Парақтарды құру үшінкескіндердің қандай графикалық пішімдері қолданылады?
ІІІ Жаңа тақырып және оқу мақсаты HTML бағдарламалау ортасында оқушыларға кестелер қоюды үйрету. Кестелермен жұмыс..
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І Қорытындылау Ол үшін балаларға жаңа сабақтан бірнеше сұрақтар қоя отырып сабақты аяқтаймын.
Кесте құрайтын тегтер мен атрибуттарды ата?
тегінің қызметі?
Web - Парақтарда кестелер қандай мақсатта қоолданылады?
