Инфоурок / Информатика / Другие методич. материалы / Файлы Word Кестелер 11 сынып

Файлы Word Кестелер 11 сынып

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

19-26.04.2016

Сыныбы: 11

Оқу-ісінің меңгерушісі

________ Е.Дайнашов

Сабақтың тақырыбы:

Кестелер

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

Html тілінің тэгтерін пайдалана отырып, веб - бетте кестелерді енгізуді үйрету.

Күтілетін нәтиже

веб - құжаттарды кестелер жасау үшін тэгтер мен атрибуттардың міндеттерін білу.

Сабақ түрі:

Жаңа тақырыпты түсіндіру.

Сабақ кезеңдері

Мұғалімнің іс - әрекеттері

Оқушылардың

іс - әрекеттері

Ұйымдастыру кезеңі.

Оқушылармен амандасу, түгендеу


Амандасады, сабаққа келмеген оқушыларды айтады.

Үй жұмысын тексеру.


  1. Прарақтағы фонның түсін қалай өзгертуге болады?

  2. Web парақтарды құру үшін кескіндердің қандай графикалық пішімдері жиі қолданылады?

  3. Графикалық нысанды кірістіру үшін қолданылатын тегті және оның атрибуттарын атаңдар.

  4. Браузерде графиканы көрсету қосылмаған жағдайда қолданушы нені көреді?

  1. Графикалық нысандар санының көбеюі браузер жұмысының жылдамдығына қарай әсер етеді?

Жаңа тақырыпты түсіндіру


Кестелерді құру.

Әрбір кесте келесі схема бойынша жасалады.

Кестенің ашатын тегі›

Қатардың ашатын тегі›

Ұяшықтың ашатын тегі›

Мәтін, сурет, кесте

/Ұяшықтың жабатын тегі›

/Қатардың жабатын тегі›

/Кестенің жабатын тегі›

Әрбір кесте қатардан және ұяшықтардан (бағаналардан) тұрады. Ұяшықтардың ішінде кестеге енгізілген ақпарат болады. Көрсетілген схемада бір қатары және бір ұяшығы ғана бар кесте құрылады.

  Қарапайым кестені құру.

Біз жасайтын кесте 3 қатардан тұрады. Әрбір қатарда 3 ұяшық (баған) бар. –ші баған «Товар», 2-ші баған «Цвет», 3-ші баған «Цена» деп аталады.

Товар

Цвет

Цена

Карандаш

Синий

1

Ручка

Черный

5

Кестенің ашатын және жабатын тегтері: 

Қатарлардың ашатын және жабатын тегтері: ,

Ұяшықтардың ашатын және жабатын тегтері: 

 Тегтердің негізгі параметрлері.

Төменгіде көрсетілген параметрлер

тегтерінде бірдей болады.

BGCOLOR–кесте фонының түсін анықтайды.

BACKGROUND–кесте ұяшығының фоны ретінде қолданылатын суреттің жолын және атын көрсетеді.

WIDTH–кестенің, жеке ұяшықтың ені. Пиксельдермен немесе процентпен анықталады. Егер осы параметрді

HEIGHT–кестенің, қатардың, ұяшықтың биіктігі.  Пиксельдермен немесе процентпен анықталады.

BORDER–кесте  сызықтарының қалыңдығы. Егер оның мәні 0-ге тең болса кесте сызықтары көрінбейді.

ALIGN–кестенің құжатта немесе басқа кесте ішінде орналасуы. Оның мәндері: Left (сол жақ бойынша туралау), Right (оң жақ бойынша туралау).

CELL; line-height: 100%">CELLSPACING–ұяшықтар арасындағы қашықтықты анықтайды. Мәні пиксельдерде беріледі.

BGCOLOR =BLUE>

Товар

Цвет

Цена

Карандаш

Синий

1

НӘТИЖЕСІ:

және

ALIGN–ұяшықтар немесе қатар ішінде элементтердің горизонтальды орналасуы. Оның мәндері: Left (сол жақ бойынша туралау), Right (оң жақ бойынша туралау).

ALIGN– ұяшықтар немесе қатар ішінде элементтердің вертикальды орналасуы. Оның мәндері: Left (сол жақ бойынша туралау), Right (оң жақ бойынша туралау).

Таблицаны құрукүрделі таблицалар.

Сонымен, оңай таблица құруға сіз үйрендіңіз.

тегінің параметрлері бар, олардың көмегімен көптеген қызықты нәтижелер алуға болады. Мысалға сізге келесідей таблица құру керек: руб.

Таблицаның соңғы қатары бір ұяшықтан тұрады.Бірақ та сіз әр қатардағы ұяшықтар саны бірдей болу керекдеген сенімдесіз. Расында да солай. Бірақ соңғы қатардағы үш ұяшық бір ұяшыққа айналған. Бұл

тегінің COLSPAN параметрі арқылы жасалынған.

COLSPAN бір қатардағы бірнеше ұяшықтарды бір ұяшыққа айналдырады. Бұл параметрдің ұяшықтар саны болып табылады. Яғни, қанша ұяшықты бір ұяшыққа айналдыру керек. Төмеңгі мысал таблицаның тек соңғы қатарына байланысты.

 Итого:10 руб.

Енді біз бірнеше ұяшықты вертикаль бойынша қосылуын қарастырамыз.

Мысалы:

Т

о

в

а

р

ы

1

Карандаш

1

2

Ручка шариковая

5

3

Тетрадь

4

Төрт қатардағы соңғы ұяшықтар бір-бірімен қосылған. Ол  

тегінің ROWSPAN параметрі арқылы орындалған. Бұл параметрі COLSPAN параметріне ұқсас, бірақта ол ұяшықтар вертикаль бойынша қосылады.

ROWSPAN таблицадағы бір бағанадағы бірнеше ұяшықтарды бір-бірімен қосу. Оның мәні ұяшықтар саны болады. Жоғары таблицаның HTML коды көрсетіледі

 Наименования 

 Цена(руб.)

т
о
в
а
р
ы

Карандаш

1

1

Карандаш

1

2

Ручка шариковая

5

3

Тетрадь

4

Мысалдан біз таблицаның бірінші қатарында төрт 

 тегінен тұрады, ал қалғандары үшеуден. Анығында таблица төрт қатары ба төрт ұяшықтан тұрады, бірақ та соңғы төрт ұяшықтар вертикаль бойынша қосылған және ондатоварыдеп жазылып тұр. Таблицаның ұяшықтары үстінен астына қарай вертикаль бойынша қосылады.Яғни, ROWSPAN қай ұяшықта жазылды, содан бастап қосылады.

 Наименования 

 Цена(руб.)

т
о
в
а
р
ы

Төртінші ұяшықта ROWSPAN=4вертикаль бойынша төрт ұяшық қосылған. Нәтижесінде келесі үш қатарда тек үш ұяшық болады.

Сергіту сәті.


Жаттығуды орындарында отырып орындау.

Қол саусақтарына арналған жаттығулар

Алақанды уқалау.

Қолды қысу

Білезіктен айналдыру

Көзге арналған жаттығулар.

Көзді бірнеше рет жыпылықтату.

Көзіңмен ақырын оң жаққа, жоғары, солға, төмен қарай 3-4 рет айналым жаса

Бекіту.


1.Web параққа кестелер қандай мақсатпен қосылады?

2. Кестені қандай тегтер анықтайды?

3. Кесте құрылымын сипаттайтын дұрыс үлгіні анықтаңдар?

4. , ,

5. Кестенің түрі қандай болатынын ( мысалдың кодын браузерде қарап шықпай-ақ) анықтаңдар.

Оқуды бағалау.


Сабаққа белсенді қатысқан оқушыларды бағалау.

Бағаны күнделіктеріне қойдырады

Үй жұмысы.


Кестелер

Күнделіктеріне үй тапсырмасын жазып алады.




Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Общая информация

Номер материала: ДБ-052589
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>