Файл: Сабаты таырыбы htmlда мтінді форматтауды осымша ммкіндіктері 10сынып.pptx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 09.01.2024

Просмотров: 335

Скачиваний: 10

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Сабақтың тақырыбы: 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


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


H

yper

T

ext

M

arkup

L

anguage

Жүгіртпе жол

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

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

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

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






Қыс


Көктем


Жаз


Күз





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





    Қыс


    Көктем


    Жаз


    Күз






Сілтемелер


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


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



Тізімдер


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


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


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







Еуропа



  1. Англия


    Франция


    Германия


    .......






Орталық Азия



  1. Қазақстан


    Қырғызстан


    Өзбекстан


    .......






Қиыр Шығыс


; 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. Жексенбі