आजकल, आपकी खुद की वेबसाइट होना कोई विलासिता नहीं है, बल्कि एक आवश्यकता है। इसके निर्माण के लिए html के कुछ कौशल और ज्ञान की आवश्यकता होती है। एक साधारण वेबसाइट बनाना बहुत आसान है। हालांकि, इसे सजाने और साइट के लिए अतिरिक्त कार्यक्षमता प्रदान करने वाले इंटरैक्टिव तत्व बनाने से शुरुआत के लिए मुश्किलें पैदा होंगी। इन इंटरैक्टिव तत्वों में से एक जो साइट विज़िटर की सुविधा में सुधार करता है, वह है स्क्रॉल बार। यह साइट के क्षेत्रों में विशेष रूप से उपयोगी है, जो स्क्रिप्ट (उपयोगकर्ताओं के साथ साइट की बातचीत) के साथ अपना कनेक्शन प्रदान करता है।
यह आवश्यक है
इंटरनेट या कोई html ट्यूटोरियल
अनुदेश
चरण 1
किसी भी साइट पर सबसे महत्वपूर्ण चीज यूजर फ्रेंडली होती है। आपकी साइट पर स्क्रॉलबार का उपयोग करने का विचार तभी उपयुक्त होगा जब उसका स्वरूप आपकी इच्छा से नहीं, बल्कि उसकी आवश्यकता से निर्धारित हो। उस पृष्ठ का लेआउट बनाएं जिस पर आप स्क्रॉलबार रखना चाहते हैं। स्क्रॉल के लिए एक स्थान चुनें (जिसे स्क्रॉल बार भी कहा जाता है)।
चरण दो
जिस साइट में आप रुचि रखते हैं, उसके पृष्ठ पर स्क्रॉल बार के लिए एक स्थान चुनें। इसे किसी तत्व (उदाहरण के लिए, एक टेक्स्ट बॉक्स या ड्रॉप-डाउन सूची) से सख्ती से जोड़ा जाना चाहिए। आपको इस स्थान की गणना पिक्सेल में या प्रतिशत के रूप में करनी चाहिए. यह करना मुश्किल नहीं है, खासकर अगर साइट लेआउट में स्पष्ट संरचना है।
चरण 3
बॉडी टैग के बीच आपको मानक स्क्रॉलिंग कोड जोड़ना होगा। आप इसे किसी भी html ट्यूटोरियल में पा सकते हैं। दो विकल्प हैं - या तो इस स्निपेट को सीधे पृष्ठ के html कोड में जोड़ें, या इसे css स्टाइलशीट में संलग्न करें। दूसरी विधि अधिक सुविधाजनक है यदि आप एक से अधिक पृष्ठ बदलते हैं, लेकिन एक ही बार में पूरी साइट। फिर आपको स्क्रॉलबार के रंग मापदंडों को दर्ज करने की आवश्यकता है, अन्यथा यह ग्रे और निर्बाध होगा। यह आंकड़ा स्क्रॉल तत्वों को दिखाता है और लेबल करता है। मापदंडों को उसी तरह दर्ज किया जाना चाहिए जैसा कि चित्र में दिखाया गया है, अर्धविराम द्वारा अलग किया गया है।
चरण 4
अब आपको निश्चित रूप से अपने संशोधनों का परीक्षण करना चाहिए। स्क्रॉलबार को सभी ब्राउज़रों में समान दिखने के लिए, इसे मुख्य ब्राउज़रों - इंटरनेट एक्सप्लोरर, मोज़िला फ़ायरफ़ॉक्स और ओपेरा पर जांचें। यदि यह उनमें से किसी एक पर काम नहीं करता है, तो पहले चरण पर वापस जाएं और त्रुटियों को ठीक करें।
