तो आप अपने वेबपेज पर स्प्लैश पेज डालना चाहते हैं? स्पलैश पेज आपकी वेबसाइट की ब्रांडिंग करने का एक शानदार तरीका है। यह हाउ-टू मानता है कि आप HTML और CSS के बारे में काफी कुछ जानते हैं, और यदि आप कुछ बुनियादी जावास्क्रिप्ट भी जानते हैं तो यह मदद कर सकता है।
कदम
चरण 1. अपना रूपरेखा पृष्ठ बनाएँ।
आप एक का उपयोग कर सकते हैं बाहरी सीएसएस (कैस्केडिंग स्टाइल शीट), लेकिन इस उदाहरण में हम an. का उपयोग करने जा रहे हैं आंतरिक स्टाइल शीट. तो आपको अपने मूल टैग से शुरुआत करनी होगी:
स्वागत!
चरण 2. अनुभाग में सीएसएस और शीर्षक जानकारी भरें।
आपको स्पष्ट रूप से अपनी आवश्यकताओं के अनुरूप मूल्यों को बदलने की आवश्यकता होगी:
स्वागत!
शरीर {पृष्ठभूमि-रंग: #DCDCDC}
छोड़ा गया…
ध्यान दें:
आप फोंट के लिए एक सीएसएस संपत्ति जोड़ना चाह सकते हैं।
चरण 3. होम पेज पर जाने के लिए स्क्रिप्ट जोड़ें।
यह अनुभाग वैकल्पिक है, और यदि आप इसे स्वचालित रूप से आगे नहीं बढ़ाना चाहते हैं तो आप इसे आसानी से छोड़ सकते हैं।
छोड़ा गया…
विंडो.ऑनलोड = टाइमआउट;
फ़ंक्शन टाइमआउट () {
window.setTimeout ("रीडायरेक्ट ()", 5000)}
फ़ंक्शन रीडायरेक्ट () {
window.location="Home.htm"
वापसी}
छोड़ा गया…
छोड़ा गया…
टिप्पणियाँ:
जो नंबर 5000 साधन
चरण 5. सेकंड। इसे कम या अधिक समय के लिए बदलें। रीडायरेक्ट फ़ाइल का नाम अपने होम पेज के नाम में बदलें।
चरण 4. एक शीर्षक में जोड़ें।
यह संभवत: आपकी वेबसाइट का नाम होना चाहिए, और खोज इंजनों के लिए इसे खोजना आसान बनाने के लिए आपको इसे इंटैग संलग्न करना चाहिए।
चरण 5. एक चित्र जोड़ें।
यह प्रदर्शित करना चाहिए कि आपकी साइट किस बारे में है। फिर से आप का उपयोग कर सकते हैं
उपनाम।
छोड़ा गया…
टिप्पणियाँ:
यह चरण मानता है कि आपने शीर्षक छवि को उसी फ़ोल्डर में सहेजा है जैसे एचटीएम फ़ाइल, और इसका नाम है "splashimage.jpg". यदि आप छवि को स्क्रीन पर कहीं और, जैसे कि केंद्र में रखना चाहते हैं, तो आप CSS पोजिशनिंग जोड़ सकते हैं।
चरण 6. एक बटन जोड़ें।
यह बटन विज़िटर के लिए होम पेज पर जल्दी पहुंचने का एक तरीका होगा। जब वे इसे क्लिक करते हैं, तो वे तुरंत होम पेज पर चले जाते हैं। आप वैकल्पिक रूप से केवल होम पेज का लिंक प्रदान कर सकते हैं।
छोड़ा गया…
ध्यान दें:
आप बदल सकते हैं "मूल्य" बटन पर प्रदर्शित टेक्स्ट को बदलने के लिए एलिमेंट।
चरण 7. कुछ पाठ जोड़ें।
यह कुछ भी हो सकता है जो आपको पसंद हो। आम तौर पर यह "आगंतुक के लिए धन्यवाद" प्रकार का अभिवादन या "द्वारा निर्मित…" एक प्रकार का अभिवादन होता है।
छोड़ा गया…
आने के लिए धन्यवाद!
टिप्पणियाँ:
यह वह जगह है जहाँ आप पाठ के लिए CSS का उपयोग कर सकते हैं। आप एक शीर्षक का उपयोग कर सकते हैं (
) इसके बजाय अगर आपको पसंद है।
Step 8. अब आपके पास एक वर्किंग स्प्लैश पेज है
अब बस समय है कि CSS का उपयोग करके इसे सुंदर बनाया जाए और इसे लाइव किया जाए!
वीडियो - इस सेवा का उपयोग करके, कुछ जानकारी YouTube के साथ साझा की जा सकती है।
टिप्स
- आप जितनी चाहें उतनी सामग्री जोड़ें, लेकिन इसे बहुत व्यस्त न करें।
- यदि आप चाहें तो ध्वनि और वीडियो जोड़ सकते हैं, लेकिन यह कुछ लोगों के लिए एक लंबा लोड समय बना देगा।
- यदि आप HTML या CSS के बारे में अधिक नहीं जानते हैं, तो आप इस प्रक्रिया को सरल बनाने के लिए ब्लॉगर जैसे निर्देशित संपादक का उपयोग कर सकते हैं।
