Сабақ жоспары № сабақ. Бөлім: II бөлім. Html, css және xml негіздері



жүктеу 122.95 Kb.
бет1/7
Дата23.02.2022
өлшемі122.95 Kb.
#17520
түріСабақ
  1   2   3   4   5   6   7
сж 17,18,19,20,21

ЖЕТІСУ ГУМАНИТАРЛЫҚ – ТЕХНИКАЛЫҚ КОЛЛЕДЖІНІҢ
Сабақ жоспары
-сабақ.

Бөлім:

II Бөлім. HTML, CSS және XML негіздері

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

HTML-ді пайдаланып кесте құру

Модуль /пәнатауы:

Web бағдарламалау

Педагогтің аты-жөні:

Есмұрат Ұ.Қ.

Күні:




Жалпы мәліметтер

Курс, топ: 2, 206

Қатысушылар саны:

Қатыспағандар саны:

Сабақ типі:

Аралас сабақ

Мақсаты, міндеттер:

HTML тілінде кесте құру дербес компьютердің көмегімен
даярлауға қатысты қолданылатын ұғымдар мен әдістерді қарастыру

Оқу сабақтары барысында білім алушылар игеретін кәсіби біліктердің тізбесі

HTML тілінде кесте құру және оны форматтауды

Оқыту нәтижелері

HTML де мәтінді форматтап және кестелермен жұмыс жасайды, кестелерді шығару тегтерін біледі.

Бағалау критерийі

- web-сайт ұғымын түсіндіреді;
- html мәтінді форматтау абзац тізімде жұмыс жасайды;
- html де кестелер мен жұмыс жасайды және кестелерді шығару тегтерін біледі.

Оқу-әдістемелік құрал-жабдықтар

Компьютер, интерактивті тақта, презентация

Техникалық құралдар, материалдар

компьютер

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

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

а) ұйымдастыру кезеңі
б) сабақ сұрау

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



Жаңа сабақты түсіндіру
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. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:











мәтін мәтін мәтін
мәтін мәтін мәтін

Бұл жерде border кесте сызықтарының ені.
Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутың қолдануға болады, мысалы:

Нөмірленген тізімді ұйымдастыру үшін
    және тегтері қолданылады.
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Егер тізім номерін керекті бір номермен бастау керек болса онда start атрибутын пайдалынамыз, мысалы:
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Тізімнің түрін өзгерту үшін type атрибуты көмектеседі, мысалы номерлерді латын цифрларымен жазу үшін төмендігідей жазамыз
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Маркерлік тізімді жазғанда
      тегін пайдаланады, маркердің түрін өзгерту үшін type атрибутын. Оның мәні кестеде көрсетілген
      disc
      дөңгелек
      circle
      шеңбер
      square
      квадрат

        дөңгелек


        шеңбер


        квадрат

      Web беттегі графика
      Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан болса, онда төмендегі тег жазылады:

      width және heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі және ені.
      alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.


      1 тапсырма. Блокнот программасын іске қосыңыздар. Төменде берілген мәтінді Блокнот программасына келесі мәтін жолдарын теріңіздер.


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




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

























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


жүктеу 122.95 Kb.

Поделитесь с Вашими друзьями:
  1   2   3   4   5   6   7




©emirb.org 2022
әкімшілігінің қараңыз

    Басты бет