इंटरनेट पर एक वेबसाइट बनाते समय, सबसे महत्वपूर्ण बिंदुओं में से एक जिसे एक डेवलपर को ध्यान में रखना चाहिए, वह है इसकी कार्यक्षमता, बहुमुखी प्रतिभा और प्रदर्शन। विभिन्न प्रकार के स्क्रीन रिज़ॉल्यूशन वाले कंप्यूटर पर किसी भी ब्राउज़र में साइट को पूरी तरह और सही ढंग से प्रदर्शित करने के लिए, आप कई ग्राफिक तत्वों से मिलकर एक सुविधाजनक "रबर" हेडर बना सकते हैं।
अनुदेश
चरण 1
किसी वेबसाइट के लिए ऐसा हेडर बनाने के पहले चरण में, फ़ोटोशॉप में उस छवि को खोलें जिसे आपने वेब पर पोस्ट करने के लिए पहले से तैयार किया है, और फिर टूलबार में स्लाइस टूल का उपयोग करके इसे टुकड़ों में काट लें। शीर्ष लेख को काटें ताकि मध्य भाग खाली रहे, ताकि आपके पास तीन ग्राफिक तत्व हों। यह किसी भी स्क्रीन रिज़ॉल्यूशन के लिए हेडर को स्ट्रेच करने की अनुमति देगा।
चरण दो
हेडर काटने के बाद, वेब प्रारूप (वेब के लिए सहेजें) के लिए सहेजते समय फ़ाइलों को अनुकूलित करके इसे सहेजें। सहेजने के लिए वांछित फ़ाइल स्वरूप सेट करें - उदाहरण के लिए, gif, jpeg, या png। छवि के प्रत्येक टुकड़े को बदलने के लिए, मेनू में स्लाइस सेलेक्ट टूल विकल्प पर क्लिक करें और छवियों का आकार बदलें ताकि उनका आकार यथासंभव छोटा हो और स्क्रीन पर छवि के दृश्य प्रदर्शन की गुणवत्ता में कम से कम नुकसान हो। अपनी संपादित छवियों को html और छवियों के रूप में सहेजें।
चरण 3
चित्र सहेजे जाने के बाद, नोटपैड के साथ सहेजे गए HTML दस्तावेज़ को खोलकर HTML कोड संपादित करें। नोटपैड में, कोड की सभी अनावश्यक पंक्तियों को मिटा दें। केवल आवश्यक पंक्तियों को छोड़ दें - उस तालिका के बारे में डेटा जिसमें आपके चित्र एम्बेड किए गए हैं:
चरण 4
इन पंक्तियों में, yourimage
चरण 5
छवि के मध्य भाग को फैलाने के लिए, चरम छवियों को पक्षों तक फैलाना, लाइनों में संबंधित कोड विशेषताएँ लिखें। कोड में अपने स्वयं के चौड़ाई और ऊंचाई पैरामीटर निर्दिष्ट करें।
चरण 6
जेनरेट की गई शीर्षलेख छवियों को अपनी साइट की मूल निर्देशिका में अपलोड करें, और फिर सर्वर पर शीर्षलेख छवियों के लिए नए पथों के साथ HTML कोड संपादित करें। हेडर कोड को टैग के बीच पेस्ट करें।
सिफारिश की:
वेबसाइट के लिए सुंदर हेडर कैसे बनाये How
साइट की व्यक्तिगत शैली एक ब्रांड बनाने का काम करती है, जो विशेष रूप से व्यक्तिगत साइटों और ब्लॉगों के लिए महत्वपूर्ण है। किसी साइट के लिए एक सुंदर हेडर बनाने का अर्थ है वेब संसाधन की लोकप्रियता की नींव रखना, सैकड़ों समान साइटों के बीच इसकी पहचान। यह आवश्यक है - ग्राफिक्स संपादक
वेबसाइट के लिए एनिमेटेड हेडर कैसे बनाएं
आपकी साइट पर एक गतिशील इंटरफ़ेस उपयोगकर्ताओं का ध्यान आकर्षित करेगा और ट्रैफ़िक बढ़ाएगा। किसी वेबसाइट के लिए एनिमेटेड हेडर बनाना उतना मुश्किल नहीं है जितना पहली नज़र में लगता है। अनुदेश चरण 1 आइए एक एनिमेटेड हेडर बनाने का प्रयास करें, जो माउस कर्सर के ऊपर मंडराने पर इसके कॉन्फ़िगरेशन को बदल देगा। उदाहरण के लिए, एक शीर्षलेख में एक श्वेत-श्याम चित्र अंतःक्रिया पर रंग में परिवर्तित हो गया था या दूसरे में बदल गया था। चरण दो आधिकारिक वेबसाइट (jquery
वेबसाइट के लिए हेडर कैसे बनाये
किसी भी साइट का हेडर उसका "चेहरा" होता है, जो साइट डिजाइन का सबसे बड़ा और सबसे अधिक ध्यान देने योग्य तत्व होता है। यदि साइट हेडर को यादगार और अद्वितीय बनाया जाता है, तो बाकी डिज़ाइन तत्व - फोंट, बटन इत्यादि - किसी भी मानक योजना से अच्छी तरह से लिए जा सकते हैं, साइट डिज़ाइन अभी भी इसकी व्यक्तित्व को प्रतिबिंबित करेगा। और एक ग्राफिक संपादक की मदद से एक वेबसाइट के लिए हेडर बनाना बिल्कुल भी मुश्किल नहीं है, उदाहरण के लिए, एडोब फोटोशॉप (एक मुफ्त विकल्प जिम्प है,
वेबसाइट हेडर कैसे बनाये
एक टोपी स्वयं संसाधन का एक विज़िटिंग कार्ड है, जो एक आभासी पृष्ठ पर सबसे महत्वपूर्ण ग्राफिक तत्व है। इसके डिजाइन को देखते हुए, आगंतुक अक्सर संपूर्ण इंटरनेट साइट के आकर्षण और महत्व के बारे में निष्कर्ष निकालते हैं। वेबसाइट हेडर बनाने के कई तरीके हैं। सबसे आम हैं:
वेबसाइटों के लिए हेडर कैसे बनाएं
"कपड़ों से अभिवादन" का सिद्धांत न केवल लोगों के लिए, बल्कि साइटों के लिए भी सही है। साइट की पोशाक इसका डिज़ाइन है। और यह वह डिज़ाइन है जो उस प्रभाव को निर्धारित करता है जो आगंतुक के पास संसाधन को देखने के पहले कुछ सेकंड में होता है। यह प्रभाव विशेष रूप से महत्वपूर्ण है क्योंकि यह उसके भविष्य के व्यवहार को निर्धारित करता है। साइट पर आने वाले प्रत्येक उपयोगकर्ता द्वारा देखा जाने वाला पहला डिज़ाइन तत्व उसका "