ஐபோன் வலைப்பக்கங்களை எவ்வாறு புரட்டுவது மற்றும் விரிவாக்குவது போன்ற வாய்ப்புகளை நீங்கள் காணலாம். நீங்கள் முழு வலைப்பக்கத்தை ஒரு பார்வையில் காண்பிக்கலாம் அல்லது நீங்கள் படிக்க விரும்பும் உரையைச் செய்ய பெரிதாக்கலாம். ஒரு கருத்தில், ஐபோன் சஃபாரி பயன்படுத்துவதால், இணைய வடிவமைப்பாளர்கள் ஐபோன் வேலை செய்யும் ஒரு வலைப்பக்கத்தை உருவாக்க விசேஷமான எதையும் செய்ய வேண்டியதில்லை.
ஆனால் உங்கள் பக்கம் வேலை செய்ய விரும்புகிறீர்களா? பெரும்பாலான வடிவமைப்பாளர்கள் தங்கள் பக்கங்களை பிரகாசிக்க வேண்டும்!
நீங்கள் ஒரு வலைப்பக்கத்தை உருவாக்கும்போது , யார் அதைப் பார்க்கப் போகிறார்கள் என்பதையும் அதை எப்படிப் பார்ப்பார்கள் என்பதையும் நீங்கள் சிந்திக்க வேண்டும். சிறந்த தளங்கள் சிலவற்றை கணக்கில் எடுத்துக் கொள்ளலாம், இதில் தீர்மானம் என்னவென்றால், தீர்மானம், வண்ண விருப்பங்கள் மற்றும் கிடைக்கக்கூடிய செயல்பாடுகளை உள்ளடக்கியது. அதை கண்டுபிடிப்பதற்காக அவர்கள் சாதனத்தை நம்புவதில்லை.
மொபைல் சாதனங்கள் ஒரு தளத்தை உருவாக்குவதற்கான பொது வழிகாட்டுதல்கள்
- பல சாதனங்களில் சோதனை செய்யலாம். நீங்கள் செய்ய வேண்டிய முதல் விஷயம் உங்கள் தளத்தை ஐபோன் மற்றும் பல மொபைல் சாதனங்கள் அல்லது emulators போன்றவற்றில் காணலாம். உங்கள் சோதனைக்கான அனைத்துப் புலம்பெயர்வுகளையும் நீங்கள் பயன்படுத்திக் கொள்ளும் போது, சிறிய சிறிய திரையில் ஒரு வலைத்தளத்தைத் தொடர முயற்சிக்கும் அதே உணர்வை அவர்கள் உண்மையில் கொடுக்க மாட்டார்கள், எனவே முடிந்தவரை உண்மையான சாதனங்களில் சோதிக்கவும்.
- உங்கள் பக்கங்களை மனதார அழையுங்கள். ஃப்ளாஷ்-செயல்படுத்தப்பட்ட, பரந்த திரையில் உலாவிகளுக்கு உங்கள் பக்கங்களை எழுதலாம், ஆனால் முக்கியமான தகவல்கள் எந்த சிறப்பு அம்சங்களை (குக்கீகள், அஜாக்ஸ், ஃப்ளாஷ், ஜாவாஸ் போன்றவை) கையாள முடியாது என்று கூட சிறிய தகவல் கூட தெரியும். XHTML அடிப்படைக்கு அப்பாற்பட்ட எதுவும் சில செல் தொலைபேசிகளுக்கு அப்பால் இருக்கும். பெரும்பாலான ஸ்மார்ட்போன்கள் எல்லாவற்றையும் (ஐபோனில் ஃப்ளாஷ் தவிர, நிச்சயமாக) கையாள முடியும் போது, மற்ற மொபைல் சாதனங்கள் முடியாது.
- ஒரு வயர்லெஸ் குறிப்பிட்ட பக்கத்தை உருவாக்கவும் மற்றும் எளிதாக கண்டுபிடிக்கவும். உங்கள் செல்போன் மற்றும் வயர்லெஸ் வாடிக்கையாளர்களுக்கு ஒரு குறிப்பிட்ட பக்கத்தை உருவாக்கப் போகிறீர்கள் என்றால், அது கிடைக்கும். ஒரு சிறந்த வழி உங்கள் ஆவணத்தின் மிக உயர்ந்த பக்கத்தில் வயர்லெஸ் பக்கம் இணைக்க வேண்டும், பின்னர் கை ஊடகம் வகை பயன்படுத்தி அல்லாத கையடக்க சாதனங்கள் இருந்து அந்த இணைப்பை மறைக்க. எல்லாவற்றிற்கும் மேலாக, செல்ஃபோன்களில் கூட பெரும்பாலானோர் உங்கள் வீட்டுக்கு வருகிறார்கள்-உங்கள் வயர்லெஸ் பக்கத்திற்கு இணைப்பு இல்லையென்றால், பக்கத்தை பயன்படுத்த கடினமாக இருந்தால், அவர்கள் விட்டு விடுவார்கள்.
ஸ்மார்ட்ஃபோன்களுக்கான வலை பக்க வடிவமைப்பு
ஸ்மார்ட்போன் சந்தையில் பக்கங்களை எழுதும் போது நீங்கள் நினைவில் கொள்ள வேண்டிய முதல் விஷயம் என்னவென்றால், நீங்கள் விரும்பாவிட்டால் எந்த மாற்றத்தையும் செய்ய வேண்டியதில்லை. கிடைக்கும் பெரும்பாலான ஸ்மார்ட்போன்கள் பற்றி பெரிய விஷயம் அவர்கள் உங்கள் பக்கம் சஃபாரி அல்லது குரோம் உள்ள நன்றாக இருக்கிறது என்றால், அது மிகவும் ஸ்மார்ட்போன்கள் நன்றாக இருக்கும் (வெப்கிட் உலாவிகளில் (அண்ட்ராய்டு iOS மற்றும் Chrome இல் சபாரி), வலை பக்கங்களை காட்ட, ). ஆனால் நீங்கள் உலாவுதல் அனுபவம் இன்னும் இனிமையான செய்ய செய்ய முடியும் விஷயங்கள் உள்ளன:
- திரை சிறியது என்பதை நினைவில் கொள்ளுங்கள். ஸ்மார்ட்போன்கள் அந்த நெடுவரிசைகளை சிறு சாளரத்திற்குள் ஒட்ட வைக்கும், மேலும் இதை பெரிதாக்கிக் கொள்ளாமல் அவற்றை படிக்க மிகவும் கடினமாக செய்யலாம். பெரும்பாலான பயனர்கள் பெரிதாக்கப் பயன்படுகிறார்கள், ஆனால் அது எரிச்சலைப் பெறலாம். உரை ஒரு நீண்ட நெடுவரிசை வாசிக்க எளிதாக உள்ளது.
- பக்கங்களை பிரித்து சிறிய துண்டுகளாக பிரிக்கவும். செல்போனில் நீண்ட பகுதியை வாசிப்பது கடினமாக இருக்கலாம், எனவே பல பக்கங்களில் அவற்றைப் படிப்பது அவர்களுக்கு எளிதாக படிக்க உதவுகிறது.
ஐபோன்கள் மீது இணைப்புகள் மற்றும் ஊடுருவல்
- குறுகிய URL கள், சிறந்தவை. நீங்கள் ஒரு செல் தொலைபேசியில் ஒரு URL ஐ தட்டச்சு செய்ய முயற்சி செய்தால், அது ஒரு வலி என்று உங்களுக்குத் தெரியும். (ஒருவேளை நிறைய உரை செய்திகளை அனுப்புவதற்கு பயன்படுத்தப்படும் இளம் வயதினருக்குத் தவிர). கூட ஐபோன், இது நீண்ட URL கள் தட்டச்சு கடினமான விஷயம். அவற்றை சுருக்கமாக வைத்திருங்கள்.
- ஆனால் நீண்ட இணைப்பு உரை எளிதில் தட்டச்சு செய்யலாம். ஒரு பக்கத்தில், பல தனித்தனி வார்த்தைகள் பல்வேறு கட்டுரைகளுடன் இணைக்கப்படும் போது, ஒருவருக்கொருவர் அடுத்தது சரியானது, சரியானதாக இல்லாமல் சரியான ஒன்றைத் தட்டச்சு செய்வது மிகவும் கடினம். பலர் வெறுமனே விட்டுவிட்டு வேறு எங்காவது போகலாம். அவற்றில் 3-5 சொற்களைக் கொண்ட இணைப்புகள் 1-வார்த்தை இணைப்புகளை விட ஃபோனில் கிளிக் செய்ய எளிதாக இருக்கும்.
- திரையின் மிக உயரத்தில் உங்கள் வழிசெலுத்தல் போடாதீர்கள். நீங்கள் விரும்பும் தகவலைக் கண்டறிய திரையின் திரைகள் மற்றும் இணைப்புகளின் திரைகள் மூலம் பக்கத்தைக் காட்டிலும் அதிக எரிச்சலூட்டும் எதுவும் இல்லை. செல்போன்கள் வடிவமைக்கப்பட்டுள்ள வலைப்பக்கங்களை நீங்கள் பார்த்திருந்தால், முதலில் தோன்றும் விஷயங்கள் உள்ளடக்கம் மற்றும் தலைப்பு. பின்னர், கீழே வழிசெலுத்தல் ஆகும்.
- உங்கள் வழிசெலுத்தல் மறைக்க பயப்படவேண்டாம். CSS அல்லது JavaScript கொண்டு வழிசெலுத்தல் இணைப்புகள் மறைத்து அவர்கள் பயனர் கேட்பது மட்டுமே தோன்றும் செய்யும் ஸ்மார்ட்போன் பயனர்கள் பக்கம் எளிதாக செய்ய ஒரு வழி.
ஸ்மார்ட்போன்கள் மீது படங்களை உதவிக்குறிப்புகள்
- படங்கள் சிறியதாக இருக்க வேண்டும். ஆமாம், அண்ட்ராய்டு மற்றும் ஐபோன்கள் படங்களை பெரிதாக்கவும் மற்றும் unzoom முடியும், ஆனால் சிறிய அவர்கள் இரு பரிமாணங்கள் மற்றும் பதிவிறக்க நேரம், மகிழ்ச்சியாக உங்கள் வயர்லெஸ் வாடிக்கையாளர்கள் இருக்கும். படங்களை உகந்ததாக்குவது எப்போதுமே நல்ல யோசனைதான், ஆனால் செல் போன் பக்கங்களுக்கு, இது மிக முக்கியமானதாகும்.
- படங்களை விரைவாக பதிவிறக்க வேண்டும். நீங்கள் ஒரு மொபைல் சாதனத்திலிருந்து பார்க்கும் போது வலைப்பக்கங்களில் நிறைய படங்களை எடுத்துக் கொள்ளலாம். அவர்கள் மிகவும் நன்றாக இருக்கும் போது மற்றும் ஒரு முழு திரை வலை உலாவியில் பார்க்கும் போது பக்கங்கள் நன்றாக இருக்கும் போது, அவர்கள் பெரும்பாலும் ஒரு மொபைல் சாதனத்தில் வழியில் கிடைக்கும். பிளஸ் ஒரு ஸ்மார்ட்போன் பயனர் செல்லுலார் நெட்வொர்க்கில் இருக்கும் போது, அவர்கள் செலுத்த வேண்டிய கடைசி விஷயம் பெரிய படங்கள் அல்லது வழிசெலுத்தல் சின்னங்களை ஒரு கொத்து பதிவிறக்கும்.
- பக்கத்தின் மேல் பெரிய படங்களை வைக்க வேண்டாம். வழிநடத்துதல் போலவே, பக்கத்தின் மிக உயரத்திற்கு ஏற்றவாறு 3-4 ஸ்க்ரீன்ஃபுல்ல்களை எடுக்கும் படத்திற்கு காத்திருக்க மிகவும் கடினமானதாக இருக்கலாம். இது இணைய பக்கங்களில் மிகவும் பொதுவானது. ஒரே ஒரு விதிவிலக்கு, அவர்கள் ஒரு படத்தைப் பெறுகையில், அவர்கள் கிளிக் செய்தால், ஒரு புகைப்படக் கேலரியில் கூறுங்கள் என்று வாசகர் அறிந்தால் தான்.
மொபைலை வடிவமைக்கும் போது தவிர்க்க வேண்டியவை
மொபைல் நட்பு பக்கத்தை உருவாக்கும் போது நீங்கள் தவிர்க்க வேண்டிய பல விஷயங்கள் உள்ளன. மேலே குறிப்பிட்டுள்ளபடி, உங்கள் பக்கத்தில் இது உண்மையாக விரும்பினால், நீங்கள் அவற்றைச் செய்ய முடியும், ஆனால் தளம் அவற்றை இல்லாமல் இயங்குவதை உறுதிப்படுத்தவும்.
- ஃப்ளாஷ் - பெரும்பாலான மொபைல் தொலைபேசிகள் ஃப்ளாஷ் ஆதரிக்கவில்லை, எனவே உங்கள் வயர்லெஸ் பக்கங்களில் இது சேர்க்க நல்ல யோசனை இல்லை.
- குக்கீகள் - பல செல்போன்கள் எந்த குக்கீ ஆதரவையும் கொண்டிருக்கவில்லை. ஐபோன்கள் குக்கீ ஆதரவைக் கொண்டிருக்கின்றன.
- பிரேம்கள் - உலாவி அவர்களுக்கு ஆதரவளித்தாலும், திரையின் பரிமாணங்களைப் பற்றி யோசிக்கவும். ஃப்ரேம்ஸ் மொபைல் சாதனங்களில் மட்டும் வேலை செய்யவில்லை - அவை மிகவும் கடினமானவை அல்லது வாசிக்க முடியாதவை.
- அட்டவணைகள் - ஒரு மொபைல் பக்கத்தில் அமைப்பை அட்டவணைகள் பயன்படுத்த வேண்டாம். பொதுவாக அட்டவணைகள் தவிர்க்க முயற்சி. அவர்கள் ஒவ்வொரு செல்போனிலும் ஆதரிக்கப்படுவதில்லை (ஐபோன்கள் மற்றும் பிற ஸ்மார்ட்போன்கள் அவர்களுக்கு ஆதரவு அளித்தாலும்) மற்றும் நீங்கள் வித்தியாசமான முடிவுகளுடன் முடிவடையும்.
- உள்ளமை அட்டவணைகள் - நீங்கள் ஒரு அட்டவணை பயன்படுத்த வேண்டும் என்றால், மற்றொரு மேஜையில் அதை கூடு இல்லை உறுதி. இவை டெஸ்க்டாப் உலாவிகளுக்கு ஆதரவளிக்க கடினமாக உள்ளன, மேலும், சிறந்த முறையில், பக்கம் சுமை மிகவும் மெதுவாக செய்யப்படுகிறது.
- முழுமையான நடவடிக்கைகள் - வேறு வார்த்தைகளில் கூறுவதானால், பொருள்களின் பரிமாணங்களை முழு அளவுகளில் (பிக்சல்கள், மில்லிமீட்டர்கள் அல்லது அங்குலங்கள்) வரையறுக்க வேண்டாம். நீங்கள் 100px அகலமாக வரையறுத்திருந்தால், ஒரு மொபைல் சாதனத்தில், அரை திரையில் இருக்கும், மேலும் அது இரண்டு மடங்கு அகலமாக இருக்கலாம். உறவினர் அளவுகள் (ஈஸ் மற்றும் சதவிகிதம் போன்றவை) சிறந்த வேலை.
- எழுத்துருக்கள் - அணுகல் கொண்ட நீங்கள் பயன்படுத்தும் எழுத்துருக்கள் செல்லுலார் தொலைபேசிகளில் கிடைக்கும் என்று நினைக்க வேண்டாம்.
மேலும் வாசிக்க
- உங்கள் வலைத்தளம் மொபைல் நட்பு எவ்வாறு PHP ஐ பயன்படுத்துவது