Сабақтың тақырыбы: html-да мәтінді форматтаудың қосымша мүмкіндіктері 10-сынып



Дата17.03.2022
өлшемі5,9 Mb.
#28303
түріСабақ
Байланысты:
2-ші сабақ Web-құжатта мәтінді форматтаудың қосымша мүмкіндіктері (2) (1)

Сабақтың тақырыбы: HTML-да мәтінді форматтаудың қосымша мүмкіндіктері

10-сынып


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



Оқу мақсаттары

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

Түйін сөздер:


Қазақ тілінде

Ағылшын тілінде

Қаріп

Font

Өлшемі

Size

Түс

Color

Фон

Background

Нөмірленген тізім

Numbered list

Белгіленген тізім

Bulleted list

тегінің сипаттамасы

- Ашылушы және жабылушы тегтер арасында орналасқан мәтін қарпінің түсін, өлшемі мен түрін өзгертуге мүмкіндік береді.

Мәтін өлшемін басқару

SIZE – қаріп өлшемін береді (стандартты қаріп өлшемі – «3»). мәтінді … тегтерінің ортасына қойсақ (бұл жерде-гі n – сан), оған керекті өлшем беру керек:

мысал 1


мысал 2

мысал 3


мысал 4

мысал 5


мысал 6

мысал 7






Font





Біз Web-бетті құрастырған тіл:


H

yper



T

ext


M

arkup


L

anguage


Интернет
Интернет

Біз Web-бетті құрастырған тіл:


H

yper


T

ext


M

arkup


L

anguage


тегінің көмегімен түсті өзгерту


тегі фон түсі мен құжаттың негізгі мәтінінің түсін көрсетеді. Ол үшін тегінде екі негізгі сөзді жазу керек:

Bgcolor=“ ” – фон түсін орнатады, Text=“ ” – мәтіннің түсін орнатады.







Font





Біз Web-бетті құрастырған тіл:


H

yper



T

ext


M

arkup


L

anguage


Жүгіртпе жол

Жүгіртпе жол2

Жүгіртпе жол3

Жүгіртпе жол4

Жыл мезгілдері





  • Қыс


  • Көктем


  • Жаз


  • Күз




Жыл мезгілдері





  1. Қыс


  2. Көктем


  3. Жаз


  4. Күз






Сілтемелер


Сілтемелер web-парақшаларын жасағанда қолданылатын

ең көп таралған әрекет-амалдардың бірі.





Тізімдер


Тізімдер дегеніміз таңбалардан не сандардан басталатын, өзара

бірі-бірімен қандай да бір байланыста болатын сөздердің немесе


сөйлемдердің жиынтығы.







  • Еуропа



    1. Англия


    2. Франция


    3. Германия


    4. .......






  • Орталық Азия



    1. Қазақстан


    2. Қырғызстан


    3. Өзбекстан


    4. .......






  • Қиыр Шығыс
  • ; c) ; d)

    2. Маркерленген (таңбаланған) тізім құру үшін қандай қос тег пайдаланылады?

    a)

      ; b)
    • ; c)
        ; d)

        3. Нөмірленген тізім құру үшін қандай қос тег пайдаланылады?

        a)

          ; b)
        • ; c)
            ; d)

            4. Анықтамалар тізімін құру үшін қандай қос тег пайдаланылады?

            a)

              ; b)
            • ; c)
                ; d)

                5. Тізімге енетін сөздерді қай тег арқылы жазамыз?

                a)

                  ; b)
                • ; c)
                    ; d)

                    6. Тізімді әріппен реттеу үшін қандай атрибут қолданылады?

                    a) color; b) img; c) alt; d) type



                    Тест жұмысы жауабы:

                    1. Қаріп түсін орнату үшін қандай тегті қолданады?

                    а) ; b) ; c) ; d)

                    2. Маркерленген (таңбаланған) тізім құру үшін қандай қос тег пайдаланылады?

                    a)

                      ; b)
                    • ; c)
                        ; d)

                        3. Нөмірленген тізім құру үшін қандай қос тег пайдаланылады?

                        a)

                          ; b)
                        • ; c)
                            ; d)

                            4. Анықтамалар тізімін құру үшін қандай қос тег пайдаланылады?

                            a)

                              ; b)
                            • ; c)
                                ; d)

                                5. Тізімге енетін сөздерді қай тег арқылы жазамыз?

                                a)

                                  ; b)
                                • ; c)
                                    ; d)

                                    6. Тізімді әріппен реттеу үшін қандай атрибут қолданылады?

                                    a) color; b) img; c) alt; d) type

                                    Тапсырма

                                    HTML кодын орындаудың нәтижесін көрсет:


                                    Мәтін

                                    Қаріпі – Arial, мәтіннің абзацы сары түсті

                                    Қаріпі – Arial, мәтіннің абзацы сары, көлемі 14 пиксел

                                    Мәтіннің абзацы сары, көлемі 14 пиксел

                                    Мәтіннің абзацы сары, көлемі 14 пиксел

                                    Дескриптор:

                                    1. Қаріп өлшемін, түсін, гарнитурасының дұрысын анықтайды



                                    Тапсырма жауабы

                                    HTML кодын орындаудың нәтижесін көрсет:


                                    Мәтін

                                    Қаріпі – Arial, мәтіннің абзацы сары түсті



                                    Қаріпі – Arial, мәтіннің абзацы сары, көлемі 14 пиксел

                                    Мәтіннің абзацы сары, көлемі 14 пиксел

                                    Мәтіннің абзацы сары, көлемі 14 пиксел

                                    Мәтін
                                    -

                                    HTML кодын орындау нәтижесінде браузер экранында өлшемі 14 пиксель, Arial қарпі бар сары мәтін көрінеді.

                                    font-size – атрибутының мәні мәтіннің көлемін көрсетеді, color мәтіннің түсін көрсетеді, font-family – мәтіннің қарпін (гарнитурасын) көрсетеді.



                                    Тапсырма

                                    Тапсырма жауабы:

                                    Қорытынды

                                    Бүгінгі сабақта:
                                    • қаріпті, түсті және өлшемді өзгерте отырып, мәтінді қалай форматтауға болатынын;
                                    • тізімдерді құру тегтерін;
                                    • жүгіртпе жолдарды шығару тегтерін жасауды қарастырдық.

                                    Оқу тапсырмасы

                                    Бүгінгі сабақта өткен тегтерді пайдаланып, төмендегі тапсырманы орындаңыздар.

                                    Мұндағы «АПТА» тақырыбы жасыл фонда жүгіртпе жол ретінде орындалуы керек.

                                    АПТА .

                                    • Жұмыс күндері:

                                    • a. Дүйсенбі

                                      b. Сейсенбі

                                      c. Сәрсенбі

                                      d. Бейсенбі

                                      e. Жұма

                                      2. Демалыс күндері:

                                      1. Сенбі

                                      2. Жексенбі




Достарыңызбен бөлісу:




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

    Басты бет