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