Оқушыларға жаңа сабақ туралы нұсқау беру

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

HTML құжатымен жұмыс

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

HTML құжатын әзірлеу, оған фреймдер мен пішімдерді орналастыру және жұмыс барысын жан-жақты түсіндіру.
Оқушылардың ой-өрісін кеңейту, логикалық ойлауын және басқару қабілеттерін дамыту.
Еңбекқорлыққа, қарапайымдылыққа тәрбиелеу және жауапкершілік сезімін қалыптастыру.

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

Құрылымды жоспар және негізгі ұғымдар

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

Оқушылармен сәлемдесу.
Журнал бойынша түгендеу.
Кабинеттегі техникалық қауіпсіздік ережелерімен таныстыру.

II. Кіріспе нұсқау

1 Презентацияны пайдаланып, өткен тақырыптар бойынша қайталау жүргізу.
2 Web-құжат құрылымын түсіндіру.

Web-құжат құрылымы

Web-құжатты құрудан бұрын браузерге құжаттың қай тілде жазылғанын көрсету қажет. Бұл үшін құжаттың басында <!DOCTYPE ...> тегі беріледі. Бұл жазба құжаттың HTML 4.0 тілінде жазылғанын білдіреді.

Негізгі тегтер

<html> Құжаттың басталуы және аяқталуы.
<head> Қызметтік бөлім (метаақпараттар, атау, т.б.).
<title> Бет атауы.
<body> Негізгі мазмұн орналасатын бөлім.

Маңызды қағида

Web-құжат <html> тегінен басталып, сәйкес </html> тегімен аяқталады. Осы екеуінің арасына құжаттың тақырыбы (<head>) және негізгі бөлімі (<body>) орналасады.

III. Жаңа сабақ

Сырғымалы жол (Marquee) және атрибуттары

Сырғымалы жолдарды ұйымдастыру: <marquee>

<marquee> тегі мәтінді үздіксіз жылжытып отыратын сырғымалы жол түрінде экранға шығарады. Тегтің атрибуттары арқылы жылжу жылдамдығын, бағытын, фон түсін және өлшемдерін өзгертуге болады.

Кең қолданылатын атрибуттар

behavior: Мәтіннің қозғалу түрі: scroll, alternate, slide.
bgcolor: Сырғымалы жолдың фон түсін анықтайды.
direction: Жылжу бағыты: left немесе right.

Өлшем параметрлері

height: Сырғымалы жолдың биіктігі (пиксельмен немесе пайызбен).
width: Сырғымалы жолдың ені (пиксельмен немесе пайызбен).

Ескерту

<marquee> тегі қазіргі веб-стандарттарда ескірген деп саналады. Дегенмен оқу мақсатында HTML атрибуттарының жұмысын түсіндіруге ыңғайлы.

Мысал коды

Төмендегі үлгіде үш түрлі сырғымалы жол көрсетілген.

<html>
  <head>
    <title>Мысал</title>
  </head>
  <body text="red">
    <center>
      <h2>Мысал: сырғымалы жол</h2>
      <hr>

      <h3>
        <marquee bgcolor="blue" behavior="scroll" direction="right" scrollamount="30">
          Бұл алғашқы сырғымалы жол
        </marquee>
      </h3>

      <p>
        <marquee bgcolor="green" height="30" width="90%">
          Бұл екінші сырғымалы жол
        </marquee>
      </p>

      <marquee bgcolor="green" behavior="alternate" direction="left" height="30">
        Бұл үшінші сырғымалы жол
      </marquee>

      <hr>
    </center>
  </body>
</html>

IV. Бекіту

Оқушылардың жаңа тақырыпты қаншалықты меңгергенін анықтау үшін сұрақ-жауап жүргізіледі.

Сұрақ 1

Веб-құжат құру барысында қолданылатын тегтерді атаңыз.
Сұрақ 2

Веб-құжаттың құрылымын атап өтіңіз.
Сұрақ 3

Веб-құжатта сырғымалы жол қалай ұйымдастырылады?

V. Жаттығу жұмыстары

Компьютерлік жабдықтарды қолдана отырып веб-беттер құру және оны әзірлеу барысында пайдаланылатын тегтермен тереңірек танысу.

VI. Ағымдық нұсқау

Тақырып бойынша білімді бекіту және жетілдіру мақсатында зертханалық жұмыс орындау тапсырылады.

VII. Тексеру және бақылау

Тексеру мақсатында мұғалім оқушылардың жұмыс орындарын аралап, төмендегі бағыттар бойынша бақылау жүргізеді:

1) Жұмыс орнын тексеру

Оқушының ұйымдастыру деңгейіне және тәртібіне назар аудару.

2) Жұмыс амалдарын тексеру

Тапсырманы орындау барысындағы әрекеттерін қадағалау.

3) Өзін ұстауын тексеру

Сыныптағы мәдениет және өзара қарым-қатынасты бақылау.

4) Техникалық қауіпсіздік

Құрал-жабдықтарды дұрыс және қауіпсіз қолдануын тексеру.

VIII. Қорытынды нұсқау

1 Сабақ бойынша қорытынды жасау.
2 Әрбір оқушының сабаққа қатысу белсенділігін бағалау.
3 Сабақты жақсы меңгерген оқушыны атап өту.