मोबाइल उपकरणहरूको लागि कसरी वेब पृष्ठहरू लेख्नुहुन्छ

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

तर के तपाईं वास्तवमा आफ्नो पृष्ठ बस काम गर्न चाहानुहुन्छ? अधिक डिजाइनरहरू तिनीहरूको पृष्ठहरू चमक गर्न चाहन्छन्!

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

मोबाइल उपकरणहरूको लागि साइट निर्माणको लागि सामान्य दिशानिर्देशहरू

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

Smartphone को लागि वेब पेज लेआउट

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

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

आईफोनहरूमा लिङ्कहरू र नेभिगेसन

• छोटो URL हरू, अझ राम्रो। यदि तपाईंले कहिल्यै सेल फोनमा URL टाइप गर्न खोज्नु भएको छ भने, तपाईंलाई थाहा छ कि यो एक दुखाइ हो (सायद धेरै पाठ सन्देशहरू पठाउन प्रयोग गरिने किशोरहरूको लागि)। आईफोनमा पनि, यो लामो यूआरएलमा टाइप गर्न थोरै छ। तिनीहरूलाई छोटो राख्नुहोस्।
• तर लामो लिङ्क पाठ ट्याप गर्न सजिलो छ। जब पृष्ठमा धेरै अलग शब्दहरू विभिन्न लेखहरूमा लिङ्क भएका छन्, सबै एकअर्काका पछि, यो जूमिंग बिना सही ट्याप गर्न गाह्रो हुन सक्छ। धेरै मानिसहरू बस दिनुहुनेछ र अन्य ठाउँमा जान्छन्। ती मध्ये 3-5 शब्दहरूसँग लिङ्कहरू 1 शब्द शब्द लिङ्क भन्दा बढी फोनमा क्लिक गर्न सजिलो छ।
• स्क्रिनका धेरै शीर्षमा तपाईंको नेभिगेसन नदिनुहोस्। तपाईंले चाहानु भएको जानकारी फेला पार्न लिङ्कहरूको स्क्रिन र स्क्रिनहरू मार्फत पेज गर्नु भन्दा बढी कष्टप्रद छैन। यदि तपाइँले वेब पृष्ठहरू हेर्नुभयो जुन सेल फोनहरूको लागि डिजाइन गरिएको थियो, तपाइँ देख्नुहुनेछ कि पहिलो कुराहरू देखाउने सामग्री र शीर्षक हुन्। त्यसपछि, तल नेभिगेसन हो।
• आफ्नो नेभिगेशन लुकाउन डराउनु नगर्नुहोस्। सीएसएस वा जाभास्क्रिप्टको साथ लुकाउने नेभिगेसन लिङ्कहरू र तिनीहरूलाई देखा पर्दा मात्र प्रयोगकर्ताले स्मार्टफोन प्रयोगकर्ताहरूको लागि पृष्ठ सजिलो तरिका बनाउनको लागि एक तरिका हो।

Smartphones मा छविहरूको लागि सुझावहरू

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

मोबाइलको लागि डिजाइनिंग गर्दा के गर्नु पर्छ

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

• फ्लैश - प्रायः मोबाइल फोनले फ्लैशलाई समर्थन गर्दैन, त्यसैले यो तपाईंको वायरलेस पृष्ठमा समावेश गर्न राम्रो विचार होइन।
• कुकीजहरू - धेरै सेल फोनहरूमा कुनै कुकी समर्थन छैन। आईफोनहरूमा कुकी कुकीहरू छन्।
• फ्रेम्स - ब्राउजरले तिनीहरूलाई समर्थन गर्दछ भने, स्क्रिनका आयामहरूको बारेमा सोच्नुहोस्। फ्रेमहरू मोबाइल यन्त्रहरूमा मात्र काम गर्दैनन् - पढ्नको लागी धेरै गाह्रो वा असम्भव छ।
• तालिकाहरू - मोबाइल पेजमा लेआउटको लागि टेबलहरू प्रयोग नगर्नुहोस्। र सामान्य मा तालिकाहरूबाट बच्न प्रयास गर्नुहोस्। तिनीहरू प्रत्येक सेलफोनमा समर्थित छैनन् (यद्यपि iPhones र अन्य स्मार्टफोनहरूले तिनीहरूलाई समर्थन गर्दछ) र तपाईं अनौठो परिणामहरू समाप्त गर्न सक्नुहुनेछ।
• नेस्टेड तालिकाहरू - यदि तपाईंले तालिका प्रयोग गर्नुपर्दछ, निश्चित गर्नुहोस् कि यो अर्को तालिकामा घिमिरे नगर्नुहोस्। डेस्कटप ब्राउजरहरूलाई समर्थन गर्न यी लागि गाह्रो छ, र उत्तममा, पृष्ठ लोड अझ ढिलो बनाउनुहोस्।
• निरपेक्ष उपाय - अन्य शब्दहरूमा, पूर्ण आकारहरूमा वस्तुहरूको आयाम परिभाषित नगर्नुहोस् (जस्तै पिक्सेल, मिलिमिटर, वा इन्च)। यदि तपाईंले केहि 100px चौडाईको रूपमा परिभाषित गर्नुभयो भने, एक मोबाइल उपकरणमा जुन स्क्रिन हुनुपर्दछ र अर्कोमा यो दुई चोटि चौडाई हुन सक्छ। सापेक्ष आकार (ईएमएस र प्रतिशत जस्तै) राम्रो काम गर्दछ।

• फन्टहरू - मान्न नसक्ने फन्टहरू जुन तपाईले पहुँच गर्न प्रयोग गर्नुहुनेछ सेल फोनमा उपलब्ध हुनेछ।

थप पढ्नुहोस्

• तपाईंको वेबसाइट मोबाइल अनुकूलन PHP प्रयोग गरेर कसरी बनाउने?