तपाईंको वेब पेजको चौडाइ परिभाषित

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

संकल्पलाई किन विचार गर्नुहोस्

1 99 5 मा, मानक 640x480 रिजोल्युसन मनिटरहरू सबैभन्दा ठूलो र सर्वोत्तम मनिटरहरू उपलब्ध थिए। यसको अर्थ छ कि वेब डिजाइनरहरूले वेब ब्राउजरहरूमा राम्रो देखेका पृष्ठहरू बनाउनमा ध्यान दिएर यो रिजोल्युसनमा 12-इन्च 14-इन्च मनिटरमा अधिकतम।

यी दिनहरू, 640x480 रिजोल्युसनले धेरै वेबसाइटहरूको ट्राफिकको 1 प्रतिशत भन्दा बढी बनाउँछ। मानिसहरू 1366x768, 1600x 9 00 र 5120x2880 सहित धेरै उच्च रिजोल्युशनहरूसँग कम्प्युटरहरू प्रयोग गर्छन्। धेरै अवस्थामा, 1366x768 रिजोल्युसन स्क्रिनको लागि डिजाइन गर्दै।

हामी वेब डिजाइनको इतिहासमा एक बिन्दुमा छौं जहाँ हामी रिजोलुसनको बारेमा धेरै चिन्ता पर्दैनौं। प्रायजसो व्यक्तिहरूमा ठूला, चौडा-स्क्रिन मनिटरहरू छन् र उनीहरूले तिनीहरूका ब्राउजर विन्डोलाई अधिकतम गर्दैनन्। त्यसैले यदि तपाईं एक पृष्ठ डिजाइन गर्ने तयारी गर्नुहुन्छ जुन 1366 पिक्सेल भन्दा बढी चौडाई छैन, तपाईंको पृष्ठले उच्च रिजोल्युशनहरू सँग ठूलो परिक्षणमा पनि धेरै ब्राउजर विन्डोजहरूमा राम्रो देख्न सक्नेछ।

ब्राउजर चौडाइ

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

सहकार्यकर्ताहरूको एक अनौपचारिक सर्वेक्षणमा जो सबै एक कम्पनी-मानक 1024x768 रिजोल्युसन ल्याप्टप प्रयोग गर्थे, दुईले आफ्नो सबै अनुप्रयोगहरूलाई अधिकतम रूपमा राखे। बाँकी रहेको विभिन्न कारणहरूका लागि फरक-फरक सञ्झ्याल खोलिएको थियो। यसले यो वर्णन गर्दछ कि यदि तपाईं यस कम्पनीको इंट्रानेट डिजाइन गर्दै हुनुहुन्छ 1024 पिक्सेल चौडाईमा, 85 प्रतिशत प्रयोगकर्ताले सम्पूर्ण पेज हेर्न को लागी क्षैतिज रुपमा स्क्रोल गर्न पर्छ।

तपाईले ग्राहकहरूलाई खाता बनाउनुहुने वा अधिकतम नगर्ने, ब्राउजर सिमाना बारे सोच्नुहोस्। प्रत्येक वेब ब्राउजरमा स्क्रॉल पट्टी र किनाराहरू जुन 800 बाट लगभग 740 पिक्सेलबाट उपलब्ध ठाउँ हट्छ वा 800x600 रिजोल्युसन र 1024x768 रिजोल्युसनमा अधिकतम आकारको सञ्झ्यालमा 980 पिक्सेलमा कम छ। यसलाई ब्राउजर "क्रोम" भनिन्छ र यो तपाईंको पृष्ठ डिजाईनको लागि प्रयोगयोग्य ठाउँबाट लिन सकिन्छ।

फिक्स्ड वा तरल चौडाई पानाहरू

वास्तविक संख्यात्मक चौडाइ मात्र होइन जुन तपाईंको वेबसाइटको चौडाइको डिजाइन गर्ने बारे सोच्ने मात्र हो। तपाईं निर्णय गर्न आवश्यक छ कि यदि तपाईसँग निश्चित चौडाई वा तरल चौडाई हुनेछ । अन्य शब्दहरूमा, तपाईं चौडाई निर्दिष्ट नम्बर (निश्चित) वा प्रतिशत (तरल) मा सेट गर्न सक्नुहुन्छ?

निश्चित चौडाइ

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

निश्चित चौडाई पृष्ठहरू सिर्जना गर्न, तपाईँको पृष्ठ विभाजनको चौडाईका लागि मात्र पिक्सेल नम्बरहरू प्रयोग गर्नुहोस्।

तरल चौडाई

लिक्विड चौडाइ पृष्ठहरू (कहिले काँही भनिन्छ लचीला चौडाइ पृष्ठहरू) चौडाईमा भिन्न हुन्छन्, आधारभूत ब्राउजर विन्डो कसरी विस्तृत हुन्छ। यसले तपाईलाई पृष्ठहरू डिजाइन गर्न अनुमति दिन्छ जुन तपाईंको ग्राहकहरूमा बढी फोकस गर्दछ। तरल चौडाई पृष्ठहरूको समस्या यो हो कि उनि पढ्न गाह्रो हुन सक्छ। यदि पाठको लाइनको स्क्यान लम्बाई 10 देखि 12 शब्दहरू भन्दा कम वा 4 देखि 5 शब्दहरू भन्दा छोटो छ भने पढ्न गाह्रो हुन सक्छ। यसको अर्थ हो कि ठूलो वा सानो ब्राउजर विन्डोहरूसँग पाठकहरूसँग समस्या छ।

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

र विजेता छ: CSS Media Queries

सबैभन्दा राम्रो समाधान यी दिनहरू CSS मिडिया क्वेरीहरू र उत्तरदायी डिजाईन प्रयोग गर्ने हो जुन पृष्ठ सिर्जना गर्न ब्राउजरको चौडाइमा समायोजित हुन्छ। एक उत्तरदायी वेब डिजाइन एक वेब पेज बनाउन को लागि एक नै सामग्री को उपयोग गर्दछ जो काम गर्दछ कि तपाईं 5120 पिक्सेल चौडा या 320 पिक्सेल चौडाई मा हेर्नुहोस। फरक-आकारको पृष्ठहरू फरक देखिन्छ, तर तिनीहरूसँग एउटै सामग्री छन्। CSS3 मा मिडिया क्वेरीको साथ, प्रत्येक प्राप्त उपकरणले यसको आकारको साथ प्रश्नको जवाफ दिन्छ, र शैली पाना त्यो विशेष साइजमा समायोजित गर्दछ।