मेरा डिजाइनर शब्द "तरल" लेआउट फेंकता रहता है। इसका क्या मतलब है?तरल लेआउट क्या है?
धन्यवाद स्पष्टीकरण के लिए, मैं हमेशा सिर्फ इस एक प्रतिशत लेआउट कहा जाता है, और सोचा था कि वह कह रहे थे कि टुकड़े चारों ओर ले जाया जा सकता है, और है कि तरल था
एक "तरल" लेआउट एक साइट है लेआउट जो पूरे उपलब्ध क्षेत्र को भरने के लिए विस्तार करता है क्योंकि ब्राउज़र विंडो का आकार बदलता है। आमतौर पर यह सीएसएस का उपयोग कर किया जाता है। तरल लेआउट कुछ प्रकार की साइटों के लिए काफी उपयोगी हो सकते हैं, लेकिन वे निश्चित चौड़ाई लेआउट की तुलना में काफी अधिक प्रयास करते हैं, और उनकी उपयोगिता साइट सामग्री पर निर्भर करती है और वे कितनी अच्छी तरह लागू होती हैं।
तरल लेआउट एक वेबसाइट की डिजाइन अवधारणा का संदर्भ लें। सीएसएस में प्रतिशत और सापेक्ष चौड़ाई होने के कारण, जब आप अपनी ब्राउज़र विंडो का आकार बदलते हैं तो एक तरल लेआउट आगे बढ़ता है।
http://www.maxdesign.com.au/presentation/liquid/ से:
पृष्ठ पर सभी कंटेनरों उनके चौड़ाई percents में परिभाषित किया गया है - है कि वे पूरी तरह से प्रारंभिक धारक ब्लॉक के बजाय व्यूपोर्ट पर आधारित होते हैं, जिसका अर्थ है। जब आप ब्राउज़र विंडो का आकार बदलते हैं तो एक तरल लेआउट स्थानांतरित और बाहर जाएगा।
इसका मतलब यह है कि यदि ब्राउज़र अच्छी तरह से किया जाता है तो यह एक निश्चित बिंदु तक ब्राउज़र के विंडो आकार (आमतौर पर चौड़ाई) को भरने के लिए अनुबंध/विस्तार करेगा। अन्यथा पाठ (24 "+) बड़ा पर पढ़ने के लिए पर नज़र रखता है काफी मुश्किल हो सकता है।
असल में, यह एक वेब पेज है कि पेज में तत्वों के लिए एक विशिष्ट चौड़ाई विनिर्देशों पर निर्भर नहीं करता की एक लेआउट है।
Wikipedia पर अधिक चर्चा देखें।
यह एक लेआउट जो ब्राउज़र के लिए गतिशील रूप से समायोजित कर देता है इसका मतलब है (या जो भी ग्राहक) चौड़ाई और ऊंचाई, के रूप में (अधिकतर) निश्चित चौड़ाई लेआउट करने का विरोध किया, सभी उपलब्ध स्क्रीन स्थान के कुशल उपयोग करने के लिए जो उस विशेष समय पर एक आम denominator संकल्प फिट करने के लिए बनाया जाता है (उदाहरण के लिए 800x600 कई वर्षों के लिए वेबसाइटों के लिए आदर्श माना जाता था)
दो में से एक:
डिजाइन ब्राउज़र की चौड़ाई के पैमाने पर होगा (के रूप में, यदि ब्राउज़र 1024px गुणा चौड़ा था, डिजाइन के साथ-साथ हो जाएगा) ... हालांकि यह काफी मजेदार प्राप्त करता है 100px चौड़े ब्राउज़र के लिए डिज़ाइन करते समय (कभी-कभी डिज़ाइनर वास्तव में न्यूनतम-चौड़ाई निर्धारित करेंगे)।
डिज़ाइन की एक निश्चित चौड़ाई है, लेकिन एक सापेक्ष आकार का उपयोग करके माप में सेट किया गया है ... उदाहरण के लिए "em" ... ताकि फ़ॉन्ट आकार बढ़ जाए, पृष्ठ की चौड़ाई बढ़ जाती है।
एक तरल लेआउट सीएसएस लेआउट कि प्रतिशत में सभी चौड़ाई को परिभाषित करता है की एक विधि है, तो पृष्ठ के क्षेत्रों बढ़ने/हटना जब व्यूपोर्ट (ब्राउज़र विंडो) का आकार बदलने पर होगा।
वे ऐसी साइट बनाने की कोशिश करते समय बहुत उपयोगी हैं जो बड़ी और छोटी स्क्रीन दोनों फिट बैठेगा।वे निश्चित लेआउट की तुलना में इसे काम करने के लिए थोड़ा और कठिन हैं, क्योंकि आप पेज पर फिट बैठने के तरीके पर कुछ स्तर नियंत्रण को छोड़ रहे हैं, और यह सुनिश्चित करने के लिए कि यह गिरती नहीं है, आपको अपनी सामग्री पर बहुत करीब ध्यान देना होगा आकार बदलने पर सौंदर्यशास्त्र के अलावा।
मैं कहूंगा कि तरल लेआउट टेक्स्ट भारी साइटों के लिए काफी बुनियादी कॉलम लेआउट के साथ सबसे उपयोगी हैं। आपको 'लोचदार' लेआउट के साथ एक सुखद माध्यम भी मिल सकता है - जिसमें एक तरल और निश्चित दोनों क्षेत्र हैं।
एक वास्तविक तरल लेआउट में, आपकी सामग्री एक सार्थक, गणना और बुद्धिमान तरीके से आपके उपयोगकर्ता की ब्राउज़र विंडो को फिट करने के लिए फैलती है और अनुबंध करती है। तो यह सिर्फ आपके कॉलम और कंटेनर चौड़ाई को प्रतिशत में सेट करने से कहीं अधिक है।
अच्छी तरह से हो गया, इससे परिणामस्वरूप गुणवत्ता में वृद्धि हो सकती है। खराब हो गया, यह एक उपयोगिता दुःस्वप्न है।
तरल जा रहा है रैंप एक बड़ा दर्द है। दर्द इसके लायक है, भले ही आप जिस साइट/क्लाइंट/उत्पाद (साइट) के लिए साइट बना रहे हों, उनके लिए एक मजबूत दृश्य गुणवत्ता (ग्रीष्मकालीन ब्लॉकबस्टर फिल्म साइट पर विचार करें) के लिए, एक निश्चित फिट और फिनिश की आवश्यकता होती है, या यदि इसे प्रदर्शित करने की आवश्यकता है डेटा के बड़े हिस्से।
नोट: मैं अपने दावों के लिए अच्छा उदाहरण और प्रशंसा पत्र के लिंक के साथ थोड़ी देर बाद इस अपडेट कर देंगे
अच्छा लिंक, लेकिन साइट को http://designinginterfaces.com/Liquid_Layout पर माइग्रेट कर दिया गया है – rohancragg
पांडित्य: 'एक "तरल" लेआउट एक साइट लेआउट है कि फैला या ब्राउज़र विंडो की चौड़ाई के सापेक्ष, क्षैतिज अनुबंध। मुझे लगता है कि यह मुद्दा बनाना महत्वपूर्ण है कि यह * चौड़ाई * प्रासंगिक है, और यह उपलब्ध क्षेत्र को पूरी तरह से भरने के लिए * नहीं है। –