कंप्यूटर, प्रोग्रामिंग
ब्लॉक के लेआउट क्या है? कैसे अपने दम पर अपनी साइट के एक ही पृष्ठ लागू करने के लिए?
वहाँ अपने खुद के पृष्ठों साइटों बनाने के लिए सीखने के लिए एक इच्छा है? तो फिर क्या ब्लॉक लेआउट में महारत हासिल है करते हैं। लेआउट नौसिखिया कठिनाइयों के एक नंबर मिलते हैं, वे सवालों की एक बहुत कुछ है। पर विचार करें ब्लॉक कोडन है क्या।
एक महत्वपूर्ण टिप
का प्रयोग करें WYSIWYG संपादक, तो सब कुछ साफ था। जो लोग नोटबुक में एचटीएमएल अच्छी तरह से, काम पता है, क्योंकि वे सब कुछ समझते हैं। और शुरुआती लाभ ऐसे FrontPage के रूप में कार्यक्रमों के उदाहरण के लिए, Dreamweaver लेने के लिए या, कर सकते हैं।
लेआउट साइटों के प्रकार
वहाँ लेआउट के कई प्रकार हैं:
- सारणीबद्ध।
- ब्लॉक।
- मिश्रित।
हम ब्लॉक लेआउट में रुचि रखते हैं। यह मेज से क्या अलग है? DIV टैग का उपयोग कर ब्लॉक लेआउट पर कुछ लाभ हैं:
- ब्लॉक तेजी की डिजाइन के साथ लोड करें।
- सामग्री प्रदर्शित ब्लॉक (टेबल के विपरीत) डाउनलोड होता है के रूप में। के रूप में जाना जाता है, इन तालिकाओं केवल पूरे तालिका के बाद प्रदर्शित करेगा।
- साथ div-s आसान कोड को पढ़ने के लिए।
यह सब फायदे नहीं है, जो ब्लॉक लेआउट के लिए प्रसिद्ध है।
कैसे स्थान div ब्लॉक बदलने के लिए?
यह हमें मदद मिलेगी फ्लोट करने के लिए - इस संपत्ति है, जो निम्नलिखित में सक्षम है:
- बाएं से संरेखित करें - छोड़ दिया है।
- दाएं संरेखित करने के लिए - सही।
- तत्व रहता है जहां वह था, वह करता है, तो कोई नहीं दिया नहीं ले जाएगा। यह मान डिफ़ॉल्ट होगा।
एक अन्य महत्वपूर्ण विशेषता यह है कि हम की जरूरत है - स्पष्ट। उन्होंने कहा कि 4 मान हो सकता है:
- पिछले आइटम के तहत स्थापना के लिए, ठीक है, ब्लॉक करने के लिए ले जाने के - सही।
- पिछले तत्व है, जो बाईं ओर ले जाया जाता है नीचे वाम सेट।
- दोनों - पिछले विस्थापित ब्लॉक की स्थापना।
- कोई भी उन तत्वों को ले जाया जाता है करने के लिए ब्लॉक रिश्तेदार की स्थिति पर प्रतिबंध के अभाव को दर्शाता है।
उदाहरण
यह एक ब्लॉक की तरह दिखाई देगा कैसे विचार करें लेआउट div। हम अपने कोड लिखने:
आप देख सकते हैं, यह साइट के काफी सरल ब्लॉक लेआउट है। यह अध्ययन करने और अधिक गुण है कि पृष्ठों की एक और अधिक लचीला संरचना बनाएगा अभ्यास करने के लिए महत्वपूर्ण है।
कुछ ज्यादा महत्वपूर्ण
एक लोकप्रिय विशेषता यह है कि लेआउट में प्रयोग किया जाता है नहीं है - स्थान, यह स्थिति के लिए प्रयोग किया जाता है।
स्थिति के गुणों के लिए मान:
- सापेक्ष - तत्वों उनके मूल स्थानों के सापेक्ष की स्थिति निर्धारित करता है। आवेदन छोड़ दिया, शीर्ष, righ, एक निश्चित दिशा में नीचे तत्व ले जाता है।
- स्टेटिक - सामान्य प्रदर्शन आइटम। यह सही / छोड़ दिया, ऊपर / नीचे का उपयोग करने के कोई मतलब नहीं है - यह कुछ भी नहीं हो सकता है।
- सम्पूर्ण - पूर्ण स्थिति तत्व।
- फिक्स्ड - समान निरपेक्ष। यह स्क्रीन पर एक निश्चित बिंदु के लिए बाध्य है, लेकिन यह अपनी स्थिति को बदल नहीं करता है, भले ही पेज flipping।
कई लेआउट गौर किया है कि जब ब्लॉक के एक, निश्चित निरपेक्ष और सापेक्ष स्थिति का उपयोग कर आरोपित कर रहे हैं। और पता करने के लिए तो दिलचस्प नीचे ब्लॉक, की जो ऊपर है। इस सवाल का जवाब करने के लिए, आप z- सूचकांक संपत्ति की जरूरत है। यह एक नए स्तर पर लेआउट ब्लॉक ले आया। यह न केवल विमान की स्थिति बनाने के लिए, लेकिन यह भी तीसरे अक्ष जेड इस तरह के एक संपत्ति के मूल्य सकारात्मक या नकारात्मक हो सकता है के माध्यम से संभव बनाता है।
3 ब्लॉक बनाएँ। इसके बाद, पूर्ण स्थिति के साथ प्रयोग।
आप देख सकते हैं, यह ब्लॉक की स्थिति को बदलने के लिए आसान है। तथ्य यह है कि अब आप में सक्षम हैं के आधार पर, किसी भी प्राथमिक ब्लॉक लेआउट पेज बनाने के लिए। अधिक संपत्ति को लागू करने से आप अपने कौशल में सुधार होगा।
Similar articles
Trending Now