რა უნდა იცოდე
• გამოიყენეთ ნორმალური ზომის სურათი, რომელსაც ბრაუზერი არ ცვლის. თქვენ ასევე დაგჭირდებათ გამოსახულების რედაქტორი და HTML ან ტექსტური რედაქტორი.
• სურათის ჩასმისას დაამატეთ დამატებითი ატრიბუტი რუკის კოორდინატების დასადგენად.
• მაგალითად:
ეს სტატია განმარტავს, თუ როგორ უნდა შექმნათ Image Maps HTML ტეგების გამოყენებით გამოსახულების რუქის რედაქტორის ნაცვლად. გამოსახულების რედაქტორების უმეტესობა გაჩვენებთ თქვენი მაუსის კოორდინატებს, როდესაც მიუთითებთ სურათზე, რაც არის ყველა მონაცემი, რომელიც გჭირდებათ გამოსახულების რუქების დასაწყებად.
სურათის რუკის შექმნა
გამოსახულების რუკის შესაქმნელად, ჯერ აირჩიეთ სურათი, რომელიც იქნება რუკის საფუძველი. სურათი უნდა იყოს "ნორმალური ზომა" - ანუ, თქვენ არ უნდა გამოიყენოთ ისეთი დიდი სურათი, რომ ბრაუზერმა მას მასშტაბირება მოახდინოს.
სურათის ჩასმისას თქვენ დაამატებთ დამატებით ატრიბუტს, რომელიც განსაზღვრავს რუკის კოორდინატებს:
როდესაც ქმნით გამოსახულების რუქას, თქვენ ქმნით არეალს, რომლის დაწკაპუნება შესაძლებელია სურათზე, ამიტომ რუკის კოორდინატები უნდა შეესაბამებოდეს თქვენ მიერ არჩეული სურათის სიმაღლეს და სიგანეს. რუკები მხარს უჭერს სამი სხვადასხვა ტიპის ფორმებს:
- სწორი-მართკუთხედი ან ოთხმხრივი ფიგურა
- პოლი-პოლიგონი ან მრავალმხრივი ფიგურა
- წრე-წრე
ტერიტორიების შესაქმნელად, თქვენ უნდა გამოყოთ კონკრეტული კოორდინატები, რომელთა დახატვას აპირებთ. რუკა შეიძლება შედგებოდეს სურათზე ერთი ან მეტი განსაზღვრული უბნისგან, რომელზეც დაწკაპუნებისას იხსნება ახალი ჰიპერბმული.
მართკუთხედისთვის, თქვენ ასახავთ მხოლოდ ზედა მარცხენა და ქვედა მარჯვენა კუთხეებს. ყველა კოორდინატი ჩამოთვლილია როგორც x, y (ზედა, ზემოთ). ასე რომ, ზედა მარცხენა კუთხისთვის 0, 0 და ქვედა მარჯვენა კუთხისთვის 10, 15 აკრიფეთ 0, 0, 10, 15. თქვენ შემდეგ შეიტანეთ იგი რუკაზე:
პოლიგონისთვის, თქვენ ასახავთ თითოეულ x, y კოორდინატს ცალ-ცალკე. ვებ ბრაუზერი ავტომატურად აკავშირებს კოორდინატების ბოლო კომპლექტს პირველთან; ყველაფერი ამ კოორდინატების შიგნით არის რუკის ნაწილი.
წრის ფორმებს მხოლოდ ორი კოორდინატი სჭირდება, როგორც მართკუთხედი, მაგრამ მეორე კოორდინატისთვის, თქვენ მიუთითეთ რადიუსი ან მანძილი წრის ცენტრიდან. ასე რომ, წრეზე, რომლის ცენტრია 122, 122 და რადიუსი 5, თქვენ დაწერთ 122, 122, 5:
ყველა უბანი და ფორმა შეიძლება იყოს შეტანილი იმავე რუქის ტეგში:
მოსაზრებები
გამოსახულებების რუქები ბევრად უფრო გავრცელებული იყო ვებ 1.0 ეპოქაში 1990-იან წლებში 2000-იანი წლების დასაწყისში - გამოსახულების რუქები ხშირად ქმნიდნენ ვებსაიტის ნავიგაციის საფუძველს. დიზაინერი ქმნიდა ერთგვარ სურათს მენიუს ელემენტების აღსანიშნავად, შემდეგ დაადგენდა რუკას.
თანამედროვე მიდგომები ხელს უწყობს საპასუხო დიზაინს და კასკადური სტილის ფურცლების გამოყენებას გვერდზე სურათებისა და ჰიპერბმულების განთავსების გასაკონტროლებლად.
მიუხედავად იმისა, რომ რუკის ტეგი კვლავ მხარდაჭერილია HTML სტანდარტში, მცირე ფორმის ფაქტორების მქონე მობილური მოწყობილობების გამოყენებამ შეიძლება გამოიწვიოს გამოსახულების რუქების მუშაობის მოულოდნელი პრობლემები. გარდა ამისა, გამტარუნარიანობის პრობლემები ან გატეხილი გამოსახულებები ასაბუთებს გამოსახულების რუკის მნიშვნელობას.
ასე რომ, თავისუფლად გააგრძელეთ ამ სტაბილური, კარგად გააზრებული ტექნოლოგიის გამოყენება - იცოდეთ, რომ ამჟამად მოდაშია უფრო ეფექტური ალტერნატივები ვებ დიზაინერებში.
