Кесте жасау

Өндірістік тәжірибе жоспары

  1. Атаулы категориясы
Атаулы категориясы: 1. 1. Мамандығы мен біліктілігінің атауы

1304000 Есептеу техникасы және бағдарламалық қамтамасыздандыру (түрлері бойынша)

1304043 - Техник-бағдарламашы

Атаулы категориясы: 1. 2. Курсы, тобы
17 VT - IX - 5
Атаулы категориясы: 1. 3. Оқу модулінін/пәннің, менгеретін тараудын атауы

“WEB-бағдарламалау және Интернет технологиялары” пәні.

КМ 06. Web технологияны қолдана отырып, web парақшаны құру

Тақырып 1. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс істеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады

Атаулы категориясы: 1. 4. Сабақтын тақырыбы
Кестелер
Атаулы категориясы: 1. 5. Сабақтын ұйымдастырушылық формасы
топтық
Атаулы категориясы: 1. 6. Білім алушылырдың тақырып бойынша қызметті орындау үшін қажетті білімі мен иемділігі
Білу: Кестелер
Атаулы категориясы: 1. 7. Кәсіби және еңбекпен қамтылуы үшін білігін біріктірудегі оқу сабағының мүмкіншілігі

- қарым-қатынас жасау дағдысы;

- ақпаратты қабылдай алуы;

- алынған ақпаратты тәжірибе жүзінде қолдана білу

Атаулы категориясы: 2. Сабақтың мақсаты
Атаулы категориясы: 2. 1. Студенттердін дәл осы сабақта үйренетін жұмысқа орналастырудын және жұмысты іздеудің келесі ептіліктерін жетілдіруге мүмкіндік береді

- тыңдай алу;

- топпен қарым-қатынас;

- өзгенің пікірімен алмасу.

Атаулы категориясы: 2. 2. Студентерді жаттықпа сабақтар барысында менгеретін кәсіптік ептілікке үйрету

- жұмыс орнын дұрыс тағайындау;

- әдебиетпен жұмыс істей алу;

- топта жұмыс істей алу;

- логикалық ойлау.

Атаулы категориясы: 3. Сабақ қорытындысын сипаттау
Атаулы категориясы: 3. 1. Сабақтын аяғында білім алушылар білу және істуі қажет
Білу: Кестелер
Атаулы категориясы: 3. 2. Сапа белгілері
Кестелер
Атаулы категориясы: 4. Жоспарлау фазасы
Атаулы категориясы: 4. 1. Оқу-әдестемелік жабдықтау, анықтамалық әдебиеттер тізімі

Гончаров А. Самоучитель НТМL

53-56 бет

Атаулы категориясы: 4. 2. Техникалық жабдықтау, материалдар
мультимедиялық презинтация, процессор, жады түрлері, контроллерлер, адаптерлер ДК
Атаулы категориясы: 4. 3. Студенттер іс әрекетінін ретін сипаттау
Меңгеру: Кестелер
Атаулы категориясы: 4. 4. Оқытушының ролі

- тақырып бойынша негізгі түсініктерді хабарлау;

- терминдерді және олардың ретін сипаттау.

Атаулы категориясы: 5. Жоспарды жүзеге асыру
Атаулы категориясы: 5. 1. Сабақ жоспарынын сипаттамасы, оқытушы мен студенттер іс-әрекетінің мазмұны (кесте)
Кесте «Оқытушы мен студенттер өзара әрекетінің мазмұны мен оны ұйымдастыру»
Атаулы категориясы: 6. Бағалау
Атаулы категориясы: 6. 1. Орындалған тапсырмалардың сапасын бағалау
Жаңа түсініктер мен терминдерді меңгеру дәрежесін анықтау.

Сабақ мазмұны

Эле-мент №

Сабақ элементі, қарастырылатың сұрақтар,

оқытудың әдістері мен тәсілдері

Қосымшалар, өзгерістер
Эле-мент №: 1.
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері:

Ұйымдастыру

  1. Кабинеттің сабаққа дайындығын тексеру
  2. Компьютерлердің сабаққа дайындығын тексеру
  3. Оқушылармен амандасу
  4. Оқушыларды түгендеу
  5. Сабақтың мақсатымен таныстыру
Қосымшалар, өзгерістер:
Эле-мент №: 2.
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері:

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

  1. FTP-клиенттері
  2. FTP негізгі тағайындалуы
  3. HTML тілінің құрылымы
  4. HTML дегеніміз не?
  5. «Гипермəтін» және «гипермедиа» терминдеріне анықтама
  6. «marking up» сөзінің мағынасы
  7. HTML нұсқалары, даму тарихы.
  8. HTML құрылымы, негізгі тегтер.
Қосымшалар, өзгерістер:
Эле-мент №: 3.
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері:

Жаңа сабақ

Пән: “WEB-бағдарламалау және Интернет технологиялары” модуль/пән бойынша

КМ 06. Web технологияны қолдана отырып, web парақшаны құру

Тақырып 1. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс істеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады

Қосымшалар, өзгерістер:
Эле-мент №: 4.
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері:

Жаңа сабақты бекіту

  1. Тапсырмаларды орындау
Қосымшалар, өзгерістер:
Эле-мент №: 5
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері: Сабақты қорытындылау, оқушыларды бағалау
Қосымшалар, өзгерістер:
Эле-мент №: 6
Сабақ элементі, қарастырылатың сұрақтар,оқытудың әдістері мен тәсілдері:

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

Гончаров А. Самоучитель НТМ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-кестеде жолдар бар, және әрбір жолда үш баған бар.


Ұқсас жұмыстар
Сұранысты құру жолдары
Кестеге жаңа қатар қосу
Adobe Photoshop бағдарламасымен танысу
Сабақтың мақсаттар
Мәтінді кесте түрінде безендіру
Қағаздан ыдыс құрастыру
Менің сабақ кестем кестесін құру
Кесте түріндегі мәтінді безендіру
Италия мемлекеті. халқы. шаруашылығы
HTML тілінде кесте құру
Пәндер



Реферат Курстық жұмыс Диплом Материал Диссертация Практика Презентация Сабақ жоспары Мақал-мәтелдер 1‑10 бет 11‑20 бет 21‑30 бет 31‑60 бет 61+ бет Негізгі Бет саны Қосымша Іздеу Ештеңе табылмады :( Соңғы қаралған жұмыстар Қаралған жұмыстар табылмады Тапсырыс Антиплагиат Қаралған жұмыстар kz