Категории:

Астрономия
Биология
География
Другие языки
Интернет
Информатика
История
Культура
Литература
Логика
Математика
Медицина
Механика
Охрана труда
Педагогика
Политика
Право
Психология
Религия
Риторика
Социология
Спорт
Строительство
Технология
Транспорт
Физика
Философия
Финансы
Химия
Экология
Экономика
Электроника

Мндерді серверге беру.

Мндерді серверге беру шін submit() форма дісі олданылады. дісті сцеарий

кодында шаыруа болады: форма_аты.submit(), біра кбіне мндер «Подача запроса»

арнайы батырмасы арылы беріледі. Бл батырма келесі трде рылады:

Батырманы басу автоматты трде форма шін submit дісін шаырады. Мндер

жіберілетін адрес жне оларды жіберу трі <FORM> дескрипторыны атрибутында

беріледі.

• ACTION - мндерді жіберетін адрес жолы

• URL – Web-сервер адресі жне мндерді дейтін программа

файлыны аты

• “mailto: адрес_электроной почты ” форматындаы электронды

пошта адресі

• METHOD - get немесе post беру дісі; Мндерді жіберу форматымен ерекшеленеді

жне “имя_поля = значение, …” жолына меншіктелетін Web-сервер ортасыны

стандартты айымалысы атауымен ерекшеленеді.

Формада таы бір пайдалы арнайы батырма олданылады – «Сброс». Батырма келесі

трде рылады.

Сброс батырмасы форма шін reset() дісін шаырады. Мысал ретінде «Подача запроса»

жне «Сброс» батырмаларымен форманы келтірейік.

</FORM>

Бл формада text1 жолындаы мтінді mymail@mail.ru адресі бойынша post дісімен

жіберу крсетілген. «Подача запроса» батырмасын басаннан кейін крсетілім мндерді

жіберу ауіпсіз екенін хабарлайтын терезе шыады. Егер ОК батырмасын бассаыз, онда

мтіндік жолды аты рамымен бірге ACTION атрибутында крсетілген электронды

пошта адресі бойынша жіберіледі.

37.Графика жне анимация эффектілері. Анимация эффектілері Web-бетіне кірушілерді назарын аудару ммкін жне маызды

апаратты блоктарды айындайды. Арнайы эффектілерді олдананда асырып жібермеу

керек, себебі кірушілерді санын азайтады.

Кбіне, анимация шін графиктік объектілерді – белгілі бір жиілікпен айталанатын GIF

форматындаы суреттерді олданамыз. Нтижесінде озалыс эффектісі немесе графиктік

суреттерді ауысуы шыады. Анимацияа таы да мтінні динамикалы згеруі немесе

мтінні орын ауыстыруы – «жгіріп тетін жол» эффектісі жатады.

«Жгіріп тетін жол» эффектісін ру шін <Marqueе> арнайы дескрипторы

олданылады. Бл дескрипторды атрибуттары мтінні орын ауыстыру параметрлерін

баылайды.

• BEHAVIOR–«жгіріп тетін жол» эффектісі толтыру дісі

scroll- мтін Web- бетіні шет жаында жоалады

slide –бірнеше рет цикл айталанан со мтін Web-бетіні о немесе сол жаында

алады

alternate- жолдаы мтінні баыты р цикл орындаан со арама-карсы баыта

ауысады.

• BGCOLOR- «жгіріп тетін жол» фоныны тсі

• DIRECTION– мтін орын ауыстыру баыты

left – сола

right – оа

• HEIGHT- «жгіріп тетін жол» биіктігі

• HSPACE– Web-бетені сол жне о жаынан «жгіріп тетін жол» мтінні

пикселмен есептегендегі арасы

• LOOP- жолда мтінді крсету саны

? – айталау санын крсететін бтін сан

infinite – эффектіні цикл бойынша шексіз айталау

• SCROLLAMOUNT- мтінні цикл бойынша бір адама орын ауыстыруы

• SCROLLDELAY- орын ауыстыру арасындаы миллисекундпен есептегенде

уаыт аралыы. Бл атрибутты жлдаы мтінні орын ауыстыруын баяулату шін

олданан жн. Жылдамдату шін TRUESPEED атрибутындаы мтінні орын

ауыстыруына минималды мн ою керек

• VSPACE- мтін мен рамка арасындаы вертикаль бойынша пикселмен

есептегендегі аралы

• TRUESPEED- мтінні орын ауыстыруындаы минималды мн

• WIDTH-«жгіріп тетін жол» -ды пикселмен емептегендегі ені

<MARQUEE> …</MARQUEE> дескрипторымен рылан «жгіріп тетін жол»

объектісін сценарий кмегімен динамикалы деу шін олдануа болады.

Листинг 1.

<HTML>

<HEAD>

<TITLE> Жгіріп тетін жол </TITLE>

function set_marquee(text, color) {

marquee. innerText =text;

marquee.bgColor = color;

}

</SCRIPT>

</HEAD>

<BODY>

<FORM>

<P>

<INPUT TYPE = ‘button’ VALUE = “Красная кнопка” ONCLICK= “set_marquee(‘Текст

красной кнопки’, ‘red’);”>

<INPUT TYPE = ‘button’ VALUE = “Желтая кнопка” ONCLICK= “set_marquee(‘Текст

желтой кнопки’, ‘yellow’);”>

<INPUT TYPE = ‘button’ VALUE = “Зеленая кнопка” ONCLICK= “set_marquee(‘Текст

зеленой кнопки’, ‘green’);”>

</P>

</FORM>

</BODY>

</HTML>

Web – беті «жгіріп тетін жол» атаулы объектісі жне 3 кнопкасы бар формадан

ралан. Кнопканы басанда «жгіріп тетін жол»-а мтін шыады жне фонны

тсі згереді. Барлы кнопкалар сценарийде орналасан setmarquee() функциясыны

орындалуын шаырады. Бл функция аргументінде мтін жне тс мнін

абылдайды. Функция жолында алынан мнді «жгіріп тетін жол» объектіні

сйкес атрибутына меншіктеледі.

38.Нtml кодын сценарий кмегімен енгізу жне деу. Сценарийлер деп белгілі операциялар мен функцияларды орындайтын шаын

программаларды айтады.Сценарийлер крсетілім функцияларыны стандартты

жиынтыы.Web-бетін дрыс крсетуге жеткіліксіз боланда олданылады. Мысалы,

сценарийді бетте басару элементтері бар форма олдананда керек. Крсетілім басару

элементтерін экрана крсетеді, біра оларды тек сйкес функциямен жазанда ана

пайдасы болады.

Сценарийлер HTML кодына енгізіледі. Крсетілімдер сценарийді программалы

кодын ажырата алады жне оны орындай алады. Сценарий жазуды стандартты тілі

ретінде JavaScript олданылады.

Кейбір сценарийлерді айта жазбас шін Web-тйіндерінен

http://JavaScript.Internet.com/, www.Javascript.com жне www.JavaSript-galore.com дайын

сценарийлерді алып, кптеген есептер шешуде (web-бет руда) олдануа болады.

Ол шін сценарий кодын кшіріп алып, html кодын дрыс оя білу керек.

Сценарийлерді html кодына енгізу шін <Script> жне...</Sсript> дискриптор жбын

олдану керек. Осы дискрипторлар арасында жазылан текстті крсетілім программа

коды ретінде арастырып, экрана крсетпейді.

Сценарийді Web-бетіні негізгі бліміне (<Body>....</Body>) сонымен атар

(<Head>...</Head>) бліміне осса болады. Тек HTML кодында сценарий оятын

орынды дрыс тадау керек, себебі Web-беті іске осыланда ана крсетіліммен код

жолдары оылады. Сценарий кодында кейін осылатын Web-бетіні элементтеріне

нсаулар болмауы керек.

Таырып бліміндегі сценарийлер кбіне негізгі функцияларды анытау шін,

тратылар мен айнымалыларды анытау шін олданылады. Олар кейін негізгі

блімде олданылуы ммкін.

Сценарий коды тек тексттік файлда саталуы ммкін. Олар кбіне .js кеейтуімен

саталады. Ол кодты пайдалану шін <Script>дискрипторыны SRC атрибутында

файла жол крсету арылы крсету керек.

<Script Src='Scripts/myscript.js' LANGUAGE='JavaScript'>

</Script>

Бл жерде таы бір атрибут LANGUAGE ойылан. Сценарий жазу шін баса да

программалау тілін олдануа болады. Сондытан LANGUAGE атрибутын да крсетсе

болады.

Web-беттерінде басару элементтерін осуа болады. Олар диалогты терезелерде

батырма, жалауша, мтіндік жол, тізім ретінде олданылады. Осы элементтерді осу

шін алдымен форма рып, соны стіне орнату керек. Форма <Form>...</Form>

дескриптор жбы арылы рылады. Форманы барлы басару элементтері html

кодында осы дискриптор арасына жазылады. Басару элементтерін ру шін

<Input> дискрипторы олданылады. Оны атрибуттары басару элементіні типін

анытайды.

Форманы негізгі ызметі <Form>...</Form> дискриптор жптары арылы

ттынушыа Web-бетіні рамын басаруа ммкіншілік береді, сценарийді

орындалуын шаырады, зіні жеке мндерін енгізіп, Web-серверге немесе электронды

почта арылы жібереді.

Мысалы,

<form>

<!-Поле ввода-->

<BR> Фамилия:

<BR><Input Type ='text' Value='Иванов'><BR>

<!-Группа переключателей-->

<BR><INPUT TYPE='radio' Name='color'> Белый

<BR><INPUT TYPE='radio' Name='color'> Красный

<BR><INPUT TYPE='radio' Name='color'> Желтый

<BR><INPUT TYPE='radio' Name='color'> Зеленый <BR>

<!- Группа переключателей -->

<BR> <Input type = 'checkbox' Name='fruit'> Груша

<BR> <Input type='checkbox' Name='fruit'> Яблоко

<BR> <Input type ='checkbox' Name='fruit'>Персик <BR>

<!-Кнопки-->

<BR><Input Type='button' Value='Пишите мне' Onclick=

window.open('mailto:MyAdress@mail.ru');>

<BR> <Input type='button' Value='Посмотрите мои фотографии'

nclick=window.open('http:\\\\www.Mysite.org\\Myfoto.htm');>

</form>

Басару элементіні типі Type атрибутымен беріледі. Енгізу жолы <Input Type ='text'

Value='Иванов'> ттынушыа пернетатадан бір жол текст енгізуге ммкіндік береді.

Ауыстырыштар мен жалаушалар web-бетінде тадауа ммкіндік береді. Мысалы,

бетті фонын жне т.б.

<Input Type ='checkbox' name='name'>Подпись флажка<Input Type='button'>кнопкасы

сценарийлерді шаыру шін олданылады.Onclick атрибутында window.open( )

функциясы крсетілімні жаа терезесін ашуа ммкіндік береді.

39.HTML сценарийлері жне жаттары. <Script> сценарий дескрипторлері.

Браузер HTML жатында код жолын білу шін <Script>...</Script> дескрипторы арылы

жазу керек.Осы дескрипторлар арасында белгілі рылым жазылады.

Сценарийді басару шін <Script> дескрипторынде олданылатын браузерді типіне

туелді ртрлі атрибуттар олдануа болады. Браузерлер стайтын бір атрибут -

type(тип).

<script type="text/javascript">

Javascript кодыны барлы жолдары дескриптор жбыны арасында орналасуы керек.

<script type="text/javascript">

бір немесе бірнеше код

</script>

Атрибут src сценарий коды бар файлды крсетеді.

Мндай файлды .js кеейтуімен болу керек.Дескриптор бл жадайда мынадай:

<script type="text/javascript" src="myscript.js">

</script>

Дескрипторларда <head>...</head>немесе <body>...</body> араларына орналастыруа

болады.

<html>

<head>

<title>A document</title>

...........................................

</script>

</head>

<body>

.............................................

</script>

</body>

</html>

Сонымен атар, <script> сценарий дескрипторін аншасын жар таырыбына,аншасын

жат денесіне орналастыру саны шектеусіз.

Егер дескрипторлар бетті таырыбында орналасса,ол бетті параметрлеріне сер

етеді.(<head> блімі)

Егер дескрипторлер <body> блімінде орналасса, онда сценарий бет жктелгенде іске

осылып,оны рамын ндіреді.Сценарий жат денесінде орналасса,бет жктелгенде

динамикалы рылым ру керек болады.Егер жатта батырмалар болса жне оны

басанда баса сценарий ашылатын болса,онда сценарий таырып денесінде болу керек.

Браузерді ескі версиясымен(шатаспау ) проблема болмас шін

арасына сценарий жазу керек.

40.JavaScript тіліні негізгі ерекшеліктері. JavaScript тілі – HTML-жатын рушылара оны барлы объектілерін динамикалы

басару амалын Web-бетіні коды трінде сипаттау.

JavaScript тіліні негізгі ерекшеліктері:

1) Java тіліні жеілдетілген синтаксисіне ие.

2) HTML-элементтеріне арналан оиа. Батырмалар onclick оиа деуші арылы

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

боландытан, onLoad жне onUnload оиасы сценарийлерде жазылуы керек.

Ттынушылар сценарийлерде ртрлі формалар олданады, сондытан OnSumbit

оиасы керек. JavaScript-тегі оиа HTML-жатын рушылара ттынушымен

(алынып тасталан сервер арылы) серлесуге ммкіндік береді жне браузермен

орындалатын операциялар мен оларды рекеттеріне тез жауап айтаруа ммкіндік

береді.

3) Классыз объектілер.

4) HTML-кодын ндіруі. JavaScript-ті HTML-ге енгізу баса идеяларды тууына келді.

Бл идея крделі программалы рылымдарды руа, кестені кп дегейлі

рылымындаы мндерді тексеруге ммкіндік береді. Барлы айталанатын элементтер

сценарий циклінде беріледі.

Web-дизайнерлер арапайым операторларды аз теру арылы тез жне эффектілі трде

осымшалар ру ммкіндігін іздеген болатын. JavaScript мыдаан дизайнерлерге наыз

программист болуына кмектесті. 1995 жылы рылуына Бренден Эйх кп лес осан.

World Wide Web-те JavaScript ролі.

Кптеген азіргі технологияларды болуы WWW пайда болуынан шыты. Бастапы

кезде Web статистикалы мтін жне кріністерді жйелі басару ортасы болды. Ол

немі згеріп, web технологияны растырушылар арасында жасарды. Web-тегі азіргі

заманы технологияа мысал болып JavaScript тілі табылады. JavaScript осымшасы

Web-беттерін кркемдеуге ммкіндік береді. Жасы, тартымды Web беттерін ру шін

баса жобалар фонында сапалы, апаратты ерекшеленген Web –беттерін ратын Web-

технологияларды олдануа тырысу керек.

HTML тілі (Hypertext Markup Language-гипемтінді табалау тілі) - негізінен жаттарды

форматтау немесе табалау тілі (мндерді дескриптора алу). Дескрипторлар - экранда

мтіндік фрагменттер мен суреттерді шыару ммкіндігін толыымен сипаттайтын

жатты арау программасында олданылады.