Кесте жасау

Өндірістік тәжірибе жоспары
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. <> сөзінің мағынасы
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 row)
:: , тэгімен жабылады. Тэгтің align атрибутының top мәні (үндеместен қолданылады) тақырыптың кесте басында, ал bottom мәні соңында болуын анықтайды.
Кестеде ұяшықтар қатарын анықтау. тэгі кестенің ұяшықтар қатарын анықтайды. Тэг тэгімен жабылады. Ұяшықтар

(table data)
::

(table head)
тэгі Web - құжатқа кесте құру үшін қажет. Тэг

тэгімен жабылады. Кестенің ұяшықтары

және

тэгтерімен құрылады.

тэгі кестенің тақырыбын анықтайды. Тақырып тек қана мәтіннен тұрады. Тэг

және

тэгтерімен құрылады. Тэг төмендегі атрибуттарға ие:
Кестеде қолданылатын атрибуттар:
align - атрибуты ұяшық мәтінін left - сол жақ шетке,
right - оң жақ шетке
center - ортаға туралайды. Үндеместен left мәні қолданылады;
valign - атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Қабылдайтын мәндері:
top - төменнен;
bottom - жоғарыдан;
middle - ортадан (үндеместен қолданылады);
bgcolor - атрибуты кесте ұяшығының фон түсін анықтайды.
Border- бүтін сан, кесте жақтаулары сызығының қалыңдығы (мысалы: border=3) Bordercolor- кесте жақтауларының түсі
Width- кесте енін анықтайтын бүтін сан, мәні (%) пайызбен беріледі
Rowspan- бірнеше жолдарды біріктіріп, бір-ақ жол етіп біріктіру
Colspan- бағаналарды біріктіріп бір жол ету Келесі қыздар олар

ТӘЖІРИБЕЛІК БӨЛІМ

Кесте жасау
1. Блокнот (Notepad++) программасын іске қосыңыздар.
2. келесі мәтін жолдарын теріңіздер.
Тапсырма №1

Сабақ кестесі

Сабақ кестесі

Уақыты	7а класс	7б	7в
8-30 - 9-50	Орыс тілі	Информатика	Тарих
10-00 - 11-20	Математика	Геодезия	Ағылшын тілі
11-30 - 12-30	Тарих	Сызба геометрия	Компьютерлік графика

Тапсырма №2

Таблицы в HTML5

Модель	Компания	Цена
Nexus 6P	Huawei	49000
iPhone 6S PLus	Apple	62000
Lumia 950 XL	Microsoft	35000

Тапсырма №3

HTML5- те кесте құру

Модель	Компания	Цена
Nexus 6P	Huawei	49000
iPhone 6S PLus	Apple	62000
Lumia 950 XL	Microsoft	35000

Мұнда бізде 4-кестеде жолдар бар, және әрбір жолда үш баған бар.
Бұл жағдайда бірінші жол тақырып рөлін орындайды, ал қалған үш жол кестенің мазмұны болып табылады. Html кестесіндегі тақырыптарды, футерді және денені бөлу тиісінше thead, tfoot және tbody элементтері бар. Оларды қолдану үшін кестені келесідей өзгертеміз:

**Популярные смартфоны 2015**
Модель	Компания	Цена
Nexus 6P	Huawei	49000
iPhone 6S PLus	Apple	62000
Lumia 950 XL	Microsoft	35000
Информация по состоянию на 17 марта

Thead элементі-тақырып жолы. Тақырып ұяшықтары үшін td емес, th қолданылады. TH элементі тақырыпты майлы етіп бөледі. Барлық басқа жолдар tbody
Tfoot элементі кесте жертөле немесе футер анықтайды. Мұнда әдетте кестеге қатысты кейбір қосалқы ақпарат шығарылады.
Caption элементінің көмегімен бағандар тақырыптарынан басқа, біз кесте үшін жалпы тақырыпты қоя аламыз.

Сондай-ақ, кесте футерінде colspan="3"атрибуты арқылы үш бағанның ені бойынша қозғалатын тек бір баған бар.
Colspan атрибуты осы ұяшық қандай бағандарды жылжытады. Сондай-ақ, rowspan төлсипатының көмегімен біз ұяшықты белгілі бір жолдар санына жылжыта аламыз. Мысалы:
Тапсырма №3

Таблицы в HTML5

1	2	3
1	4	5
6	7

Тапсырма №4.Төмендегі кестені құрыңыз:

Тапсырма №4.Төмендегі кестені құрыңыз:

Тапсырма №4. Төменде көрсетілген сайт макетін кесте көмегімен құрыңыз. Ұяшықтардағы мәтіндерге мән беріп оқыңыздар!

Ұқсас жұмыстар

Сұранысты құру жолдары

Кестеге жаңа қатар қосу

Adobe Photoshop бағдарламасымен танысу

Сабақтың мақсаттар

Мәтінді кесте түрінде безендіру

Қағаздан ыдыс құрастыру

Менің сабақ кестем кестесін құру

Кесте түріндегі мәтінді безендіру

Италия мемлекеті. халқы. шаруашылығы

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

Пәндер