რუქა – საიტის შექმნა
წინა გაკვეთილში ჩვენ განვიხილეთ მართკუთხედები. დღეს განვიხილოთ მრგვალი ობიექტები.
მიუთითოთ ნაწილის ტიპი :
<map>
<area shape=”circle”>
</map>
მრგვალი მიდამოს შესაქმნელად ჩვენ დაგვჭირდება მისი ცენტრის (x და y)კოორდინატები და რადიუსის სიგრძე (R) პიქსელებში.
<area shape=”circle” coords=”x,y,R”>
მოდით ისევ ვიმუშაოთ ობიექტ ნომერ 1 – თან. ჩვენ შემთხვევაში კოორდინატები პატარა წრესათვის იქნება შემდეგნაირი : x=46, y=48; ხოლო რადიუსის სიგრძე – R=35. დავწეროთ ყველაფერი ეს:
<map> <area shape=”circle” coords=”46,48,35″> </map> ეხლა როდესაც ყველაზე მთავარი დაწერილია, დავწეროთ რუქის დასახელება საითკენაც იგი მიუთითებს და დავაკავშიროთ რუქა და სურათი :
<img src=”mapcircle.gif” usemap=”#karta2″>
… ტექსტი ან არაფერი…
<map name=”karta2″>
<area href=”drugoy_document2.html” shape=”circle” coords=”46,48,35″>
</map>
რუქის ყველა ნაწილისათვის ჩვენ შეგვიძლია დავწეროთ ატრიბუტი alt , ჩვენ ეხლა მხოლოდ ერთი ნაწილი გვაგვს და მისთვის დავწეროთ alt -ი:
<img src=”mapcircle.gif” usemap=”#karta2″>
… ტექსტი ან არაფერი…
<map name=”karta2″>
<area href=”drugoy_document2.html” shape=”circle” coords=”46,48,35″alt=”პატარა წრე”>
</map>
ეხლა თუ მივიყვანთ კურსორს პატარა ტექსტთან გამოჩნდება კარნახი, ჩვენ შემთხვევაში (პატარა წრე).
ეხლა თქვენ თვითონ გააკეთეთ მეორე წრე ლინკად (x=158, y=75, R=53), ცოდნის დასაფიქსირებლად.
ეხლა განვიხილოთ მრავალკუთხედები
უნდა მიუთითოთ წერტილები (კოორდინატის კუთხეები) ისინი ერთდება თითქოსდა ერთმანეთთან ხაზებით. ესეთნაირად შესაძლებელია სხვადასხვანაირი ფიგურები მიღება.
ეხლა ჩვენ ვიმუშავებთ ფიგურა ნომერ 2 -თან. ჯერ მიუთითოთ ნაწილის ტიპი:
<map>
<area shape=”poly”>
</map>
კოორდინატები იწერება შემდეგი პრინციპით :
<area shape=”poly” coords=”x1,y1,x2,y2,…,xN,yN”>
იშიფრება ეს შემდეგნაირად : პირველი კუთხის კოორდინატები (x1,y1), მეორე კუთხის კოორდინატები (x2,y2), კიდევ კოორდინატები (…) და ბოლო კუთხის კოორდინატები (xN,yN). ესეიგი ჩვენ შემთხვევაში ჩანაწერი იქნება შემდეგნაირი :
<area shape=”poly” coords=”x1,y1,x2,y2,x3,y3,x4,y4,x5,y5″>
ეხლა მიუთითოთ რეალური კოორდინატები ჩვენ კოდში :
<map>
<area shape=”poly” coords=”168,9,232,29,200,97,223,129,153,119″>
</map>
შემდეგ დავწეროთ ლინკი, რუქის დასახელება, და დავაკავშიროთ რუქა და სურათი ერთმანეთთან (ეს ყველგან კეთდება ერთი და იგივე პრინციპით) :
<img src=”mappoly.gif” usemap=”#karta3″>
… ტექსტი ან არაფერი…
<map name=”karta3″>
<area href=”drugoy_document3.html” shape=”poly” coords=”168,9,232,29,200,97,223,129,153,119″>
</map>
არ დაგავიწყდეთ ყველაფერი ეს გააკეთოთ პირველი ფიგურასათვის სავარჯიშოდ – x1=54, y1=20, x2=109, y2=20, x3=147, y3=58, x4=109, y4=96, x5=54, y5=96, x6=16, y6=58.
ეხლა განვიხილოთ რამოდენიმე ნიუანსი და ამით დავამთავროთ საუბარი რუქებზე:
1- ჩვენ შეგვიძლია ერთდროულად გამოვიყენოთ სხვადასხვა ნაწილები , მაგალითად წრე და მრავალკუთხედი :
<img src=”mappoly.gif” usemap=”#karta3″>
… ტექსტი ან არაფერი…
<map name=”karta3″>
<area href=”drugoy_document3.html” shape=”circle” coords=”46,48,35,”>
<area href=”drugoy_document3.html” shape=”poly” coords=”168,9,232,29,200,97,223,129,153,119″>
</map>
2- ამ ნაწილება შეიძლება ერთმანეთი გადაკვეთონ, ეს არ არის საშიში მთავარია გვახსოვდეს, რომ ნაწილზე დაჭერისას პრიორიტეტი ამ შემთხვევაში მიიენიჭება ნაწილს რომელიც მითითებულია პირველი (ესეიგი მომხმარებელი მოხვდება იმ გვერდზე საითკენაც მიუთითებს იგი).
3- იყავით ყურადღებით თუ თქვენ წერთ რუქისათვის usemap=#KARTA, ხოლო სახელი (name) თქვენი რუქისა იქნება karta. შესაძლოა შეცდომები უნდა გაითვალისცინოთ ასოები რეგისტრი.
შემდეგ გაკვეთილში ჩვენ კვლავ განვაგრძობთ საუბარს ლინკებზე (ბმულებზე)
