वेबसाइट का लेआउट कैसे बनाये

विषयसूची:

वेबसाइट का लेआउट कैसे बनाये
वेबसाइट का लेआउट कैसे बनाये

वीडियो: वेबसाइट का लेआउट कैसे बनाये

वीडियो: वेबसाइट का लेआउट कैसे बनाये
वीडियो: बहुत बढ़िया वेब डिज़ाइन बनाएं | लेआउट डिजाइन ट्यूटोरियल 2024, मई
Anonim

पिछली शताब्दी में, वेब पेज लेआउट कुछ पेशेवरों का डोमेन था। प्रौद्योगिकी में प्रगति ने इस कार्य को बहुत सरल कर दिया है। अब कोई भी इंटरनेट यूजर वेबसाइट बना सकता है।

वेबसाइट लेआउट कैसे बनाये
वेबसाइट लेआउट कैसे बनाये

यह आवश्यक है

  • - वेब पेज लेआउट के लिए सॉफ्टवेयर पैकेज;
  • - डिजाइन तत्व बनाने के लिए एक रेखापुंज ग्राफिक संपादक।

अनुदेश

चरण 1

उन तत्वों की सूची बनाएं जो साइट पर मौजूद होंगे। यह नेविगेशन मेनू, खोज फ़ॉर्म, विज्ञापन या सूचना बैनर, मित्रों की सूची जैसे घटक हो सकते हैं। परियोजना का नाम आमतौर पर पृष्ठ के शीर्ष पर इंगित किया जाता है, एक क्षैतिज नेविगेशन मेनू हो सकता है। केंद्रीय भाग साइट की मुख्य सामग्री को सौंपा गया है। पृष्ठ के निचले भाग में, उपस्थिति काउंटर आमतौर पर रखे जाते हैं, प्रतिक्रिया के लिए संपर्क जानकारी।

चरण दो

ग्राफिकल एडिटर में वेबसाइट लेआउट बनाएं। यहां मुख्य कार्य तत्वों की उपस्थिति, उनकी सापेक्ष स्थिति का निर्धारण करना है। ज्यादा चमकीले रंगों का प्रयोग न करें। एक तटस्थ रंग पैलेट सबसे अच्छा माना जाता है। ब्लॉक के लिए एक सुसंगत शैली का प्रयोग करें। डिज़ाइन को यथासंभव उपयोगकर्ता के अनुकूल बनाने का प्रयास करें। उन तत्वों से बचें जिन्हें HTML और CSS में लागू करना मुश्किल है।

चरण 3

गुणवत्ता की हानि के बिना पृष्ठ लेआउट को बिटमैप प्रारूप में सहेजें। HTML का उपयोग करके प्रस्तुत किए जाने वाले स्टाइलिंग तत्वों को परिभाषित करें। ये मेनू, लिंक, टेबल, सर्च फॉर्म हो सकते हैं। बाकी तत्वों को लेआउट से निकालें और उन्हें अलग फाइलों में सहेजें। अपनी हार्ड ड्राइव पर दो टेक्स्ट डॉक्यूमेंट बनाएं। उनमें से किसी एक के एक्सटेंशन को.htm में बदलें। इसमें तत्वों की सापेक्ष स्थिति के लिए जिम्मेदार कोड होगा। दूसरी फाइल में स्टाइलशीट होगी।

चरण 4

HTML संपादक में पहली फ़ाइल खोलें। बिटमैप फ़ाइलों में पहले सहेजे गए पृष्ठ डिज़ाइन तत्वों पर रखें। टेक्स्ट लिंक, टेबल और अन्य तत्व बनाएं जिन्हें HTML में रेंडर करने की आवश्यकता है। तत्वों के गुण, जैसे रंग, फ़ॉन्ट आकार, सीमाओं की उपस्थिति, CSS फ़ाइल में लिखें। यदि आपको पृष्ठ तत्वों को चेतन करने की आवश्यकता है, तो जावास्क्रिप्ट का उपयोग करें।

सिफारिश की: