4shared

html გაკვეთილი მეთორმეტე

რუქა – საიტის შექმნა

წინა გაკვეთილში ჩვენ განვიხილეთ მართკუთხედები. დღეს განვიხილოთ მრგვალი ობიექტები.
html რუქა

მიუთითოთ ნაწილის ტიპი :

<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>

ეხლა თუ მივიყვანთ კურსორს პატარა ტექსტთან გამოჩნდება კარნახი, ჩვენ შემთხვევაში (პატარა წრე).
რუქის ყველა ნაწილისათვის ჩვენ შეგვიძლია დავწეროთ ატრიბუტი alt

ეხლა თქვენ თვითონ გააკეთეთ მეორე წრე ლინკად (x=158, y=75, R=53), ცოდნის დასაფიქსირებლად.

ეხლა განვიხილოთ მრავალკუთხედები

html მრავალკუთხედები

უნდა მიუთითოთ წერტილები (კოორდინატის კუთხეები) ისინი ერთდება თითქოსდა ერთმანეთთან ხაზებით. ესეთნაირად შესაძლებელია სხვადასხვანაირი ფიგურები მიღება.

ეხლა ჩვენ ვიმუშავებთ ფიგურა ნომერ 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. შესაძლოა შეცდომები უნდა გაითვალისცინოთ ასოები რეგისტრი.

შემდეგ გაკვეთილში ჩვენ კვლავ განვაგრძობთ საუბარს ლინკებზე (ბმულებზე)

დატოვეთ თქვენი კომენტარი

*