आपण आयफोन फ्लिप आणि विस्तारीत कसे करू शकतो हे पाहिले आहे. हे आपल्याला एका दृष्टिक्षेपात संपूर्ण वेब पृष्ठ दर्शवू शकते किंवा आपण वाचनीय रूपात वाचण्यास इच्छुक असलेली मजकूरा दर्शविण्यासाठी झूम इन करू शकता एक अर्थाने, आयफोन सफारी वापरत असल्याने, वेब डिझायनर्सला आयफोनवर काम करणार्या वेब पेज तयार करण्यासाठी विशेष काही करायला नको.
परंतु आपण खरोखर आपले पृष्ठ फक्त कार्य करावे असे आपल्याला वाटते? बहुतेक डिझाइनर त्यांच्या पृष्ठांना चकाकी देतात!
जेव्हा आपण एक वेब पृष्ठ तयार करता , तेव्हा आपल्याला त्याबद्दल कोण पाहू शकेल आणि ते कसे पाहणार आहेत त्याबद्दल विचार करण्याची आवश्यकता आहे. रिजोल्यूशन, रंग पर्याय आणि उपलब्ध कार्ये यासह काही सर्वोत्तम साइट कोणत्या पृष्ठावर पाहिली जात आहे त्या डिव्हाइसचे खाते विचारात घ्या. ते फक्त त्याला आकृती दर्शविणार्या डिव्हाइसवर विसंबून राहू शकत नाहीत.
मोबाइल डिव्हाइसेससाठी साइट तयार करण्यासाठी सामान्य मार्गदर्शक तत्त्वे
- आपण शक्य तितक्या अधिक डिव्हाइसेसवर चाचणी घ्या. सर्वप्रथम आपल्या साइटवर आयफोन आणि आपल्यासारख्या विविध मोबाईल डिव्हाइसेस किंवा इम्युलेटरची पाहणी करा. आपण आपल्या सर्व चाचणीसाठी इम्यलॅटर्स वापरु शकता तरीही ते आपल्याला छोट्या छोट्या पडद्यावरील एका वेबसाइटवर नेव्हिगेट करण्याचा प्रयत्न करत असल्यासारखेच वाटत नाहीत, म्हणून वास्तविक डिव्हाइसेसवर जितके शक्य असेल ते तपासा.
- आपल्या पृष्ठांना सुदैवानं कमी करा. फ्लॅश ऍनेबल्ड, वाइडस्स्क्रीन ब्राऊजरसाठी तुम्ही तुमचे पेज लिहू शकता, पण हे सुनिश्चित करा की गंभीर माहिती एका लहान मॉनिटरवरदेखील दिसत आहे जी कोणत्याही खास वैशिष्ट्यांसह (जसे की कुकीज, अजाक्स, फ्लॅश, जावास्क्रिप्ट इत्यादी) हाताळू शकत नाही. XHTML मूलभूत पलीकडे काहीही काही सेल फोन्सच्या पलीकड असेल. सर्वात स्मार्टफोन त्या सर्व गोष्टी हाताळू शकते तर (अर्थातच, iPhone वर फ्लॅश वगळता), इतर मोबाइल डिव्हाइस करू शकत नाहीत.
- वायरलेस विशिष्ट पृष्ठ तयार करा-आणि शोधणे सोपे करा. आपण आपल्या सेल फोन आणि वायरलेस ग्राहकांसाठी एक विशिष्ट पृष्ठ तयार करत असल्यास- हे उपलब्ध करा आपल्या डॉक्युमेंटच्या सर्वात वर वायरलेस पृष्ठाचा दुवा ठेवण्याचा एक चांगला मार्ग आहे आणि नंतर हातातील मिडिया प्रकार वापरून गैर-हाताळलेल्या डिव्हाइसेसवरून त्या दुव्यावर लपवा. सर्व केल्यानंतर, बहुतेक लोक आपल्या मुख्यपृष्ठावर येतात, सेलफोनवर देखील-आणि आपल्या वायरलेस पृष्ठावरील दुवा तिथे नसल्यास, ते पृष्ठ वापरण्यासाठी कठीण असेल तर ते सोडतील.
स्मार्टफोनसाठी वेब पृष्ठ मांडणी
स्मार्टफोन बाजारासाठी पृष्ठे लिहिताना आपल्याला पहिली गोष्ट लक्षात ठेवावी की आपण इच्छित नसल्यास आपल्याला कोणतेही बदल करण्याची आवश्यकता नाही. उपलब्ध सर्वात स्मार्टफोन्स बद्दल मोठी गोष्ट म्हणजे ते वेब पृष्ठ प्रदर्शित करण्यासाठी वेबकिट ब्राउझर (Android वर iOS आणि Chrome वरील सफारी) वापरतात, म्हणजे आपले पृष्ठ Safari किंवा Chrome मध्ये ठीक दिसत असेल तर, ते सर्वात स्मार्टफोनवर चांगले दिसतील (केवळ खूप लहान ). पण आपण ब्राउझिंग अनुभव अधिक आनंददायी करण्यासाठी करू शकता गोष्टी आहेत:
- लक्षात ठेवा स्क्रीन खूप छान आहे. स्मार्टफोन त्या सर्व कॉलम छोट्या विंडोमध्ये रुपांतरीत करेल आणि हे झूम न करता वाचण्यासाठी त्यांना खूप कठीण बनवू शकतात. बरेच वापरकर्ते झूम करण्यासाठी वापरले जातात, परंतु ते कंटाळवाणे मिळवू शकतात. मजकूराचा एक लांब कॉलम वाचणे सोपे आहे.
- पृष्ठे लहान भागांमध्ये विभाजीत करा एखाद्या सेल फोनवरील मजकूराचे मोठे भाग वाचणे अवघड असू शकते, म्हणून त्यांना एकाधिक पृष्ठांवर ठेवणे यामुळे त्यांना वाचणे सोपे होते.
IPhones वर दुवे आणि नेव्हिगेशन
- URL लहान आहेत, चांगले. आपण कधीही सेलफोनवर URL टाइप करण्याचा प्रयत्न केला असेल तर आपल्याला कळेल की हे एक वेदना आहे (बहुतेक कुमारवयीन मुलांसाठी जरी बरेच मजकूर संदेश पाठविण्यास वापरले जातात). जरी iPhone वर, लांब URL मध्ये टाइप करणे कठिण आहे त्यांना लहान ठेवा.
- परंतु लांब दुवा मजकूर टॅप करणे सोपे आहे. जेव्हा एका पृष्ठावर जिथे अनेक भिन्न शब्द वेगवेगळ्या लेखांशी जोडलेले असतात, तेव्हा एकमेकांच्या अगदी जवळ असतात, झूम केल्याशिवाय अचूकपणे टॅप होणे फार अवघड असू शकते. बरेच लोक फक्त सोडू शकाल आणि दुसरे कुठेतरी जातील. त्यामध्ये 3-5 शब्दांसह दुवे 1-शब्द दुव्यांपेक्षा फोनवर क्लिक करणे सोपे आहे.
- स्क्रीनवरील सर्वात वर आपले नेव्हिगेशन ठेवू नका. आपल्याला पाहिजे असलेली माहिती शोधण्यासाठी दुवे आणि पडद्याच्या पृष्ठांपेक्षा पृष्ठापेक्षा अधिक त्रासदायक काही नाही. आपण सेल फोन्ससाठी डिझाइन केलेली वेब पृष्ठे पाहिली असतील तर, आपल्याला दिसतील की प्रथमच सामग्री आणि मथळा आहे. नंतर, खाली नेव्हिगेशन आहे
- आपल्या नेव्हिगेशनला लपविण्यास घाबरू नका. सीएसएस किंवा जावास्क्रिप्टशी नेव्हिगेशन लिंक्स लपविणे आणि त्यास प्रदर्शित करणे तेव्हाच दिसू शकते जेव्हा वापरकर्त्याने त्यास मागताना सांगितले स्मार्टफोन वापरकर्त्यांसाठी पृष्ठ सोपे करणे
स्मार्टफोनवरील प्रतिमा टिपा
- प्रतिमा लहान असणे आवश्यक आहे. होय, Android आणि iPhones प्रतिमांवर झूम आणि अनझूम इन करू शकतात, परंतु त्या दोन्ही आकारात आणि डाउनलोड वेळेत लहान आहेत, आपल्या वायरलेस ग्राहकांची संख्या अधिक असेल. प्रतिमा ऑप्टिमाइझ करणे नेहमी चांगली कल्पना असते, परंतु सेल फोन पृष्ठांसाठी ती महत्वपूर्ण असते.
- प्रतिमा त्वरीत डाउनलोड करणे आवश्यक आहे जेव्हा आपण मोबाइल डिव्हाइसवरून पहात असतो तेव्हा वेब पृष्ठांवर प्रतिमा भरपूर जागा घेतात आणि जेव्हा ते खूप छान असतात आणि जेव्हा पूर्ण स्क्रीन वेब ब्राऊजरवर पाहिल्यास पृष्ठे चांगले दिसतात, ते नेहमी मोबाईल डिव्हाइसच्या मार्गावर येतात. प्लस जेव्हा एक स्मार्टफोन वापरकर्ता सेल्युलर नेटवर्कवर असतो, तेव्हा त्यांनी ज्या वस्तूंची पूर्तता करायची आहे ती प्रचंड प्रतिमा किंवा नेव्हिगेशन चिन्हांच्या गुच्छा डाउनलोड करीत आहे.
- पृष्ठाच्या शीर्षस्थानी मोठी प्रतिमा लावू नका नॅव्हिगेशन प्रमाणेच पृष्ठाच्या शीर्षस्थानी 3-4 स्किनफुल लोड होणाऱ्या प्रतिमेची प्रतीक्षा करणे अतिशय थकल्यासारखे होऊ शकते. आणि हे वेब पृष्ठांवर अतिशय सामान्य आहे. वाचकांना हे कळते की ते छायाचित्र गॅलरीमध्ये क्लिक करतील तेव्हा त्यांना एक प्रतिमा मिळेल.
मोबाइलसाठी डिझाईन करताना काय टाळाल?
मोबाईल फ्रेंडली पृष्ठ तयार करताना आपण टाळायला हव्यात अशा अनेक गोष्टी आहेत. वर नमूद केल्याप्रमाणे, जर आपल्याला खरोखर हे आपल्या पृष्ठावर ठेवायचे असेल तर आपण हे करू शकता, परंतु साइट त्यांच्याशिवाय कार्य करते याची खात्री करा.
- फ्लॅश - बहुतेक मोबाईल फोन फ्लॅशचे समर्थन करत नाहीत, म्हणून आपल्या वायरलेस पृष्ठांवर ते समाविष्ट करणे एक चांगली कल्पना नाही
- कुकीज - अनेक सेल फोनकडे कुकी समर्थन नाही. iPhones कडे कुकी समर्थन आहे.
- फ्रेम्स - जरी ब्राउझर त्यांचे समर्थन करत असले तरी, स्क्रीनच्या आयामांचा विचार करा. फ्रेम्स फक्त मोबाइल डिव्हाइसवर कार्य करत नाहीत - ते वाचण्यास कठीण किंवा अशक्य आहेत
- सारण्या - एका मोबाइल पृष्ठावर लेआउटसाठी टेबलचा वापर करु नका. आणि सर्वसाधारणपणे सारण्या टाळण्याचा प्रयत्न करा. ते प्रत्येक सेलफोनवर समर्थित नाहीत (जरी iPhones आणि इतर स्मार्टफोन्स त्यांना समर्थन देतात) आणि आपण विचित्र परिणामांसह समाप्त करू शकता
- नेस्टेड टेबल्स - आपण टेबल वापरणे आवश्यक असल्यास, दुसरी टेबल मध्ये तो करू इच्छित नाही याची खात्री करा हे डेस्कटॉप ब्राउझरसाठी समर्थन करणे कठीण आहे, आणि सर्वोत्तम प्रकारे पृष्ठ लोड अधिक धीमे करा.
- अचूक उपाय - दुसऱ्या शब्दांमध्ये, वस्तूंचे आयाम निश्चित आकारात (जसे की पिक्सल, मिलीमीटर किंवा इंच) परिभाषित करू नका. आपण काहीतरी 100px रूपात परिभाषित केल्यास, एका मोबाइल डिव्हाइसवर जे अर्धे स्क्रीन असेल आणि दुसर्यावर कदाचित रूंदीचे दोन पट असू शकेल. संबंधित आकार (जसे की ems आणि टक्केवारी) उत्तम काम करतात
- फॉन्ट - आपल्याला प्रवेश मिळवण्यासाठी वापरण्यात आलेला कोणताही फॉन्ट सेल फोनवर उपलब्ध होईल असे गृहीत धरू नका.
अधिक वाचा
- PHP वापरणे आपली वेबसाइट मोबाइल अनुकूल बनवा कसे