वेबसाइट बनाते समय, यह महत्वपूर्ण है कि इसके तत्वों का डिज़ाइन सूचना तक पहुंच की सुविधा के कारण नए उपयोगकर्ताओं को आकर्षित करने में योगदान देता है। क्लिक करने योग्य तत्व - एक शिलालेख जो आगंतुक के लिए ध्यान देने योग्य और समझने योग्य है, अर्थात। लिंक पर क्लिक करने के लिए एक व्यक्ति का निपटान करता है। यह प्रभाव रंगीन और सहज ज्ञान युक्त ग्राफिक आवेषण के साथ प्राप्त किया जा सकता है।
अनुदेश
चरण 1
कैप्शन, जिसे क्लिक करने योग्य कहा जाता है, को उपयोगकर्ता का ध्यान आकर्षित करना चाहिए और पेज की बाकी सामग्री से अलग दिखना चाहिए। यह मत भूलो कि तत्व की एक निश्चित कार्यक्षमता होनी चाहिए, और उपयोगकर्ता को पता होना चाहिए कि इस लिंक पर क्लिक करने के बाद वह किस मेनू आइटम पर जाएगा।
चरण दो
क्लिक करने योग्य टेक्स्ट बॉक्स बनाने के लिए आप ग्राफिक तत्वों का उपयोग कर सकते हैं। किसी भी ग्राफिक संपादक में उस पर एक शिलालेख के साथ साइट के अपने रंग डिजाइन के लिए उपयुक्त बटन बनाएं। आप वेबमास्टरों के लिए चित्र बनाने के लिए समर्पित साइटों पर जाकर इंटरनेट पर तैयार ग्राफिक्स समाधानों का भी लाभ उठा सकते हैं।
चरण 3
चित्र अपलोड करने के बाद, आपको इसे पृष्ठ के HTML-कोड में सम्मिलित करना होगा। ऐसा करने के लिए, फ़ाइल पर राइट-क्लिक करके और "इसके साथ खोलें" अनुभाग का चयन करके साइट दस्तावेज़ को टेक्स्ट एडिटर में खोलें। दिखाई देने वाले अनुप्रयोगों की सूची में, वह संपादक निर्दिष्ट करें जिसका उपयोग आप पृष्ठों को संपादित करने के लिए करते हैं। आप मानक विंडोज नोटपैड का भी उपयोग कर सकते हैं।
चरण 4
कोड के उस भाग पर जाएँ जहाँ आप शिलालेख सम्मिलित करना चाहते हैं। फिर उपयुक्त डिस्क्रिप्टर दर्ज करें। उदाहरण के लिए:
चरण 5
यह कोड एक ग्राफिक तत्व के रूप में एक लिंक बनाएगा, जहां "address_to_transition" वह पृष्ठ है जिस पर उपयोगकर्ता को कैप्शन पर क्लिक करने के बाद पुनर्निर्देशित किया जाएगा। "Path_to_Image" वह जगह है जहां आपकी बटन फ़ाइल स्थित है। एक छवि खोजने में कठिनाइयों से बचने के लिए, इसे उसी निर्देशिका में रखें जिसमें पृष्ठ फ़ाइल है और src पैरामीटर में सटीक नाम निर्दिष्ट करें। चौड़ाई और ऊंचाई पैरामीटर पिक्सेल में छवि के आकार को इंगित करते हैं, उदाहरण के लिए, 100 और 50।
चरण 6
फ़ाइल में परिवर्तन सहेजें और इसे "इसके साथ खोलें" मेनू का उपयोग करके ब्राउज़र में खोलें। क्लिक करने योग्य लेबल का निर्माण अब पूरा हो गया है। यदि चित्र प्रदर्शित नहीं होता है, तो कोड की शुद्धता और चित्र के लिए निर्दिष्ट पथ की जाँच करें।