Разделы презентаций


WEB – БАҒДАРЛАМАЛАУ НЕГІЗДЕРІ

Содержание

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

Слайды и текст этой презентации

Слайд 1WEB – БАҒДАРЛАМАЛАУ НЕГІЗДЕРІ
Кожамжарова Динара Ханатовна
d.kozhamzharova@ntu.kz

Дәріс 2
Алматы,

2016

WEB – БАҒДАРЛАМАЛАУ НЕГІЗДЕРІ Кожамжарова Динара Ханатовнаd.kozhamzharova@ntu.kz Дәріс 2Алматы, 2016

Слайд 2Сабақтың жоспары

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

Слайд 3HTML дегеніміз не???

HTML дегеніміз не???

Слайд 4HTML (Hyper Text Markup Language) - гипермәтіндік өлшеуіш тілі күрделі

SGML (Standard Generalized Markup Language) өлшеуіш тілінің мүшесі болып табылады.

HTML кез келген тілдер сияқты программа құрудың стандартты құрылымынан тұрады. Бұл жағдайда ол HTML – құжат. HTML – тег директивалары бұрыштама жақшаларына алынады.
HTML (Hyper Text Markup Language) - гипермәтіндік өлшеуіш тілі күрделі SGML (Standard Generalized Markup Language) өлшеуіш тілінің

Слайд 5Бұрыштама жақшаға алынбаған барлық объектілерді интерпретатор экранда бейнеленетін мәтін ретінде

қабылдайды. Тег – браузер интерпретаторына тиісті нақты әр директиваға мәнді

қалай өңдеуді көрсететін HTML командасы. Бұл мән тег атрибуты деп аталады. Тегтің атрибуты болуы да, болмауы да мүмкін. Мысалы, тегінің атрибуты болмайды.
HTML – құжаты қысқа түрде құжат тақырыбынан және құжат денесіне тұрады.
Бұрыштама жақшаға алынбаған барлық объектілерді интерпретатор экранда бейнеленетін мәтін ретінде қабылдайды. Тег – браузер интерпретаторына тиісті нақты

Слайд 6HTML тегінің жалпы түрде барлық атрибуттарымен жазылу синтаксисі келесі түрде

болады:

өңделетін мән
Атрибут мәні тік жақшаға алынады. Тегтің барлығы жұппен болады: ашылатын және жабылатын;
<тег> өңделетін мән
Бірігу принципі қаралады:
<тег1> <тег2> өңделетін мән

HTML-құжаты — бұл *.html кеңейтілуі бар мәтіндік файл (Unix-жүйелері *.html кеңейтілу бар файлдан тұруы мүмкін).

Синтаксис

HTML тегінің жалпы түрде барлық атрибуттарымен жазылу синтаксисі келесі түрде болады: өңделетін мән Атрибут мәні тік жақшаға

Слайд 7Қарапайым HTML-құжат:

Мысал 1

Сәлем!
Бұл

HTML-құжатының қарапайым мысалы. Бұл *.htm-файл бір уақытта Notepad-да және Netscape-де

аша алады. Notepad өзгертуді сақтап, HTML-құжатта бұл өзгертулерді көру үшін Netscape-де жай ғана Reload ('қайта жүктеу') батырмасын басыңыз.



Қарапайым HTML-құжат:  Мысал 1  Сәлем! Бұл HTML-құжатының қарапайым мысалы. Бұл *.htm-файл бір уақытта Notepad-да және

Слайд 8Міндетті тегтер
...
тегі HTML-құжатты ашуы керек. Сол

сияқты тегі HTML-құжатты аяқтайды.
...
Бұл тегтер жұбы

құжат тақырыбының басы мен соңын көрсетеді. Құжат тақырыбынан басқа (төмендегі тегінің жазбасын қараңыз), бұл бөлімде көптеген ақпараттар бар.<br><title> ...
және тегінің арасындағы ақпараттар браузердегі құжат аты деп аталады.
Аты 64 символдан ұзақ болмауы керек.
Міндетті тегтер ...  тегі HTML-құжатты ашуы керек. Сол сияқты тегі HTML-құжатты аяқтайды. ... Бұл тегтер жұбы

Слайд 9 ...
Бұл тегтер жұбы HTML-құжат денесінің басы мен соңын

көрсетеді. Дене ол құжаттың мазмұнын анықтайды.
... —

...

(мұндағы i — 1 ден 6-ға дейінгі сан) түріндегі тег алты әртүлі деңгейдегі тақырыпты сипаттайды. Бірінші деңгей – ең үлкен, алтыншы деңгей – ең кіші тақырып.

...


Мұндай тегтер жұбы абзацты сипаттайды.

және

тегі арасындағылар бір абзац болып қабылданады.
... Бұл тегтер жұбы HTML-құжат денесінің басы мен соңын көрсетеді. Дене ол құжаттың мазмұнын анықтайды. ...

Слайд 10Жұп емес тегтер
Бұл бөлім HTML құжатының екі негізгі ержесіне бағынбайтын

тегтер жөнінде болады: олардың барлығы жұп емес, ал кейбіреулері (&-деп

аталатын тізбектер) кіші әріппен енгізілуі керек.

Бұл тег абзацты үзбей жаңа жолға өту үшін қолданылады. Өлең жазуға өте ыңғайлы.

Белгі
мынадай горизонтальды сызықты бейнелейді:

Белгі сонымен бірге қосымша SIZE (сызықтын қалыңдығын пиксельде береді) атрибутынан тұруы мүмкін және/немесе WIDTH (сызықтын қалыңдығын процентте береді). Төменде горизонтальды сызықтар коллекциясы келтірілген.
Жұп емес тегтерБұл бөлім HTML құжатының екі негізгі ержесіне бағынбайтын тегтер жөнінде болады: олардың барлығы жұп емес,

Слайд 11Төменде горизонтальды сызықтар коллекциясы келтірілген.


Сызық мысалы


Горизонтальды сызықтар коллекциясы




SIZE=8 WIDTH=25%>






Төменде горизонтальды сызықтар коллекциясы келтірілген. Сызық мысалы  Горизонтальды сызықтар коллекциясы

Слайд 12Комментарийлер және &-тізбектері
Браузерлер арасында орналасқан мәтінге көңіл

бөлмейді.
Бұл комментрий орналастыруға ыңғайлы.

Комментарийлер және &-тізбектеріБраузерлер арасында орналасқан мәтінге көңіл бөлмейді. Бұл комментрий орналастыруға ыңғайлы.

Слайд 13Параграфтар, жолдар, тақырыптар, тақырыпшалар, HTML – құжатындағы, фрагменттер. Тізімдер. Кестелерді

пайдалану. Гиперсілтемелер. Графикалық компоненттердің белгіленуі және оларды құжатқа орналастыру. Карта

бейнелеулер. Желілік графикалық форматтар.
HTML мәтіннің толық абзац түрін анықтауға мүмкіндік береді. Абзацтарды тізім түрінде ұйымдастыруға болады.

Мәтінді енгізу. Font элементі.

Параграфтар, жолдар, тақырыптар, тақырыпшалар, HTML – құжатындағы, фрагменттер. Тізімдер. Кестелерді пайдалану. Гиперсілтемелер. Графикалық компоненттердің белгіленуі және оларды

Слайд 14Нөмірленбеген тізімдер: . . және тегтері арасында

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

  • тегінен бастау керек. Мысалы, жаңа тізім құру үшін:
    ПОС;
    ЗБИ;
    ЭВМ;
    Мынадай HTML-құжат керек:

    • ПОС;
    • ЗБИ;
    • ЭВМ;

  • тегінің жабылатын жұп тегі жоқ.
  • Нөмірленбеген тізімдер: . . және тегтері арасында орналасқан мәтін нөмірленбеген тізім болып қабылданады. Тізімнің әр жаңа элементтің

    Слайд 15Нөмірленген тізімдер: ... . Нөмірленген тізімдер, нөмірленбеген тізімдер сияқты

    орналасқан, бірақ жаңа элементті белгілейтін символдардың орнына цифрлар қолданылады. Мысалы:


  • ПОС;
  • ЗБИ;
  • ЭВМ;

    мынадай тізім пайда болады:
    1. ПОС;
    2. ЗБИ;
    3. ЭВМ;
  • Нөмірленген тізімдер: ... . Нөмірленген тізімдер, нөмірленбеген тізімдер сияқты орналасқан, бірақ жаңа элементті белгілейтін символдардың орнына цифрлар

    Слайд 16Анықтама тізімдері: ... Анықтама тізімдер басқа тізім түрлерінен

    өзгешелігі бар. Анықтама тізімінде белгісінің орнына (ағылшынша definition

    term — анықталынатын термин) және
    (ағылшынша definition definition — анықталынатын анықтама) тегтері қоданылады. HTML-мәтіннің келесі фрагменті бар:
    HTML
    HTML термині (HyperText Markup Language) “гипермәтінді белгілеу тілін” білдіреді. HTML бірінші нұсқасын Европаның бөлшектердің элементарлы физика зертханасының қызметкері Тим Бернерс-Ли жасады.
    HTML-құжаты
    *.htm кеңейтілуі бар мәтіндік файл (Unix-жүйелері *.html кеңейтілуі бар файлдардан тұрады).

    Анықтама тізімдері: ... Анықтама тізімдер басқа тізім түрлерінен өзгешелігі бар. Анықтама тізімінде белгісінің орнына (ағылшынша definition term

    Слайд 17Форматталған мәтін: ...
    Браузерлер көптеген жолдың соңындағы символ

    мен бос орындарды ескермейді. және (ағылшынша preformatted —

    алдын-ала форматталған) тегі арасындағы мәтін экранға браузермен қалай тұр солай шығарылады – барлық бос орындармен және табуляция символымен. Бұл қарапайым кесте құруға ыңғайлы.
    Форматталған мәтін: ... Браузерлер көптеген жолдың соңындағы символ мен бос орындарды ескермейді. және  (ағылшынша preformatted —

    Слайд 18Шегініс мәтіні: ...
    және тегтері

    арасындағы мәтін браузермен экранға үлкейтілген сол жақ өріспен шығарылады.

    Шегініс мәтіні: ...  және тегтері арасындағы мәтін браузермен экранға үлкейтілген сол жақ өріспен шығарылады.

    Слайд 19Шрифті форматтау
    HTML мәтін фрагментін шрифті белгілеудің екі жолы бар. Біріншіден,

    шрифт мәтіннің кез келген жерінде бастырылып немесе курсивпен жазылуы мүмкін,

    немесе мәтіннің физикалық стильі өзгертіледі. Екіншіден, мәтіннің кейбір фрагменттің бар фрагмент ретінде белгілеп, бұл стильдің интерпретациясын браузерге қалдырып. Физикалық стильдер. Физикалық стиль деп браузер тікелей ұсыныс жасап кезектегі шрифтіні модификациялайды. Мысалы, және тегтері арасындағы мәтін бастырылып жазылу шрифтісімен жазылады. және тегтері арасындағы мәтін қисық жазылу шрифтісімен жазылады. және тегтері арасындағы мәтін жазба машинкасы шрифтісімен жазылады.
    Шрифті форматтауHTML мәтін фрагментін шрифті белгілеудің екі жолы бар. Біріншіден, шрифт мәтіннің кез келген жерінде бастырылып немесе

    Слайд 20Логикалық стильдер. Логикалық стильді қолдануда құжат авторы, оқушы экранда не

    көретінін білмейді. Әртүрлі браузерлер сол бір белгіні логикалық стильде тәлкілейді.

    Кейбір браузерлер белгілерді ескермейді және логикалық стиль орнына қарапайым мәтінді көрсетеді. Кең таралған логикалық стильдер. ... Ағылшынша emphasis — акцент. ... Ағылшынша strong emphasis — күшті акцент. ... Бастапқы мәтін фрагменті үшін қолдануға болады. ... Ағылшынша sample — нұсқа. Пернетақтадан енгізілетін мәтін үшін қолдануға болады. ... Ағылшынша variable — айнымалы. Айнымалы аттарын жазуға қолданылады.
    Логикалық стильдер. Логикалық стильді қолдануда құжат авторы, оқушы экранда не көретінін білмейді. Әртүрлі браузерлер сол бір белгіні

    Слайд 21 FONT элементі. Синтаксис мына түрде:

    = “мән.2” color = “мән.3”> мәтін
    face – мәтін көрінісі

    үшін шриф аты;
    size – + немесе – таңбаларымен бүтін сан етіп белгіленетін 1 ден 6 арасындағы шрифт өлшемі;
    color – түсі, керекті түстің цифрлік коды немесе түстің символдық тегі қойылады.
    FONT элементі. Синтаксис мына түрде: мәтін face – мәтін көрінісі үшін шриф аты;size – + немесе

    Слайд 22Кестелер. Кестелер ақпаратты кесте түрінде көрсету үшін. Практика жүзінде мәтінді

    бірнеше бағанға орналстыруға болады. Бір ұяшықтан тұратын кесте тиімді түрде

    мәтін фрагменттің белгілейді.


    Кестеде тақырып болуы мүмкін


    Кестелер. Кестелер ақпаратты кесте түрінде көрсету үшін. Практика жүзінде мәтінді бірнеше бағанға орналстыруға болады. Бір ұяшықтан тұратын

    Слайд 23Кесте тегімен басталып және тегімен аяқталады. тегі

    бірнеше атрибуттардан тұруы мүмкін. ALIGN Құжат өрісіне сәйкес кесте орналасуын

    келтіреді. Керекті мәндер: ALIGN=LEFT (солға туралап келтіру), ALIGN=CENTER (ортаға туралап келтіру), ALIGN=RIGHT (оңға туралап келтіру).
    WIDTH Кесте ені. Оны пикселде береміз (мысалы, WIDTH=400) немесе бет енінен процентпен (мысалы, WIDTH=80%).
    BORDER Кестенің ішкі рамкасымен ұяшықтар енін пикселде келтіреді (мысалы, BORDER=4). Егер атрибут келтірілмесе, онда кесте рамкасыз болады.
    CELLSPACING Кесте ұяшығының рамкалары арасындағы қашықтықты келтіреді (мысалы, CELLSPACING=2).
    CELLPADDING Мәтін және ұяшық рамкалары арасындағы қашықтықты келтіреді (мысалы, CELLPADDING=10).
    Кесте тегімен басталып және тегімен аяқталады. тегі бірнеше атрибуттардан тұруы мүмкін. ALIGN Құжат өрісіне сәйкес кесте орналасуын

    Слайд 24Кестеде тақырып болуы мүмкін ( ... ), бірақ тақырыптың болуы

    міндетті емес. белгісі АLIGN атрибутынан тұрады. Рұқсат етілген мәндер:

    (тақырып кестенің үстінен орналасады) және (тақырып кестенің астынан орналасады). Кестенің әр жолы тегімен басталып және тегімен аяқталады. тегі келесі атрибуттардан тұрады:
    ALIGN жол ұяшығындағы мәтінді түзулеп келтіреді. Рұқсат етілген мәндер: ALIGN=LEFT (солға түзулеп келтіру), ALIGN=CENTER (ортаға түзулеп келтіру), ALIGN=RIGHT (оңға түзулеп келтіру).
    Кестеде тақырып болуы мүмкін ( ... ), бірақ тақырыптың болуы міндетті емес.  белгісі АLIGN атрибутынан тұрады.

    Слайд 25VALIGN жол ұяшығындағы мәтінді вертикальды түзулеп келтіреді. Рұқсат етілген мәндер:

    VALIGN=TOP (жоғарғы жақ бойынша түзулеп келтіру), АLIGN=MIDDLE (орта бойынша түзулеп

    келтіру), VALIGN=BOTTOM (төменгі жақ бойынша түзулеп келтіру).
    Кестенің әр ұяшығы тегімен басталып және тегімен аяқталады. тегіі келесі атрибуттардан тұрады:
    NOWRAP бұл атрибуттың болуы, ұяшықтағылар бір жолда көрсетілуі керек.
    COLSPAN горизонталь бойынша ұяшықты "размах" келтіреді. Мысалы, COLSPAN=3 деп , алсақ онда ұяшық үш бағанға өшіріледі.
    ROWSPAN вертикаль бойынша ұяшықты "размах" келтіреді. Мысалы, ROWSPAN=2 деп алсақ, онда ұяшық екі жолд орын алады.
    ALIGN ұяшықтағы мәтінді түзулеп келтіреді. VALIGN жол ұяшығындағы мәтінді вертикальды түзулеп келтіреді. Рұқсат етілген мәндер: VALIGN=TOP (жоғарғы жақ бойынша түзулеп келтіру).

    VALIGN жол ұяшығындағы мәтінді вертикальды түзулеп келтіреді. Рұқсат етілген мәндер: VALIGN=TOP (жоғарғы жақ бойынша түзулеп келтіру), АLIGN=MIDDLE

    Слайд 26Байланыстыру. Гипермәтін жай мәтіннен ерекшелігі, оны тек басынан соңына дейін

    ғана оқуға болады, сонымен бірге мәтіннің бір фрагментінен екінші фрагментіне

    өтудің көптеген түрін жүзеге асырады. Жүйе көптеген әйгілі программалық өнімдер көмегімен гипермәтіндік принцип бойынша келтірілген. Маустың сол жақ батырмасын басу кезінде кезектегі құжаттың кейбір белгіленген фрагментінен құжат фрагментіне немесе алдын-ала белгіленген құжатқа өтуге болады. HTML-да бір мәтін фрагментінен екіншісіне мынадай түрдегі белгімен өтеді:
    мәтіннің белгіленген фрагменті
    [өту адресі] параметрі ретінде аргументтердің бірнеше түрі қолданылады.
    Ең қарапайымы - өтетін HTML- құжаттың атын береміз. Мысалы:
    Тақырыпқа өту HTML-мәтіннің мұндай фрагменті құжатта Тақырыпқа өту , белгіленген фрагмент пайда болады, басқан кезде кезектегі терезеде pr.htm құжаты жүктеледі.
    Байланыстыру. Гипермәтін жай мәтіннен ерекшелігі, оны тек басынан соңына дейін ғана оқуға болады, сонымен бірге мәтіннің бір

    Слайд 27HTML-құжаттағы бейнелер. HTML-құжатта бейнені өте қарапайым жолмен тұрғызуға болады. Ол

    үшін бұл бейне GIF форматында болу керек (файл *.gif кеңейтілуімен)

    немесе JPEG (файл *.jpg немесе *.jpeg кеңейтілуімен) және бір жол HTML-мәтінде. Бізге құжатқа HTML құжатпен бір каталогта орналасқан picture.gif файлында жазылған бейнені іске қосу керек. Онда жол мынадай болады:

    Белгі ALT атрибутын қосу керек="[мәтін]", мысалы:
    Сурет
    HTML-құжаттағы бейнелер. HTML-құжатта бейнені өте қарапайым жолмен тұрғызуға болады. Ол үшін бұл бейне GIF форматында болу керек

    Слайд 28Аудио- мен видеоклиптер және оларды қолдану. Аудиофайл форматтары: AU, WAV,

    MIDI, RA, MP3, WMA.
    Видеофайл форматтары: AVI, WM, VIVO, QT, MPEG,

    RV.
    Өте белгілі тәсіл – бұл нақты бір дауыс файлына немесе видеоклипке қарапайым сілтеме қолдану:
    Ән (100 K)
    Видеоклип (1.3 Mgb).
    Екінші тәсіл – тегін қолдану:

    autostart – аудио- немесе видеоклип автоматты түрде жүктеледі;
    hidden – ойнағыштың (проигрыватель) басқару панелі шығарылады немесе шығарылмайды;
    loop – үндеу саны;
    Internet Explorer көмегімен дауыс файлын енгізу:
    .
    Internet Explorer көмегімен видеоклипті енгізу:

    Аудио- мен видеоклиптер және оларды қолдану. Аудиофайл форматтары: AU, WAV, MIDI, RA, MP3, WMA.Видеофайл форматтары: AVI, WM,

    Слайд 29Фреймдер - сайтты ұйымдастыру тәсілі, онда Web – бет жеке

    құрама қатарларға бөлінде және браузердің бас терезесінде бірнеше тәуелсіз терезелерден

    жиналады. Фреймді қолдану кезінде бөлімі бөліміне ауыстырылады.
    Жалпы түрде жазылу синтаксиссі келесідей:


    <br><BODY><br>Фреймдер ұстамайтын браузерде бейнеленетін мәтін<br></BODY><br>

    Фреймдер - сайтты ұйымдастыру тәсілі, онда Web – бет жеке құрама қатарларға бөлінде және браузердің бас терезесінде

    Слайд 31Атрибуттар:
    frameborder – экранда фрейм шектеулерін бейнелеу немесе бейнелемеу;
    framespacing

    – бөлгіштер қалыңдығы пикселмен;
    rows, cols – фреймдік жиынтықтағы горизонталь және

    вертикаль санның берілуі пикселмен, процентпен және сәйкес ұзындықпен;
    Егер rows көрсетілмесе, онда әр тік жол беттің барлық ұзындығын алады, егер cols көрсетілмесес, онда әр жол экранның барлық көрсетілген еніне созылады.
    scrolling – айналдыру жолағының бар болуы;
    name – нақты фрейм үшін есім;
    src - осы фреймдегі ашылатын бет адресі;
    target – мақсатты фрейм жөніндегі ақпарат ( “contents” мәнін үнсіздікпен қолдануға ұсыныс)
    noresize – пайдаланушыға фрейм терезесінің өлшемін өзгертуге тыйым салу.
    Атрибуттар: frameborder – экранда фрейм шектеулерін бейнелеу немесе бейнелемеу; framespacing – бөлгіштер қалыңдығы пикселмен;rows, cols – фреймдік

    Слайд 32 тегі тегтерімен, бірге егер клиент браузері фреймді

    ұстамаса, онда Web – бетті динамикалық түрлендіретін html – кодын

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

    Слайд 33Форма - HTML-құжат бұл құрал көмегімен қандай да бір алдын-ала

    анықталған сыртқы орта нүктесіне ақпарат жібере алады, мұнда ақпарат қайта

    өңделеді. Ақпарат жіберілетін “сыртқы орта нүктесінің” формасына қарағанда, форманы құру қарапайым. Мұндай "нүкте" ретінде көп жағдайда Перл немесе Си тілінде жазылған программа қолданылады. Формамен берілетін және деректерді өңдейтін программаларды CGI-скрипттер деп атайды.
    Форма
    тегімен ашылып және
    тегімен аяқталады. HTML-құжат бірнеше формадан тұруы мүмкін, бірақ формалар бірінің ішінде бірі орналаспау керек. Белгісі бар HTML-мәтін форма ішінде шексіз орналаса береді.

    Форма - HTML-құжат бұл құрал көмегімен қандай да бір алдын-ала анықталған сыртқы орта нүктесіне ақпарат жібере алады,

    Слайд 35 тегі үш атрибуттан тұруы мүмкін, олардың біреуі міндетті. Бұл

    атрибуттар мыналар:
    - ACTION - Міндетті атрибут. Форма өңдеуші қайда

    орналасқаның анықтайды.
    - METHOD Формадан деректер өңдеушіге қалай берілетіні анықталынады (басқаша айтқанда, гипермәтінді беру протоколының әдісі көмегімен). Рұқсат етілетін мәндер: METHOD=POST және METHOD=GET. Егер атрибут мәні келтірілмесе, онда үнсіздік бойынша METHOD=GET ұсынылады.
    ENCTYPE Формадан деректер өңдеушіге беру үшін қандай жағдайда код жасау анықталынады. Егер атрибут мәні келтірілмесе, онда үнсіздік бойынша ENCTYPE=application/x-www-form-urlencoded ұсынылады.
    тегі үш атрибуттан тұруы мүмкін, олардың біреуі міндетті. Бұл атрибуттар мыналар: - ACTION - Міндетті атрибут.

    Слайд 36Қарапайым форма. Формадан өңдеушіге қандай да бір дерек беру процесін

    жіберу үшін қандай да бір басқару органы қажет. Мұндай басқару

    органын құру өте қарапайым: Браузер форма ішінде мұндай жолды кездестіріп, экранда Submit жазбасы бар батырманы салады ("сабмит" деп оқылады, ағылшынан "беріп тұру"), оны басқан кезде формадағы деректер өңдеушіге беріледі
    тегіндегі. Батырмадағы жазбаны сізге қалай ұнаса солай жазуға болады. VALUE="[Жазба]" ( "вэлью" деп оқылады, ағылшыннан "мән") атрибутын енгізіп, мысалы:
    Енді қарапайым форма жазуға болады. Ол ешқандай деректер жинамайды, бірақ бізді осы бөлімнің мәтініне алып келеді.
    Қарапайым форма. Формадан өңдеушіге қандай да бір дерек беру процесін жіберу үшін қандай да бір басқару органы

    Слайд 37


    Форма мысалы

    Қарапайым форма







    Форма мысалы  Қарапайым форма

    Слайд 38Батырмаға жазылған жазбаны өңдеушіге қажет болған жағдайда NAME=[есім] ("нэйм" деп

    оқылады, ағылшыннан "есім") атрибутымен беруге болады. Мысалы:

    Мұндай батырманы басу кезінде өңдеуші басқа қалған деректермен қоса button айнымалысын Кеттік! мәнімен алады.
    Формада бірнеше submit типіндегі батырма әртүрлі есіммен және/немесе мәнмен болады. Мұндай жағдайда пайдаланушы submit қандай батырмасын басқанына қарай, өңдеуші әртүрлі әрекет жасауы мүмкін.
    Батырмаға жазылған жазбаны өңдеушіге қажет болған жағдайда NAME=[есім] (

    Слайд 39
    элементінің әртүрлі типі бар. әр элементі элемент есімін

    анықтайтын NAME=[есім] атрибутынан тұруы мүмкін (және өңдеушіге берілетін айнымалы есіміне

    сәйкес). Есім тек латын әрпімен берілуі керек. элементінің көбісі осы есіммен өңдеушіге берілетін мәнді анықтайтын VALUE="[мән]" атрибутынан тұрады. және элементтері үшін, бірақ бұл атрибут міндетті емес, сонымен қатар тиісті айнымалы мәні пайдаланушымен пернетақтадан енгізіледі.
    элементінің әртүрлі типі бар. әр элементі элемент есімін анықтайтын NAME=[есім] атрибутынан тұруы мүмкін (және өңдеушіге берілетін

    Слайд 40 элементінің негізгі типтері:
    TYPE=text
    Мәтін жолын енгізу үшін терезені анықтайды.

    Қосымша атрибуттардан тұруы мүмкін SIZE=[сан] (символды енгізу терезесінің ені) және

    MAXLENGTH=[сан] (символды сан енгізу жолының максимальды рұқсат ұзындығы). Мысалы:

    Мәтін енгізу үшін 20 символды терезе енін анықтайды. Үнсіздік бойынша терезеде пайдаланушы редактірлейтін Иван мәтіні болады. Редактірленген (немесе редактірленбеген) мәтін өңдеушіге user айнымалысымен беріледі.
    элементінің негізгі типтері:TYPE=text Мәтін жолын енгізу үшін терезені анықтайды. Қосымша атрибуттардан тұруы мүмкін SIZE=[сан] (символды енгізу

    Слайд 41TYPE=password
    Пароль енгізу үшін терезе анықтайды. text типіне сәйкес, бірақ

    мәтін енгізу символдарының орнына экранда жұлдызша көрсетіледі (*). Мысалы:

    TYPE=password NAME=pw SIZE=20 MAXLENGTH=10>
    Пароль енгізу үшін ені 20 символды терезе анықталынады. Парольдың максимальды рұқсат ұзындығы - 10 символ. Енгізілген пароль өңдеушіге pw айнымалысы арқылы беріледі.
    TYPE=password Пароль енгізу үшін терезе анықтайды. text типіне сәйкес, бірақ мәтін енгізу символдарының орнына экранда жұлдызша көрсетіледі

    Слайд 42TYPE=radio
    Радиобатырманы анықтайды. checked қосымша атрибутынан тұрады (батырма белгіленгенді көрсетеді).

    Радиобатырма тобында бірдей есіммен тек белгіленген радиобатырма ғана болуы мүмкін.

    Мысалы:
    9600 бит/с 14400 бит/с 28800 бит/с
    9600 бит/с, 14400 бит/с және 28800 бит/с деп жазылған үш радиобатырма тобын анықтайды. Алғашқыда батырмалардың біреуі белгіленеді. Егер пайдаланушы басқа батырманы белгілемесе, онда өңдеушіге modem айнымалысы 9600 мәнімен беріледі. Егер пайдаланушы басқа батырманы белгілесе, онда өңдеушіге modem айнымалысы 14400 немесе 28800 мәнімен беріледі.
    TYPE=radio Радиобатырманы анықтайды. checked қосымша атрибутынан тұрады (батырма белгіленгенді көрсетеді). Радиобатырма тобында бірдей есіммен тек белгіленген радиобатырма

    Слайд 43TYPE=checkbox Белгі жасауға болатын квадратты анықтайды. checked деген қосымша атрибуты

    болуы мүмкін (квадрат белгілен екенін көрсетеді). Радиобатырмадан ерекшелігі бірдей есімді

    квадраттар тобында бірнеше белгіленген квадраттар болады. Мысалы:
    Жеке компьютерлер Жұмыс станциялары Жергілікті желі серверлері
    TYPE=checkbox Белгі жасауға болатын квадратты анықтайды. checked деген қосымша атрибуты болуы мүмкін (квадрат белгілен екенін көрсетеді). Радиобатырмадан

    Слайд 44TYPE=hidden
    Форманы толтыру кезінде пайдаланушыға көрінбейтін жасырын деректер элементін анықтайды

    және өңдеушіге өзгеріссіз беріледі. Мұндай элемент қайта өңдеуге жататын формада

    болғаны жақсы, себебі өңдеуші форманың қандай нұсқасымен жұмыс істеп тұрғанын білу үшін. Басқа вариантарды өзіңіз құрастыруыңызға болады. Мысалы:

    Өңдеушіге 1.1. мәнімен берілетін, жасырын version айнымалысын анықтайды.
    TYPE=hidden Форманы толтыру кезінде пайдаланушыға көрінбейтін жасырын деректер элементін анықтайды және өңдеушіге өзгеріссіз беріледі. Мұндай элемент қайта

    Слайд 45TYPE=reset
    Басқан кезде форма бастапқы күйіне қайтып келетін батырманы анықтайды.

    Бірақ бұл батырманы қолдану кезінде деректер өңдеушіге берілмейді, reset типіндегі

    батырмада name атрибуты болмайды. Мысалы:

    Басқан кезде форма бастапқы күйіне қайтып келетін “Форма жолын тазарту” батырмасын анықтайды.
    Форма элементінен басқа,
    Барлық атрибуттар міндетті. NAME атрибуты терезедегі деректере өңдеушіге қандай есіммен берілетінін анықтайды. (мысалды - address). ROWS атрибуты жолдағы терезе биіктігін келтіреді (мысалда - 5). COLS атрибуты терезе енін символмен келтіреді (мысалда — 50).
    Мұндай фрагмент үш элементтен тұратын менюді анықтайды: 1 вариант, 2 вариант және 3 вариант. Үнсіздік бойынша 1

    Слайд 48
    және тегтері арасында үнсіздік бойынша орналасқан мәтін терездегі

    мәліметтерді білдіреді. Пайдаланушы оны редактірлейді және өшіре алады. терезесіндегі

    орыс әріптері өңдеушіге берілу кезінде тиісті символдық объектілерге реттеледі.
    және  тегтері арасында үнсіздік бойынша орналасқан мәтін терездегі мәліметтерді білдіреді. Пайдаланушы оны редактірлейді және өшіре

    Обратная связь

    Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

    Email: Нажмите что бы посмотреть 

    Что такое TheSlide.ru?

    Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


    Для правообладателей

    Яндекс.Метрика