सबसे आसान तरीका एक वेब पेज को विभाजित करने के लिए
एक साफ, सुव्यवस्थित, आसानी से पढ़ा जाने वाला वेब पेज बनाने के लिए, मूल बातों के साथ रहें। HTML 5 और CSS 3 सभी प्रेस को प्राप्त कर सकते हैं, लेकिन मूल HTML तत्व जैसे हेडर, पैराग्राफ और कुछ अच्छी तरह से रखी गई टेबल आपके संदेश को संप्रेषित करने के लिए प्रभावी रूप से एक पृष्ठ को विभाजित कर सकते हैं। किसी साइट को व्यवस्थित करने में मदद करने के लिए यहां कुछ आसान, उपयोगी टैग दिए गए हैं।
हेडर
टाइटल, विभिन्न आकारों में, आंख को पकड़ते हैं और पाठकों को उस सूचना को इंगित करते हैं जिसे वे पढ़ना चाहते हैं। एक मुख्य शीर्षक का उपयोग करके प्रारंभ करें
या टैग:मेरी साइट पर आपका स्वागत है
मेरी साइट पर आपका स्वागत है
साइट को लंबवत रूप से अनुभागों में विभाजित करने के लिए निम्न-स्तरीय हेडर का उपयोग करें। हेडर को दो या तीन आकारों तक सीमित करें, से लेकर
सेवा मेरे और तीन या चार से अधिक खंड नहीं।पैराग्राफ
पैराग्राफ
अनुच्छेद का उपयोग करें
पाठ को वर्गों में विभाजित करने के लिए टैग इस प्रकार है:
पहला पैराग्राफ टेक्स्ट…
दूसरा पैराग्राफ टेक्स्ट…
पैराग्राफ छोटे और संक्षिप्त रखें। विशिष्ट वेब पाठक जल्दी से सामग्री को स्कैन करते हैं, इसलिए पहले बिंदु पर अपनी बात पर पहुंचें या दो इससे पहले कि वे ऊब जाएं और किसी अन्य लिंक पर क्लिक करें।
इमेजिस
कुछ अच्छी तरह से रखी गई छवियां पृष्ठ को तार्किक वर्गों में विभाजित करने में भी मदद करती हैं। पृष्ठ को तोड़ने के लिए छोड़ दिया और सही करने के लिए वैरी ओरिएंटेशन। यदि संभव हो, तो शीर्षक को शैली और विविधता जोड़ने के लिए छवियों में परिवर्तित करें। लिंक और बटन को बदलने के लिए छवियां भी अच्छी तरह से काम करती हैं।
टेबल्स
पृष्ठ को क्षैतिज रूप से विभाजित करने के लिए सरल तालिकाओं का उपयोग करें। शीर्षक के बाद रखी गई एक एकल तालिका, पृष्ठ को प्रभावी रूप से दो या तीन वर्गों में विभाजित करेगी। निम्नलिखित HTML कोड का उपयोग करें:
वाम स्तंभ सामग्री यहाँ जाती है ... | केंद्र की सामग्री यहाँ जाती है ... | सही सामग्री यहाँ जाती है ... |
तालिका पृष्ठ को बाएं कॉलम से भरती है जिसमें पृष्ठ का 20 प्रतिशत, दाएं कॉलम में 20 प्रतिशत और बीच में केंद्र स्तंभ होता है। मान्य विशेषता को याद रखना सुनिश्चित करें ताकि प्रत्येक स्तंभ शीर्ष पर शुरू हो और नीचे बह जाए। इस विशेषता को भूल जाएं और पृष्ठ के केंद्र में सामग्री को लंबवत रूप से जोड़ दिया जाएगा। सामग्री जोड़ें और तब तक कॉलम चौड़ाई समायोजित करें जब तक कि प्रस्तुति सही न दिखे।
रेखाएँ और सीमाएँ
एक क्षैतिज नियम, जिसे "
"उद्धरण के बिना, या एक मेज के चारों ओर एक सीमा खंड विराम पर जोर दे सकती है या पाठ के एक ब्लॉक पर आंख को आकर्षित कर सकती है। इन संयम का उपयोग करें और अधिकतम दो या तीन बिंदुओं तक लाइन की चौड़ाई रखें। इन तत्वों के साथ प्रयोग करके देखें कि वे जोड़ते हैं या बिगड़ते हैं। प्रस्तुति से।
सफेद जगह
खाली लाइनें और कॉलम अक्सर एक पृष्ठ को अन्य सभी स्वरूपण से बेहतर विभाजित करते हैं। लाइन ब्रेक, कोड के रूप में "
"बिना उद्धरण, खाली पैराग्राफ, स्वयं-बंद टैग के रूप में कोडित"
"उद्धरण के बिना, और खाली टेबल कॉलम अलग पाठ और लेआउट को पाठक के लिए अधिक मनभावन बनाते हैं। खाली स्थान थोड़ा बैंडविड्थ लेता है और वास्तव में एक पृष्ठ को विभाजित करने का सबसे सरल तरीका है।