Кесте жасау

Өндірістік тәжірибе жоспары
- Атаулы категориясы
1304000 Есептеу техникасы және бағдарламалық қамтамасыздандыру (түрлері бойынша)
1304043 - Техник-бағдарламашы
“WEB-бағдарламалау және Интернет технологиялары” пәні.
КМ 06. Web технологияны қолдана отырып, web парақшаны құру
Тақырып 1. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс істеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады
- қарым-қатынас жасау дағдысы;
- ақпаратты қабылдай алуы;
- алынған ақпаратты тәжірибе жүзінде қолдана білу
- тыңдай алу;
- топпен қарым-қатынас;
- өзгенің пікірімен алмасу.
- жұмыс орнын дұрыс тағайындау;
- әдебиетпен жұмыс істей алу;
- топта жұмыс істей алу;
- логикалық ойлау.
Гончаров А. Самоучитель НТМL
53-56 бет
- тақырып бойынша негізгі түсініктерді хабарлау;
- терминдерді және олардың ретін сипаттау.
Сабақ мазмұны
Сабақ элементі, қарастырылатың сұрақтар,
оқытудың әдістері мен тәсілдері
Ұйымдастыру
- Кабинеттің сабаққа дайындығын тексеру
- Компьютерлердің сабаққа дайындығын тексеру
- Оқушылармен амандасу
- Оқушыларды түгендеу
- Сабақтың мақсатымен таныстыру
Үй тапсырмасын сұрау.
- FTP-клиенттері
- FTP негізгі тағайындалуы
- HTML тілінің құрылымы
- HTML дегеніміз не?
- «Гипермəтін» және «гипермедиа» терминдеріне анықтама
- «marking up» сөзінің мағынасы
- HTML нұсқалары, даму тарихы.
- HTML құрылымы, негізгі тегтер.
Жаңа сабақ
Пән: “WEB-бағдарламалау және Интернет технологиялары” модуль/пән бойынша
КМ 06. Web технологияны қолдана отырып, web парақшаны құру
Тақырып 1. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс істеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады
Жаңа сабақты бекіту
- Тапсырмаларды орындау
Үйге тапсырма
Гончаров А. Самоучитель НТМL 53-56 бет
Оқытушы Мукушева Л. Н.
қолы
Пән: “WEB-бағдарламалау және Интернет технологиялары” модуль/пән бойынша
Өндірістік оқыту
КМ 06. Web технологияны қолдана отырып, web парақшаны құру
Тақырып 1. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс істеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады
Сабақ тақырыбы: HTML тілінде кесте құру
Білім. Гипермәтін беттерін орналастыру принциптері.
Іскерлік. Негізгі тегтермен және олардың HTML5 және CSS 3 тілдік атрибуттарымен жұмыс жасау. Веб-парақтарды құру үшін әртүрлі редакторлармен жұмыс істейді.
Құзыреттілік. Веб-парақтарды құру
ТЕОРИЯЛЫҚ БӨЛІМ
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. Ұяшықтың ішінде мәтінмен қатар, сурет, шағын кесте де болуы мүмкін. HTML тілінің кестелермен жұмыс істейтін тэгтерін қарастырайық. Оларға төмендегі тэгтер жатады:
• <table>
• <caption>
• <tr> (table row)
• <td> (table data)
• <th> (table head)
<table> тэгі Web - құжатқа кесте құру үшін қажет. Тэг </table> тэгімен жабылады. Кестенің ұяшықтары <caption>, <tr>, <td> және <th> тэгтерімен құрылады.
<Caption> тэгі кестенің тақырыбын анықтайды. Тақырып тек қана мәтіннен тұрады. Тэг </caption> тэгімен жабылады. Тэгтің align атрибутының top мәні (үндеместен қолданылады) тақырыптың кесте басында, ал bottom мәні соңында болуын анықтайды.
Кестеде ұяшықтар қатарын анықтау. <tr> тэгі кестенің ұяшықтар қатарын анықтайды. Тэг </tr> тэгімен жабылады. Ұяшықтар <td> және <th> тэгтерімен құрылады. Тэг төмендегі атрибуттарға ие:
Кестеде қолданылатын атрибуттар:
align - атрибуты ұяшық мәтінін left - сол жақ шетке,
right - оң жақ шетке
center - ортаға туралайды. Үндеместен left мәні қолданылады;
valign - атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Қабылдайтын мәндері:
top - төменнен;
bottom - жоғарыдан;
middle - ортадан (үндеместен қолданылады) ;
bgcolor - атрибуты кесте ұяшығының фон түсін анықтайды.
Border- бүтін сан, кесте жақтаулары сызығының қалыңдығы (мысалы: border=3) Bordercolor- кесте жақтауларының түсі
Width- кесте енін анықтайтын бүтін сан, мәні (%) пайызбен беріледі
Rowspan- бірнеше жолдарды біріктіріп, бір-ақ жол етіп біріктіру
Colspan- бағаналарды біріктіріп бір жол ету Келесі қыздар олар
ТӘЖІРИБЕЛІК БӨЛІМ
Кесте жасау
1. Блокнот (Notepad++) программасын іске қосыңыздар.
2. келесі мәтін жолдарын теріңіздер.
Тапсырма №1
<HTML>
<HEAD>
<TITLE>Сабақ кестесі</TITLE> </HEAD>
<BODY BGCOLOR=”#”>
<P ALIGN=CENTER>
<FONT COLOR=”RED” SIZE=”6” FACE=”KZ ARIAL”>
<B>Сабақ кестесі </B> </FONT></P> <BR>
<FONT COLOR=”BLUE” SIZE=”4” FACE=”Times New Roman”>
<TABLE BORDER=”1” WIDTH=100% BGCOLOR=”#99 ”>
<TR BGCOLOR =”#FF” ALIGN=CENTER>
<TD>Уақыты</TD>
<TD>7а класс</TD>
<TD>7б</TD>
<TD>7в</TD>
</TR>
<TR>
<TD>8-30 - 9-50</TD>
<TD> Орыс тілі </TD>
<TD> Информатика </TD>
<TD> Тарих </TD>
</TR>
<TR>
<TD>10-00 - 11-20</TD>
<TD> Математика </TD>
<TD>Геодезия </TD>
<TD> Ағылшын тілі </TD>
<TR>
<TD>11-30 - 12-30 </TD>
<TD> Тарих </TD>
<TD> Сызба геометрия </TD>
<TD> Компьютерлік графика </TD><TR>
</TABLE>
</BODY>
</ HTML >
Тапсырма №2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Таблицы в HTML5</title>
</head>
<body>
<table>
<tr>
<td>Модель</td> <td>Компания</td> <td>Цена</td>
</tr>
<tr>
<td>Nexus 6P</td> <td>Huawei</td> <td>49000</td>
</tr>
<tr>
<td>iPhone 6S PLus</td> <td>Apple</td> <td>62000</td>
</tr>
<tr>
<td>Lumia 950 XL</td> <td>Microsoft</td> <td>35000</td>
</tr>
</table>
</body>
</html>
Тапсырма №3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> HTML5- те кесте құру</title>
</head>
<body>
<table>
<tr>
<td>Модель</td> <td>Компания</td> <td>Цена</td>
</tr>
<tr>
<td>Nexus 6P</td> <td>Huawei</td> <td>49000</td>
</tr>
<tr>
<td>iPhone 6S PLus</td> <td>Apple</td> <td>62000</td>
</tr>
<tr>
<td>Lumia 950 XL</td> <td>Microsoft</td> <td>35000</td>
</tr>
</table>
</body>
</html>
Мұнда бізде 4-кестеде жолдар бар, және әрбір жолда үш баған бар.
- Іс жүргізу
- Автоматтандыру, Техника
- Алғашқы әскери дайындық
- Астрономия
- Ауыл шаруашылығы
- Банк ісі
- Бизнесті бағалау
- Биология
- Бухгалтерлік іс
- Валеология
- Ветеринария
- География
- Геология, Геофизика, Геодезия
- Дін
- Ет, сүт, шарап өнімдері
- Жалпы тарих
- Жер кадастрі, Жылжымайтын мүлік
- Журналистика
- Информатика
- Кеден ісі
- Маркетинг
- Математика, Геометрия
- Медицина
- Мемлекеттік басқару
- Менеджмент
- Мұнай, Газ
- Мұрағат ісі
- Мәдениеттану
- ОБЖ (Основы безопасности жизнедеятельности)
- Педагогика
- Полиграфия
- Психология
- Салық
- Саясаттану
- Сақтандыру
- Сертификаттау, стандарттау
- Социология, Демография
- Спорт
- Статистика
- Тілтану, Филология
- Тарихи тұлғалар
- Тау-кен ісі
- Транспорт
- Туризм
- Физика
- Философия
- Халықаралық қатынастар
- Химия
- Экология, Қоршаған ортаны қорғау
- Экономика
- Экономикалық география
- Электротехника
- Қазақстан тарихы
- Қаржы
- Құрылыс
- Құқық, Криминалистика
- Әдебиет
- Өнер, музыка
- Өнеркәсіп, Өндіріс
Қазақ тілінде жазылған рефераттар, курстық жұмыстар, дипломдық жұмыстар бойынша біздің қор #1 болып табылады.

Ақпарат
Қосымша
Email: info@stud.kz