Როგორ გააკეთოს სურათი-in-picture მინიშნება? როგორ ჩადეთ ბმული სურათი

შექმნა ბანერები და საიტზე რუკები, დამწყები ვებოსტატებისათვის წინაშე ასეთი პრობლემა, თუ როგორ უნდა ჩაწეროთ ბმული სურათი, შუაშია ნათელი და უფრო საინტერესო მენიუში. მაგრამ როგორ უნდა განახორციელოს ეს? არაფერია უფრო ადვილი, თუ იცით HTML ენაზე.

მოდით გავარკვიოთ, თუ როგორ შეგვიძლია, რათა რეალობა ამ იდეას. ამ სტატიაში ჩვენ შემოგთავაზებთ ორი ვარიანტი პრობლემის მოგვარება. ერთი იშვიათად გამოიყენება იმის გამო, რომ იგი იღებს ბევრი დრო და ძალისხმევა, ხოლო მეორე ითვლება ცნობილი. ჩვენ ანალიზი თქვენ ორივე.

სად image-ლინკი გამოიყენება

სანამ ჩვენ ვსაუბრობთ, თუ როგორ უნდა მიიღოს სურათს-in-picture მინიშნება, ჩვენ უნდა გვესმოდეს, სად და რატომ გამოიყენება. ყოველივე ამის შემდეგ, ეს იქნება უფრო ადვილი უნდა გვესმოდეს, რა გსურთ გამოსახულება.

სხვადასხვა ბმულები გამოიყენება როგორც ბანერები, სარეკლამო tout ნახატი. ამის მაგალითია სურათები ყველა იმავე "VKontakte". მახსოვს რამდენჯერ თქვენ დააკლიკეთ ფოტო, რომელიც კონკრეტული მისამართი უკვე აშენდა? გარდა ამისა, ხშირად ისინი გამოიყენება სახით მენიუ ჯგუფების და საზოგადოების, განსაკუთრებით თუ ისინი შეიცავს სპეციალური მასალა. ბევრი ასეთი images ნაპოვნი სხვა საიტებზე.

ჩასვით ბმული შევიდა სურათი

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

თუ თქვენ იცით, თუ როგორ განისაზღვრება საერთო ლინკები დახმარებით HTML-markup, პრობლემები უნდა წარმოიქმნება. ერთადერთი განსხვავება ის არის, რომ ნაცვლად ტექსტი ბმულები მითითებულია იმიჯი.

ასე რომ, განახორციელოს თავისი გეგმა, თქვენ უნდა სურათზე თავად, ატვირთულია ინტერნეტის ან ინახება თქვენს კომპიუტერში (დამოკიდებულია თუ არა ვმუშაობთ ონლაინ რეჟიმში, რეალურად საიტზე, ან zadeystvuete რედაქტორები).

ჩვენ ვეძებთ იმიჯი მისამართი, დაწერა, არ უნდა დაგვავიწყდეს. ასევე დაფიქსირება, რომ ბმული, უნდა გახსნა ამ სურათს.

შემდეგი, დაწერა შემდეგი: სურათი - სპეციალური კოდი . Image-link განისაზღვრება მისი დახმარებით.

აქედან გამომდინარე, ჩვენ განსაზღვრონ ბმულს, რომელიც არის ნაჩვენები სახით გამოსახულებით. საკმაოდ მარტივია. მაგრამ ეს მიდგომა მხოლოდ იმ შემთხვევაში თუ გვჯერა, რომ უნდა იყოს მხოლოდ ერთი რგოლი. მაგრამ რა, თუ არ უნდა იყოს რამდენიმე? მაშინ ჩვენ გადაადგილება, რათა სხვა ვარიანტი.

გააკეთეთ მენიუს სურათები

პირველი მეთოდი შეიმუშავა დამოუკიდებლად შესწავლა ვებ გვერდები მარკირების ენა. ამგვარი კომისიის შექმნის მენიუს შეიძლება რამდენიმე საათის განმავლობაში.

ეს მეთოდი განკუთვნილია მათთვის, ვისაც უნდა Tinker ერთად სხვადასხვა რედაქტორები, როგორც ეს არის საკმაოდ შრომატევადი და იღებს პატარა აღარ, ვიდრე შექმნის მენიუ ბარათი ან მეორე მეთოდი. ეს მდგომარეობს იმაში, რომ სურათი არის აღებული, რომელიც დაჭრილი რამდენიმე ზოლები ან მოედნებზე. თითოეული სურათი არის ხელმოწერილი და საფუძველი ბმული, როგორც ზემოთ აღწერილი. შემდეგი კოდი გვერდი tags იწერება სწორი მიზნით. რომ ყველა კითხვაზე, თუ როგორ უნდა გააკეთოთ სურათს-in-picture მითითება, თითქმის მოგვარებული. მაგრამ არ უნდა დაგვავიწყდეს, რომ მეორე ვარიანტი.

ის არის, რომ მენიუს მხოლოდ ერთი სურათი, ითხოვს თითოეულ ზონაში ასახავს მისი კავშირი. არ ინერვიულოთ, არაფერი ამ ძალიან რთული ამ. ახლა, პირველი რამ პირველად.

როგორ გააკეთოს

მოდი, ვნახოთ, ცოტა მეტი პირველი გზა.

დასაწყისისთვის, თქვენ უნდა ცოდნა გრაფიკული რედაქტორები და HTML. როგორ გააკეთოს მითითება სურათი, იგი ეუბნება ამ სახის markup გვერდებზე.

ასე რომ, თუ თქვენ გადაწყვიტეთ წავიდეთ ამ გზით, თქვენ უნდა იმიჯი და მარტივი გრაფიკული რედაქტორი, რომელიც საშუალებას გაძლევთ დაჭრილი სურათები და მათი ეტიკეტები, ისევე, როგორც ადგილი, სადაც თქვენ შეძლებთ შეავსოთ მათ.

თუ ეს თქვენი საკუთარი ნახვა - განკუთვნილია ჩვეულებრივი გალერეა ან ბიბლიოთეკაში ფაილი, "VKontakte" ეს შეიძლება იყოს ჯგუფის ალბომი ან საზოგადოების (სასურველია თავისუფალი).

გარდა ამისა, გამოსახულება უნდა მოჭრილი შევიდა ცალი, ამიტომ აუცილებელია გვახსოვდეს, რათა რომელიც ნაწილები მიიღო. ფიქსირდება მათ წარწერების და შეავსოთ სერვერზე, წერენ ცნობას თითოეული ილუსტრაცია.

მიიღეთ სკრიფტს, და შეიცვალა სასურველ მონაცემებს. მაშინ შეავსოთ სურათი საიტზე ამ მიზნით, სადაც ისინი უნდა წავიდეს. ამავე დროს, თუ დაჭრილი შევიდა ზოლები, მაშინ თქვენ უნდა ვთხოვო თითოეულ ბმულზე ახალი ხაზი, მაგრამ თუ არ გაიზიარა ფოტო შევიდა მოედნები, მაშინ თქვენ უნდა დააყენოს ზედიზედ ბევრი კავშირები, როგორც აღმოჩნდა მოედნებზე.

ჩვენ ამას ვაკეთებთ საიტის რუკა

ასე რომ, თუ თქვენ არ მოგწონთ პირველი ვერსია, და გსურთ ისწავლოს, რათა სურათს-in-picture მინიშნება ნებისმიერი სხვა გზით, ჩვენ შეგვიძლია შემოგთავაზოთ განავითაროს რუკა მითითება. ეს გააკეთა ეს ადვილია, აქ შეიძლება მხოლოდ მოხდეს ამოცანა პარამეტრების პრობლემა. რატომ მიხვდება სხვა.

პირველ რიგში, ჩვენ უნდა გვახსოვდეს, რომ sitemap უკავშირდება გამოსახულების გამოყენებით ბრძანება usemap = "# map1, რომელიც ინიშნება tag img ამიტომ, შევსების სურათი საიტზე, რა თქმა უნდა დაურთოს tag მეორე ნაწილი -. Usemap =" # რუკა სახელი ".

დამატებითი markup images ზონებად, რომლებიც ერთვის ბმულები კეთდება გამოყენებით დაწყვილებული ტეგით <რუკა> , რომელიც შეიძლება განთავსდეს ნებისმიერ მოხერხებული ადგილი შორის დაწყვილებული tags .

გაითვალისწინეთ, რომ როდესაც ამ ტიპის რუკა უნდა დაისვას არა მხოლოდ კავშირები, არამედ ტერიტორიაზე მათი საქმიანობის და კოორდინატები. შემდეგი, ჩვენ შეამოწმოს ძირითადი პარამეტრების, რომ აქვს tag.

Shortcut პარამეტრები

ასე რომ, სანამ თქვენი თვალით, მზა მინიშნება სურათი. HTML გაძლევთ საშუალებას მნიშვნელოვნად გააუმჯობესებს ფუნქციონალური image - გამოყოფს მას გარკვეული ფართობი ცნობისთვის. ეს ყველაფერი მოცემულია კონკრეტული პარამეტრების, რომელიც ახლა იქნება განხილული.

მოდით ვისაუბროთ ცოტა შესახებ ძირითადი პარამეტრების დაწყვილებული ტეგით <რუკა>. პირველ რიგში, ეს სახელი, რომელიც უდრის ღირებულება usemap. ასე, რომ თქვენ დანიშნოს, რომ ბარათის წერია სურათზე.

დამატებითი შიგნით tag წყვილი <რუკა> ინიშნება სხვა tag - <ფართი>, რომელიც აღწერს ფართობი მითითება. ის არ არის ბიჭი და, რა თქმა უნდა, მას აქვს საკუთარი პარამეტრები.

პირველი - ფორმა. მოცემული ანალიზის დახმარებით სუპერვიზორს ადგენს სახის სფეროში. ეს შეიძლება იყოს:

• წრე - წრე;
• ოთხკუთხედი - არაპირდაპირი;
• Polygon - poly;
• დანარჩენ ტერიტორიაზე სურათები - იყოს.

შემდეგი - coords. მოცემული ანალიზის დახმარებით კოორდინატები pixel ტერიტორიაზე. წარმოშობის ამ საკოორდინატო სისტემაში - ზედა მარცხენა კუთხეში. ეს იყო მაშინ, და ეს არის მთავარი პრობლემა - ასე არ არის ადვილი, რომ განსაზღვროს კოორდინატები მიერ pixels, მით უმეტეს, თუ არ არსებობს ცოდნა კომპიუტერული გრაფიკა.

შეგახსენებთ, ასევე საკმაოდ ცნობილი href, რომელიც ადგენს მისამართი ბმული.

და ბოლო ვარიანტი, რომელიც უნდა აღინიშნოს, - nohref. ის გვიჩვენებს, რომ ამ რეგიონში არ არის მინიშნება.

რა თქმა უნდა, ეს არ არის სრული სია პარამეტრები, რომ შეგიძლიათ დააყენოთ სურათი ან ლინკი რუკა. მაგრამ ამავე დროს, ეს საკმარისი იქნება, რომ შევქმნათ ნათელი და ფერადი ლინკი, ან თუნდაც მთელი მათი სისტემა.

რჩევები

რომელი გზა ბმულების შექმნის, სურათები აირჩიოთ, მთავარია, რომ ორიგინალური იმიჯი, კარგი იყო. სცადეთ აირჩიოს იმ ნიმუშების, რომ არ დაიჭიროთ თვალი, არ აღიზიანებს ნათელი ფერები და შაბლონებს. ეს განსაკუთრებით მნიშვნელოვანია საიტის რუკა. თქვენ შეგიძლიათ მიიღოს კოლაჟი რამდენიმე ფოტო, darken მათ, ან ჩართოთ ერთი ფილტრები გრაფიკული პროგრამა.

როდესაც თქვენ შექმნით საიტის რუკა მიზანშეწონილია აირჩიოს იმიჯის რბილი, არასამთავრობო გამაღიზიანებელი თვალის ნიმუში. მერწმუნეთ, ყოველთვის არ არის წარმატების გასაღები - ნათელი სურათი -Link. "VKontakte", თუმცა, ხშირად ფოკუსირება მხოლოდ სიკაშკაშე და showiness, რათა მოვიზიდოთ ახალი სია.

შედეგები

შეჯამება. ჩვენ თქვენთან ერთად figured, თუ როგორ უნდა გააკეთოთ სურათს-in-picture მითითებით და შევხედე ორი გზა, რომ შეგიძლიათ ერთნაირად კარგად უნდა იქნას გამოყენებული, რათა შეიქმნას menu სხვადასხვა სირთულის. გარდა ამისა, ჩვენ figured, თუ როგორ სურათის ლინკი და გაეცნობიან ძირითადი პარამეტრების, რომელიც საშუალებას გაძლევთ შექმნათ საკმაოდ მოსახერხებელი რუკა საიტზე, ჯგუფის ან თანამეგობრობას.