#1 слайд
Ақпараттық технология – бүгінгі күн талабы

1 слайд

#2 слайд
Онлайн сабақ жоспары I. Ұйымдастыру кезеңі: (1 мин) II. Үй тапсырмасын тексеру (10 мин) III. Жаңа сабақ ( 15 мин) IV. Бекіту (15 мин) V. Үй тапсырмасы (1 мин) VI. Бағалау. (2 мин) VII. Пайдаланылған әдебиеттер.(1 мин)

2 слайд

#3 слайд
II. Үй тапсырмасын тексеру (10 мин) Тақырыбы: Тізімдерді ұйымдастыру 1. Тізімдерді ұйымдастыру 2. Нөмірлен беген және нөмірленген тізімдер  Тапсырма: Кім жылдам? ойыны  Тапсырма: Сәйкестендіру (тэгтердің анықтамалары мен нәтижелерін анықтау)

3 слайд

#4 слайд
II. Үй тапсырмасын тексеру (10 мин)  Тапсырма: Кім жылдам? ойыны

4 слайд

#5 слайд
II. Үй тапсырмасын тексеру (10 мин)  Тапсырма: Сәйкестендіру (тэгтердің анықтамалары мен нәтижелерін анықтау) Жауабы

5 слайд

#6 слайд

6 слайд

#7 слайд
III. Жаңа сабақ (20 мин) 1. Кестелер тұрғызу тегтері мен атрибуттары 2. Кестелер тұрғызуға мысалдар келтіру ЖОСПАРЫ:HTML тілінде кесте көмегімен пішіндеу

7 слайд

#8 слайд
Жоспар Кестелер –веб-беттегі мазмұнды реттеу жолы. Интернет пайда болған уақыттарды кестелер кеңейтілген бет пішімін алудың тәжірибелік жолы болған. HTML тілінің кестелермен жұмыс істейтін тэгтерін қарастырайық. Оларға төмендегі тэгтер жатады:

8 слайд

#9 слайд
Жоспар 1. Кестелер тұрғызу тегтері мен атрибуттары • Кесте құрудың негізгі тэгі<TABLE> жəне </TABLE> • Кесте тақырыбын анықтайды<CAPTION> және </CAPTION> • Кестенің әрбір жолын яғни қатарын анықтайтын тэг <TR> жəне </TR> • Кестенің әрбір бағанын анықтайтын тэг <TD> жəне </TD> • Кестенің әрбір бағанын анықтайды, ұяшықтағы мәтінді Полужирный етеді<ТН> жəне </ТН>

9 слайд

#10 слайд
<TABLE> жəне </TABLE> атрибуттары <TABLE  align="center" - web парақта кестенің орналасу позициясын анықтайды .  border="1" - бүтін сан, кесте жақтаулары сызығының пиксельмен берілген қалыңдығы.  bordercolor="red" - жақтау сызықтарының түсін тағайындайды  bgcolor="yellow" - кесте торының ішкі фон түсін тағайындайды  cellpadding="3" - параметрі ұяшықтар мен мәтіннің арасындағы қашықтық мөлшерін пиксельмен береді .  cellspacing="1" - параметрі ұяшықтардың арасындағы қашықтық мөлшерін пиксельмен береді .  width=30% - параметрі сәйкесінше кестенің енін береді . Пайызбен немесе пиксельмен береді.  height=30% - параметрі сәйкесінше кестенің биіктігін береді . Пайызбен немесе пиксельмен береді. >  

10 слайд

#11 слайд
< TR> жəне </ TR > атрибуттары <T R  align="center" - жол шеттерін туралау .  bgcolor="yellow" - жолдың ішкі фон түсін анықтайды  bordercolor="red" - жол жақтауларының түсі >  

11 слайд

#12 слайд
< TD> </ TD > және <TH> </TH> атрибуттары <T R  align="center" - баға шеттерін туралау .  bgcolor="yellow" - бағанныңдың ішкі фон түсін анықтайды  bordercolor="red" - баған жақтауларының түсі  c o l span =3 - бағаналар тақырыбына арналған жол (ұя) ішінде орналасатын бағаналар саны >  

12 слайд

#13 слайд
Жалпы кестенің құрылу сұлбасы

13 слайд

#14 слайд
2. Кестелер тұрғызуға мысалдар келтіру 1 Мысал 2 Мысал

14 слайд

#15 слайд
1 Мысал Ең қарапайым кестенің HTML коды мынадай: <table border="1"> <tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> </tr> н әтижесі: <tr> <td> 4 </td> <td> 5 </td> <td> 6 </td> </tr> </table>

15 слайд

#16 слайд
2 Мысал Кестеге ендірілген сөздердің ортаға жазылуы және кестенің ұяшықтарын түстермен бояу тәсілінің коды. <table border="1" > <tr> <td align="center"> 1 </td> <td align="center"> 2 </td> <td align="center"> 3 </td> </tr> <tr> н әтижесі: <td bgcolor="#ff0000" > 4 </td> <td bgcolor="#ffffff" > 5 </td> <td bgcolor="#0000ff" > 6 </td> </tr> </table>

16 слайд

#17 слайд
IV. Бекіту (15 мин)  Тапсырма: Бос ұяшықтардың тэгтерін тап! ойыныда қушылар жаңа сабақтан білген кесте құрастыру тэгтерін бос ұяшықтарға толтыру арқылы өз білімдерін сынайды.  Тапсырма: Ойлан-Бөліс-Бірік-Тексер әдісі Төмендегі кестедегі 4 баған берілген осы бағандарды интерактивті тақтаның құралдарын қолдана отырып толықтыру тегтер мен атрибуттардың анықтамасын, жазылу үлгісін, нәтижесін тексеру.

17 слайд

#18 слайд
Жауабы1 тапсырма Бос ұяшықтардың тэгтерін тап! ойыны

18 слайд

#19 слайд

19 слайд

#20 слайд
2 тапсырма Ойлан-Бөліс-Бірік-Тексер әдісі № Тег және Атрибут Атқаратын қызметі Жазылу форматы Тексеру/баға 1 TABLE 2 TD 3 TR 4 T Н 5 <CAPTION> 6 ALIGN 7 BORDER 8 BGCOLOR 9 COLSPAN 10 ROWSPANТөмендегі кестедегі 4 баған берілген осы бағандарды интерактивті тақтаның құралдарын қолдана отырып толықтыру тегтер мен атрибуттардың анықтамасын, жазылу үлгісін, нәтижесін тексеру.

20 слайд

#21 слайд
V. Үйге тапсыра: № Дүйсенбі Сейсенбі Сәрсенбі Бейсенбі Жұма Сенбі 1пар 2пар 3пар НТML тілінде кесте құру тегтерін қолдананып топтың апталық сабақ кестесін құрып келу.

21 слайд

#22 слайд
VІ. Бағалау: № Бақылау түрі Баға 1 II. Үй тапсырмасын тексеру: - Тапсырма: Кім жылдам»? ойыны - Тапсырма: Сәйкестендіру (тэгтердің анықтамалары мен нәтижелерін анықтау) 20 30 2 IV. Бекіту: - 1 тапсырма Бос ұяшықтардың тэгтерін тап! - 2 тапсырма Ойлан-Бөліс-Бірік-Тексер»әдісі 20 30 ЖАЛПЫ: 100Бағалау критерийлері [100 - 80] - «5» өте жақсы [79 - 60] - «4» жақсы [59 - 30] - «3» қанағат [29 - 0] - «2» қанағат-сыз

22 слайд

#23 слайд
VII . Пайдаланылған әдебиеттер: Негізгі 1.Олифер В.Г., Олифер Н.А. Компьютерные сети. Питер, 2007г.; 2.Закер К.Компьютерные сети. Санкт-Петербург, «БХВ-Питербург», 2005г; 3.Олифер В.Г., Олифер Н.А. Сетевые операционные системы, Питер Пресс 4.Днепров А. JavaScript на 100 % «Питер», 2008г.; 5.Кузнецов М.В., Симдянов И.В., голышев С.В. PHP 5. Практика разработки Web-сайтов.-СПб: БХВ-Петербург, 2007г. 6.Кузнецов М.В., Симдянов И.В., PHP Практика создания Web-сайтов., 2-ое издание-СПб: БХВ- Петербург,2009 7.Савельева. –М.:Интернет-Ун-т информ. Технологий, 2005г. Қосымша 1.Дунаев В. Самоучитель JavaScript-СПб.:Питер, 2005г. 2.Хольцнер С. PHP в примерах. Пер. с англ.- М.: ООО «Бином-Пресс», 2007г. 3.Потапкин А., Симонивич С. Модемы, Интернет, Е- mail и все остальное. 4.Инчин А.С. Работа на персональном компьютере. Алматы, 2003г.; 5.Нидерест Дженифер. Web-мастеринг. Санкт-Петербург, 2001г.; 6.Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. «Основы Web-технолгий» Интернет-Университет Информационных Технологий 2006г. 7.Ә.Смағұлова, А.Әміров Компьютерлік желілер. Г. Е. Мырзабекова, А. Ш. Кұлмұратова, Л. Қ.Смаилова, Л. К. Тәжібай 8.Интернет технологиясы. 9.Б.Бөрібаев, Г.А.Мадьярова Web-технологиялар. М.Қ. Байжуманов, Л.Қ.Жапсарбаева

23 слайд