Сайтты жобалау негіздері 1 сағат



Pdf көрінісі
бет10/19
Дата21.12.2023
өлшемі5.25 Mb.
#487193
1   ...   6   7   8   9   10   11   12   13   ...   19
Web - бағд-у силлабус

3) Сурет карталар 
Сурет карта (англ. image map, кейде cенсорлы карта немесе графикалық карта) – 
HTML белгілеу тілінің графикалық объектісі, ол суретпен байланысты және суретті басу 
арқылы белгілі бір URL-ға сілтеме жасалатын арнайы аймақты білдіреді. Сурет картасы 
бірнеше сілтемені бір суретте сақтауға мүмкіндік береді. 
Веб-бетке сурет картаны қосу үшін тегін қолданып, “name” атрибутына 
бірыңғай идентификатор көрсетіледі. Оның ішіне жұпсыз 
 тегтері қолданылып, әрқайсысы қандай да бір басылатын аймақты білдіреді. Кейін 
тегін картамен байланыстырып, картаның атын жазатын usemap артибуты 
қосылады. Атрибуттың мәні # белгіден басталуы керек. тегінде суреттің өлшемі 
анық көрсетіледі. 
контейнері 
name – сурет картасының идентификаторы. Идентификатор сондай құжаттар 
арасында бірыңғай болады. 
элементі 
shape – басылатын аймақтың формасы. Төмендегі мәндерді қабылдайды: circle 
(шеңбер), rect (тік төртбұрыш), poly (бес бұрыш). 
alt – аймақтың балама аймағы. Сілтемеге еске салушы мәтін ретінде қолданылады. 
coords – басылатын аймақтың координаттары. “0,0” мәніне сәйкес келетін, сол жақ 
жоғарғы бұрыштан басталатын координаттар пиксельде өлшенеді. Алғашқы сан x осі 
бойынша, яғни ені бойынша координат болса, екіншісін y осі, ұзындық координаты болып 
есептеледі. Координат тізімі аймақ формасына байланысты: 
Шеңбер үшін шеңбер орайы және радиусы беріледі: 
 
Тік төртбұрыш үшін – жоғары сол жақтың және төмен оң жақтың координаттары 
беріледі: 
 
Бесбұрыш үшін биіктік координаттары беріледі: 
 
Бұл жағдайда аймақтың бірінші және соңғы нүктесі автоматты түрде тұйықталады. 
href – аймақ үшін сілтеме адресін білдіреді. Жазу ережесі <а> тегіне жазған сияқты 
жүзеге асырылады. 
Төменде 
сурет 
карта 
жасайтын 
код 
жазылып, 
ол
суретпен байланыстырылады: 
 
 
width=«500» 
height=«200» 
usemap=«#somemap» 
src=«upload.wikimedia.org/wikipedia/commons/e/e0/Figures_for_imagemap. png» > <map 
name=«somemap»> 
<area 
shape=«rect» 
coords=«6, 
7, 
140,
196» href=«kk.wikipedia.org/Тіктөртбұрыш»> 




Достарыңызбен бөлісу:
1   ...   6   7   8   9   10   11   12   13   ...   19




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

    Басты бет