2015-10-22
352
бейнедегi аймақтарының координаттарын анықтау
1. Карта-бейненi құру.
Бейненiң әрбiр бөлiктерiнен сiлтемелердi ұйымдастыруға болады. Ең алдымен бөлiктердi белгiлеп алып, олардың координаталарын анықтау керек. Мұндай бейнелердi карта деп атаймыз. Картаны анықтайтын тэгтер: <MAP> ж„не </MAP>. Ашылатын ж„не жабылатын тэгтер арасында картаның аймағы <AREA> тэгi көмегi арқылы анықталады. …рбiр карта аймағында <AREA> өз элементi құрылу керек. HREF=сiлтеме адресi сiлтеменi анықтатын атрибут болу керек.
<MAP>тэгiнiң атрибуттары.
NAME=аты – NAME атрибут көмегi арқылы карта бейненiн аты берiледi.
<AREA> тэгiнiң атрибуттары.
ALT=карта бейненiң аймағының атауы—мәтiндi беру үшiн атрибут
TARGET=фрейм аты- аймақтан сiлтеме жасалынатын құжат тұратын фреймдiн атын анықтайды
SHAPE=rect, poly, circle, point- картадағы аймақ формасын анықтайтын атрибут.
COORDS=x,y,x1,y1 - rect тiктөртбұрышты аймақтың координаттарын сипаттайды
COORDS=x,y,x1,y1... xn,yn – poly көпбұрышты аймақтың координаттарын сипаттайды
COORDS=x,y,r - circle-дөнгелек түрдегi аймақтын координаттарын сипаттайды
COORDS=x,y- point нүкте түрдегi аймақтын координаттарын сипаттайды
COORDS атрибут м„нi ретiнде белгiленген аймақтың координаттарын жазу үшiн оларды ен аллдымен анықтап алу керек. Ол үшiн графиктiк редакторде суреттi iске қосып ж„не арнайы инструмент арқылы қажеттi аймақты белгiлеп алу керек. Ақпарат терезесiнде сол жақ төменгi бұрышына басып, өлшем бiрлiктер ретiнде Пикселдi таңдап алу керек. Мысалы: тiктөрбұрышты аймақты белгiлеп, тышқан көрсеткiшiн сол жақ жоғарғы бұрышқа „келiп, Ақпарат терезесiнде Х ж„не У белгiлеулердiң қасында осы төбелердiң координаттарын жазу керек., содан кейiн тышқан көрсеткiшiн оң жақтағы төменгi бұрышына апарып карама-қайшы төбелердiң координаттарын жазу керек.
Карта-бейне үшiн <IMG> тэгiнiң атрибуттары.
USEMAP=#аты - картаның атын анықтайды. Бұл ат <MAP> тэгiнiң NAME атрибутының мәнi ретiнде көрсетiлетiн атпен ұқсас болу керек.
ИНТЕРАКТИВТІ Веб-БЕТТЕР
Формалар.
Форманы құру үшiн <FORM> және </FORM> қос тэгтердi қолданамыз. Бiр құжатта бiрнеше форма құруға болады. <FORM> және </FORM> араларында үлкен элемент жиының қолдануға болады. Сондай- ақ формаларды құру кезiнде бiрнеше типтердiн өрiстерiн беруге болады (бiр немесе бiрнеше қатарлардағы мәтiндiк өрiстер, радиобатырмалар, флажок, мәзiр және командалық батыраларды горнататын терезелер).
<FORM> тэгiнiң атрибуттары
ACTION= адрес
Электрондық пошта арқылы форманы жiберу үшiн URL-адрес анықтайды.
METHOD- ағымдағы формадағы мазмұның серверге жiберу үшiн қандай HTTP әдiстердi қолдану керектiгiн анықтайды.
ENCTYPIE-бұл атрибут форма мазмүнын кодтау кезiнде қолданылатын механизмiн анықтайды.
Форманы толтыратын өрiстер
<INPUT>- толтырылатын фораларда өрiстер типiн белглеу үшiн қолданылады
<SELECT>-жалғыз немесе көпшiлiк таңдау мәзiрiн разметкалау үшiн қолданылады.
<TEXTAREA> алдын ала бiрнеше мәтiн қатарын камтитын өрiстердi разметкалау үшiн қолданылады.
<INPUT>- тэгiнiң атрибуттары
TYPE=өрiс типi- деректердi енгiзуге қолданылатын өрiстер типi
SIZE=пикселдегi мән
SIZE=40- 40 символды енгузе қажет өрiс ұзындығын бередi.
MAXLENGTH-символдар саны- өрiске енгiзiлетiн максималды символдар санына шектеулер бередi
NAME=аты - өрiске атын меншiктеуг арналған атрибут
VALUE=символдар саны –құжат жүктелген кезiнде бұл өрiсте шығарылатын қатарды бередi.
Мысалы: <INPUT TYPE=text SIZE=30 NAME=name VALUE=Имя>
 |
Мысалы: <INPUT TYPE=password SIZE=10 NAME=pw VALUE=”Введите пароль”>
TYPE=password
Бұл кезде енгiзлтетiн символдар * белгiсi арқылы экран бетiнде көрсетiледi
TYPE=checkbox
Ия немесе жоқ булев типiн қарапайым мәндерiн толтырылатын формаға енгiзу үшiн қолданылады.
Мысалы:
<INPUT TYPE= checkbox NAME=section VALUE=yes>1
<INPUT TYPE= checkbox NAME= section VALUE=yes>2
<INPUT TYPE= checkbox NAME= section VALUE=yes>3
<INPUT TYPE= checkbox NAME= section VALUE=yes>4
 |
TYPE=radio- параметрдi формаға енгiзу үшiн қолданады.
<INPUT TYPE=”radio” NAME= answer VALUE=yes> Да <br>
<INPUT TYPE= “radio“ NAME= answer VALUE=No> Нет
2. Формада мәзiрдi құру
Формада мәзiрдi құру <SELECT> және </SELECT> қос тэгтердi қолданамыз. <SELECT> тэгi формада “көп пунктен бiреуiн таңдау” немесе “көп пунктен бiрнеше пунктi таңдау”. <SELECT> және </SELECT> ашып және жабылатын тэгтер арасында OPTION бiр немесе бiрнеше элементi болу керек.
<SELECT> тэгiнiң атрибуттары
NAME=аты –атын айқындайды. Оқушы мәзiрдiң қай пунктерiн таңдағанын көрсету үшiн серверге деректердi жiберу кезiнде қолданылады
SIZE=саны- “көптен бiрнеше “ мәзiрiнен бiруақытта көрiнетiн пунктердiң санын көрсетедi.
MULTIPLE пайдаланушылар берiлген мәзiрден бiрнеше пунктi таңдап алуға мүмкiндiктерi.
< OPTION > тэгiнiң атрибуттары
SELECTED бұл атрибут көрсетiлсе оған сәйкес пунктегi элемент құжат жүктелген кезiнде таңдалған деп белгiленедi.
VALUE=мән – мәзiрдегi пункке сәйкес келетiн мәндi бередi.
