HTML тілінде кесте құру 11 сынып

#1 слайд
Сабақтың тақырыбы: САБАҚТЫҢ МАҚСАТЫ: HTML тілінде кесте құру дербес компьютердің көмегімен даярлауға қатысты қолданылатын ұғымдар мен әдістерді қарастыруы үйрену HTML тілінде кесте құру

1 слайд

#2 слайд
Сабақтың түрі: тәжірибелік дағдыны қалыптастыру Сабақтың әдісі: репродуктивті, жартылай ізденіс Пәнаралық байланыс: Бейнелеу Пайдаланылған әдебиеттер: Е.А.Вьюшкова, Н.В. Параскун, Б.Қ.Әбенов «Информатика» 2015 ж Оқушы білуі тиіс: HTML тілінде кесте құру және оны форматтауды Оқушы істей білуі тиіс: HTML тілінде кесте құру және оны форматтауды

2 слайд

#3 слайд
HTML- де кесте құру HTML- де кесте құру < table>, </table> – дескрипторларының көмегімен орындалады. Кесте ішіндегі мәлімет арнаулы тегтер көмегімен белгіленеді (тақырыбы, қатар және ұяшықтар саны). Осы тегтер арасында бір рет қана < CAPTION>, </CAPTION> – кестенің тақырыбын білдіретін тегтер кездесуі мүмкін; 1) < td>, </td> – қатардағы ұяшық мәндерін анықтайтын дескриптор; 2) < th>, </th> – кестедегі баған мен қатар тақырыптарын анықтайтын дескриптор; 3) < tr>, </tr> – кестенің қатар санын анықтайтын дескриптор;(< td>- бірнеше ұяшықты), (< th>- кестенің тақырыбын білдіреді). Өз ойыңмен бөліс • Деректерді кесте түрінде берудің қандай қолайлы жақтары бар? • Web- беттерде деректерді қалай кесте түрінде ұсынуға болады? ІІІ. Жаңа тақырыпты түсіндіру

3 слайд

#4 слайд
HTML- де кестені өзгертетін атрибуттар HTML тілінде веб-беттерге деректерді кесте түрінде ұсынуға мүмкіндік беретін атрибуттар бар. Кестенің стилін өзгертетін атрибуттар тізімі 1-кестеде берілген.

4 слайд

#5 слайд
Құжаттағы түстерді анықтау Түсті анықтау үшін қажетті атрибутты пайдаланғаннан кейін түс атауын (тырнақша ішінде) немесе оның он алты сандық мәнін қою керек. Түсті он алты сандық санмен белгілеу үшін ол түсті үш құраушыға бөліп белгілеуге болады: қызыл ( R), жасыл ( G), көк ( B); оның әрқайсысы 0-ден бастап FF- ке дейінгі мәнге ие. RGB форматындағы түсті жазу мысалдары кестеде берілген (2-кесте).

5 слайд

#6 слайд
Практикалық жұмыс № 1

6 слайд

#7 слайд
1 . Графикалық диктанттың дұрыс жауабын табыңыз:   ..........-құжатының нег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с.  

7 слайд

#8 слайд
Ойыңды тұжырымда Жеке жұмыс 1. Кестені құру үшін қандай тег қолданылады? 2. Кестенің ені мен биіктігін қалай өзгертуге болады? 3. Кестенің ішкі және сыртқы шегаралары қалай анықталады? 4. HTML тілінде қандай түстер бар? 5. Кестедегі бағандарды бір бағанға біріктіретін атрибут қалай аталады? 6. Кестеге түстер қалай қойылады?

8 слайд

#9 слайд
Кері байланыс:

9 слайд