ვებსაიტის შექმნისას მნიშვნელოვანია, რომ მისი ელემენტების დიზაინმა ხელი შეუწყოს ახალი მომხმარებლების მოზიდვას ინფორმაციის ხელმისაწვდომობის მოხერხებულობის გამო. დაწკაპუნებადი ელემენტი - წარწერა, რომელიც შესამჩნევია და გასაგებია ვიზიტორისთვის, ე.ი. განკარგავს ადამიანს, დააჭიროს ბმულს. ამ ეფექტის მიღწევა შესაძლებელია ფერადი და ინტუიციური გრაფიკული ჩანართებით.
ინსტრუქციები
Ნაბიჯი 1
წარწერა, რომელსაც ეწერება დაწკაპუნება, უნდა მიიპყრო მომხმარებლის ყურადღება და გამოირჩეოდეს გვერდის დანარჩენი შინაარსისგან. არ უნდა დაგვავიწყდეს, რომ ელემენტს უნდა ჰქონდეს გარკვეული ფუნქციონირება და ამ ბმულზე დაწკაპუნების შემდეგ მომხმარებელმა უნდა იცოდეს, რომელი მენიუს ერთეულზე გადავა
ნაბიჯი 2
შეგიძლიათ გამოიყენოთ გრაფიკული ელემენტები, რომ შექმნათ დაწკაპუნებადი ტექსტური ველი. დახაზეთ საიტის თქვენი ფერადი დიზაინისთვის შესაფერისი ღილაკი, რომელზეც არის წარწერა ნებისმიერ გრაფიკულ რედაქტორში. ასევე შეგიძლიათ ისარგებლოთ მზა გრაფიკული გადაწყვეტილებებით ინტერნეტში საიტების მონახულებით, რომლებიც ეძღვნება ვებდიზაინერების სურათების დახატვას.
ნაბიჯი 3
სურათის ატვირთვის შემდეგ, თქვენ უნდა ჩასვათ ის HTML კოდის გვერდზე. ამისათვის გახსენით საიტის დოკუმენტი ტექსტურ რედაქტორში, დააწკაპუნეთ ღილაკზე მაუსის მარჯვენა ღილაკით და აირჩიეთ სექცია "გახსნა" აპლიკაციების სიაში, რომელიც გამოჩნდება, მიუთითეთ რედაქტორი, რომელსაც გვერდების რედაქტირებისთვის იყენებთ. ასევე შეგიძლიათ გამოიყენოთ სტანდარტული Windows Notepad.
ნაბიჯი 4
გადადით კოდის იმ ნაწილზე, სადაც გსურთ წარწერის ჩასმა. შემდეგ შეიყვანეთ შესაბამისი აღწერილი. Მაგალითად:
ნაბიჯი 5
ეს კოდი შექმნის ბმულს გრაფიკული ელემენტის სახით, სადაც "address_to_transition" არის გვერდი, სადაც მომხმარებელი გადამისამართდება წარწერაზე დაწკაპუნების შემდეგ. "Path_to_Image" არის თქვენი ღილაკის ფაილი. სურათის პოვნაში სირთულეების თავიდან ასაცილებლად, განათავსეთ იგი იმავე დირექტორიაში, როგორც გვერდის ფაილი და მიუთითეთ src პარამეტრში ზუსტი სახელი. სიგანე და სიმაღლე პარამეტრები მიუთითებს სურათის ზომაზე პიქსელებში, მაგალითად, 100 და 50.
ნაბიჯი 6
შეინახეთ ცვლილებები ფაილში და გახსენით იგი ბრაუზერში "გახსენით" მენიუს გამოყენებით. დაწკაპუნებადი ლეიბლის შექმნა დასრულებულია. თუ სურათი არ არის ნაჩვენები, შეამოწმეთ კოდის სისწორე და სურათამდე მითითებული გზა.
