वेबसाइटों के लिए अनुकूली लेआउट

तेजी से लोकप्रिय मोबाइल उपकरणों, अधिक से अधिक बेचैनी महसूस अधिकांश साइटों स्क्रॉल जब। अनुकूली लेआउट - यही कारण है कि 2012 के बाद से, बन गया है वेबमास्टर्स समाधान है कि छोटे से अधिक आरामदायक संकल्प स्क्रीन के साथ संसाधनों के देखने में आता है का उपयोग करें।

मौजूदा रुझान

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

खोज इंजन जल्दी से इस प्रवृत्ति को प्रतिक्रिया व्यक्त की। बड़े निगमों "Yandex" और Google खोज परिणामों में वेबसाइटों रैंकिंग के लिए अपने एल्गोरिदम में महत्वपूर्ण परिवर्तन किए, खाते में अनुकूली लेआउट और डिजाइन की उपलब्धता लेने। सीधे शब्दों में कहें, वेब आधारित संसाधन है कि मोबाइल फोन, स्मार्ट फ़ोन और टेबलेट के लिए अनुकूलित कर रहे हैं, अपने प्रतिद्वंद्वियों पर एक फायदा होगा।

अनुकूली लेआउट की परिभाषा

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

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

अनुकूली लेआउट के लाभ

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


मोबाइल में - वहाँ पहले दो प्लेटफार्मों vorstku काम कर संस्करण में आवश्यक परिवर्तन करने के लिए बनाया है, और बाद के स्थल पर लागू किया गया था जब। तो कोड में परिवर्तन काफी पर्याप्त थे, इस तरह के परिवर्तन करने के लिए प्रक्रिया बहुत देरी कर सकता है। जब साइट पर अनुकूली vorstke काम एक एकल फाइल में किया जाता है। वेब पेज लेआउट में किए गए परिवर्तन ही जल्द ही एक काम संस्करण, और मोबाइल के रूप में प्रकट हो जाएगा।

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

सिद्धांतों और सुविधाओं अनुकूली लेआउट

क्या सिद्धांतों वेब डिजाइन में अनुकूल लेआउट की विधि आबाद?

- "रबर" प्रकार लेआउट के उपयोग की।

- "रबर" तस्वीर।

- उपयोग मीडिया क्वेरी (मीडिया क्वेरी)।

- जरूरत लेआउट की स्थापना के समय से मोबाइल उपकरणों के बारे में सोचना।

सुविधाओं के बाद एक टेम्पलेट व्युत्पन्न अनुकूली लेआउट बनाने की इस पद्धति की इन बुनियादी सिद्धांतों से:

1. डिजाइन और साइट डिजाइन के निर्माण, प्रस्तावों की पूरी श्रृंखला पर खाते काम को ध्यान में रखकर: मोबाइल से बड़े प्रारूप को प्रदर्शित करता है के लिए।

2. प्रौद्योगिकी कि सीएसएस 3 में छपी का उपयोग कर मीडिया के प्रश्नों के साथ व्यापक स्टाइल शीट्स का उपयोग करके पोजिशनिंग।

3. छोटे आकार और संकल्प के मोबाइल उपकरणों के लिए छवियों को प्रसारित करने के कारण दोनों क्लाइंट और सर्वर के पक्ष में प्रोग्रामिंग।

संकल्प मैट्रिक्स लोकप्रिय इलेक्ट्रॉनिक उपकरणों - जिनमें से ध्यान में रखते हुए एक महत्वपूर्ण पहलू, एक अनुकूली लेआउट बनाता है। डिजाइन में इस तरह के एक दृष्टिकोण कर देगा किसी भी स्क्रीन पर वेब ब्राउज़िंग बहुत आरामदायक है। लेकिन तुम कैसे जानते हो कि कौन सा शैलियों में शामिल करने के लिए लायक हैं?

अनुकूली लेआउट vorstku आरंभ करें?

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

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

हालांकि अनुकूली लेआउट की तकनीक इतना आसान नहीं है, इसके विकास बहुत जल्द ही फल प्राप्त होगा।