படிப்படியான விதிமுறைகளுடன்: மொபைல் சாதனங்களுக்கு தளத்தில் கற்றுக்கொடுப்பது. மொபைல் வலைத்தளம்

தளத்தின் மொபைல் தழுவல் காரணமாக ஸ்மார்ட்போன்கள் மற்றும் மாத்திரைகள் அதிகரிப்பதற்கு ஒரு மிகவும் பிரபலமாகி இருக்கின்றது. அது என்ன? பயன்கள் என்ன? குறிப்பாக இந்த கேள்விக்கு ஆன்லைன் கடைகள் மற்றும் பல்வேறு சேவை நிறுவனங்கள், வலைப்பதிவுகள் மற்றும் பிரபலமான பேரவைகளின் வலைத்தளங்களின் உரிமையாளர்களுக்கு உண்மையான உள்ளது. எப்படி மொபைல் சாதனங்கள் மேற்கொள்ளப்படுகிறது முடியும் ஒரு தளத்தில் ஏற்ப? இங்கே கட்டுரையின் கட்டமைப்பை விவாதிக்கப்படும் என்று கேள்விகள் ஒரு குறுகிய பட்டியல்.

பொது தகவல்

எனவே, முதல் என்ன ஒரு பார்போம் பதிலளிக்க வடிவமைப்பு. எனவே அதே HTML குறியீட்டில் அனுப்பிய அனைத்து சாதனங்கள், ஆனால் உறுப்புகள் பரிமாணங்களை CSS மூலம் சரிசெய்யப்பட்டு இதில் கட்டமைப்பு உள்ளது. பல்வேறு தேடல் ரோபோக்கள் அத்தகைய இடங்களை கண்டறிய முடியும், வழங்கப்படும் பக்கங்களை மற்றும் வளங்களை ஸ்கேனிங்குக்கு தெரியும். இந்த சாத்தியத்தை உலாவி சொல்ல பொருட்டு, டேக் மெட்டா பெயர் = "காட்சியும்" பயன்படுத்த. மொபைல் சாதனங்களுக்கான தளத்தின் தழுவல் என்ன?

டேக் கருத்தில்

எனவே, நீங்கள் அந்த டேக் மெட்டா பெயர் = "காட்சியும்" இருந்தது உறுதி வேண்டும். ஏன் அவர் படிக்க விரும்புகிறாய்? எப்படி நீங்கள் தளத்தில் காண அதில் இருந்து சாதனம் திரையின் அகலம், அளவு பக்கம் சரிசெய்ய முதலீட்டுக்கு ஏற்ப மீது உலாவி வழிமுறைகளை உள்ளன என்று. இந்த சிறிய உருப்படியை சேர்க்க வேண்டாம் என்றால், இயல்புநிலை பக்கம் கணினிகள் வடிவமைக்கப்பட்டுள்ளது, காட்டப்படும். ஆனால் மொபைல் உலாவிகளில் திரையில் பொருந்தும் என்று உள்ளடக்கத்தை எழுத்துரு, மேம்பட்ட உள்ளடக்கம் அல்லது காட்சி அதிகரிக்கும் வழிநடத்தக்கூடிய உள்ளடக்கம், மேம்படுத்த முயற்சி போது. அது நன்றாக உள்ளது? இல்லை, இது போன்ற ஒரு வழக்கில் தளத்தின் மொபைல் பதிப்பு மட்டுமே எதிர்மறை கருத்து ஏற்படும். அனைத்து எழுத்துருக்கள் சமமற்ற இருக்கும் பிறகு, அது தேவையான பக்கம் உருட்டும் மற்றும் வகையிலான செயல்களைச் அதிக எண்ணிக்கையிலான செய்ய சிறிய அளவில் இருந்தாலும், ஆனால் இன்னும் கடினமான. மொபைல் சாதனங்களுக்கான தளத்தில் தழுவல் சரிபார்த்து, உங்கள் ஃபோன், டேப்லெட் அல்லது சிறப்புச் சேவை மற்றும் திட்டங்கள் பயன்படுத்த முடியும். நிச்சயமாக, முதல் இரண்டு விருப்பங்கள் விரும்பப்படுகிறது, ஆனால் நீங்கள் வெவ்வேறு சாதனங்கள் கண்ணோட்டத்தில் ஒரு முழுமையான ஆய்வு வேண்டும் மற்றும் நேரத்தை சேமிக்க என்றால், பிந்தைய பொருந்தும்.

மொபைல் சாதனங்களுக்கான தளத்தில் தழுவி நன்மைகள் என்ன?

இந்த அணுகுமுறை பயன்படுத்தி நீங்கள் அனுமதிக்கிறது:

1. பயனர்கள் அவர் ஒரு முகவரி உள்ளது எங்கே நிலைகளில் உள்ளடக்கத்தை பகிர்ந்து கொள்ள.
2. தேடல் பொறிகளின் கணிதமுறைகள் சரியான பக்கம் அமைப்பை பெற பல்வேறு பதிப்புகள் குழப்பம் உள்ளது.
3. பிழைகள் சாத்தியக்கூறுகள் குறைக்கப்படுகிறது.
4. தேவை மீண்டும் திருப்பு நீக்குவதன் மூலம் துவக்க நேரத்தை குறைத்தல்.
5. வளங்களை காப்பாற்ற.

கூடுதலாக, ஒரு தகவமைப்பு பக்கம் ஏதாவது ஒரு சில விருப்பத்தேர்வுகளை விட எளிதாக உருவாக்க. மொபைல் சாதனங்கள் (இந்த சாத்தியமானதே செய்ய) தளத்தில் கற்றுக்கொடுப்பது ஜாவா போதுமான மற்றும் அருவியாகக் பாணி தாள்கள் (CSS) மற்றும் படங்களை வேலை முடியும் அறிவது கடினம் ஒன்றல்ல. இந்த பணியை பல அணுகுமுறைகள் உள்ளன. கட்டுரை மிகவும் பிரபலமான விருப்பங்களை மூன்று கருதப்படுகிறது ஒரு பகுதியாக:

1. இங்கு உள்ள வற்புறுத்துகிறது.
2. இணைந்த.
3. ஜாவா டைனமிக் பயன்பாடு.

எங்களுக்கு இன்னும் விரிவாக அவர்களை நாம் சிந்திக்கலாம்.

ஜாவா பயன்படுத்தி இசைவாக்கம்

இந்த வழக்கில், ஒரு ஒற்றை உள்ளடக்கம். பக்கத்தின் செயல்படும் வகைமுறைக்கு ஜாவா வடிவமைப்பு மாற்றங்களை கொண்டு. இந்த நிலையில் உள்ள அனைத்தையும் மேடையில் பொறுத்தது. இந்தப் படிமுறை அருவியென நடை தாள் ஊடக கேள்விகளுக்கு ஒத்ததாக இருக்கிறது. நடைமுறையில் பணி ஒரு சிறிய உதாரணத்தைப் பார்க்கலாம். எனவே, நாம் எந்த ஒரு உறுப்பு <ஸ்கிரிப்ட்> வைக்கப்படுகிறது, HTML குறியீடு, ஒரு பக்கம் இல்லை. அவரது வேண்டுகோளின் பேரில் இந்த ஒரு மற்றும் அதே தரவு அனுப்ப முடிய வேண்டும். ஆனால் அது சிகிச்சை என்று வரும்போது, அது ஒரு குறிப்பிடத்தக்க தாக்கத்தை சாதனம் செயல்திறன் வேண்டும். இதன் விளைவாக - பக்கம் வடிவமைப்பை மாறும். ஓர் எடுத்துக் காட்டாக, மாறாக கணினிகளில் விட, ஸ்மார்ட்போன்கள் மற்றும் மாத்திரைகள் அதைக் காண நோக்கம் உகந்ததாக என்று ஒரு படத்தை நிலைமை. இந்த விருப்பத்தை ஒரு முக்கியமான நன்மையைக் ஒரு கணினி செயல்படுத்த தானாக கண்டறியப்படும் என்று. கூடுதலாக, நீங்கள் எந்த டைனமிக் உள்ளடக்கம் காட்சி இருப்பதால், ஒரு சிறப்பு தலைப்பு பெறுவதற்கு தேவையில்லை.

சேர்க்கையை

இந்த வழக்கில், மொபைல் சாதனங்களுக்கு தளத்தின் தழுவல் நல்லிணக்கம் மற்றும் JavaScript அம்சங்களைப் மற்றும் சர்வர் செயல்பாடுகள் மூலம் பயன்படுத்தப்படும். எப்படி பொது திட்டத்தின் செய்கிறது? பயனர் ஒரு குறிபிட்ட சாதனத்தில் இருந்து உங்கள் தளத்தில் வரும். ஜாவா அவர் அனுபவித்து பற்றி தகவலறிந்த, மற்றும் சர்வர் அதை செல்கிறது. தேவைப்படாத நேரத்தில் சாதனம் அனுப்பப்படுகிறது என்பதை தேவையான குறியீடு அங்கு உருவாக்கப்பட்டது. அது பற்றிய தகவல்களை ஒரு குக்கீ கோப்பில் சேமிக்கப்படுகிறது. நீங்கள் சர்வர் அவர்களுக்கு அது கூறுகிறது அடுத்த முறை. இந்த அணுகுமுறையின் ஒரு அம்சம் HTML குறியீட்டை பல்வேறு வகைகளில் பயன்படுத்த திறன் உள்ளது. பயனர்-ஏஜென்ட்: எனினும், சரியாக வேலை செய்ய நீங்கள் தலைப்பு மாறுபடும் முன்னிலையில் பார்த்துக்கொள்ள வேண்டும். அத்தகைய நிலைமைகளில் தளத்தில் மொபைல் பதிப்பு ஒரு பிட் அதிக அளவில் ஆட்கள் தேவைப்படுகிறது.

டைனமிக் ஜாவா மற்றும் பிற விருப்பங்களை

இந்த வழக்கில் அதே குறியீடு வெளி கோப்பு சுட்டி காட்டும் ஒரு குறிப்பிட்ட உறுப்பு வழங்கப்படும் என்று வழங்குகிறது, என்ன முகவர் பொறுத்து மாற்ற எந்த உள்ளடக்கங்களை பயன்படுத்தப்படுகிறது. எங்களுக்கு ஒரு டைனமிக் பக்கம் முன் தான். அது எப்படி செயல்படுத்தப்படுகிறது? பயனர்-ஏஜென்ட்: பல அனைவரும் ஒரே மாறுபடும் அதை பயன்படுத்த. மற்றும் தகவல் அடங்கிய பக்கங்கள் உண்மையான நேரத்தில் புதுப்பிக்கப்படும், கையாள்வதில் போது, நிச்சயமாக, நல்ல. கோட்பாடு இன்னும் நிறைய பேசலாம். (), நீங்கள் உண்மையில் தளத்தின் மற்றும் பல இதர பல்வேறு விஷயங்கள் தோற்றம் "மோசடியாக" முடியும் டிவா திரும்பவும் நினைத்துப்பார்ப்பது எப்படி. ஆனால் நாம் அதை செய்ய எப்படி தெரிந்து கொள்ள வேண்டும்!

செயல்படுத்த தயாரிப்பு

அது ஒரு தகவமைப்பு தளத்தை உருவாக்குவதில் போன்ற பணிகளை போது இரண்டு அணுகுமுறைகள் உள்ளன என்பது குறிப்பிடத்தக்கது:

1. கையேடு.
2. தானியங்கி.

ஆரம்பத்தில், நீங்கள் பின்பற்ற எந்தப் பாதை தேர்ந்தெடுக்க வேண்டும். இவ்வாறு பிளக்-இன் தளத்தில் ஏற்றுக்கொள்ளலை மொபைல் சாதனங்களுக்கு விரைவில் பணி நடைபெறும். ஆனால் அனைத்து குறிப்பிட்ட உருவாக்கப்பட்ட மட்டுமே, தெளிவாக வரையறுக்கப்பட்ட விதிகள். வள அவர்களை பொறுத்த உருவாக்கப்பட்டது என்றால், மொபைல் சாதனங்களுக்கு தழுவல் மென்பொருள் தளத்தில் உள்ளன அனைத்து நிறைவு செய்ய வேண்டும். இந்த வரையறைகளின் காரணத்தினால், மற்றும் சில நேரங்களில் மற்ற விஷயங்கள் மற்றும் படைப்பாற்றல் பெரும்பான்மை முழு சுதந்திரம் இல்லாது கையேடு ஒத்துப்போகும் விலக்கும். மற்றும் ஒரு சில நிமிடங்களில் திட்டம் மற்றும் உதவி வளத்தின் ஓர் கவர்ச்சிகரமான பதிப்பைப் பெற என்றாலும், ஆனால் இன்னும் சில குறைபாடுகளும் இருக்கின்றன.

நெகிழ்வான அமைப்பை

பொருட்டு ஒரு எழுத்தியல் "யும்", நீங்கள் மட்டும் உறவினர் அலகுகள் பயன்படுத்த வேண்டும் கிடைத்தது. நடைமுறையில், அனைத்து எழுத்துருக்கள் எம் தக்கவாறு இருக்கின்றன, மற்றும் கூறுகள் அளவு சதவீதத்தில் சுட்டிக்காட்டப்படுகிறது. என்றாலும் அவ்வப்போது, நீங்கள் பை பயன்படுத்த (உண்மையில் நீங்கள் விரும்பினால்), ஆனால் அது அவர்களுக்கு இல்லாமல் செய்ய நல்லது. நீங்கள் அகலம் (அகலம்) மற்றும் உயரத்தின் குறிப்பிட போது, போன்ற 1080, 1260 அல்லது 768 சதவிகிதத்தை ஒரு குறிப்பிட்ட நிலையான எண் பயன்படுத்த கூடாது. 90%: அகலம் - ஒரு உதாரணமாக. இவற்றை நீங்கள் மற்றும் 80%, மற்றும் 99% மற்றும் 100%. எல்லாம் மாஸ்டர் விருப்பத்தை பொறுத்தது. ஆனால் ஒரு குறிப்பிட்ட உருப்படியை தோன்றும் உரை பற்றி என்ன? இந்த வழக்கில், ஒரு நல்ல சூத்திரம் உள்ளது: எழுத்துரு அகலம் அதே படத்தில் ஒரு பின்னணி கூறு பிரிக்கப்பட்டு நாங்கள் எங்கள் கூற்றை முடிவுகளை பெற. சில நேரங்களில் அது எண்கள் மிக நீண்ட இருக்க முடியும் என்று சில நேரங்களில் நடக்கும். உதாரணமாக, நிலையான - அது நீங்கள் நாம் ஒரு மிக நீண்ட எண் பெற பிளவுறும்போது திரை அகலம் கொண்ட 1260. விடுதலையாக்கப்பட்ட பயனர்கள் 780. உள்ளது. நான் அதை சுற்றிலும் இருக்கிறதா? சரி, நிலைமை சிக்கலாக உள்ளது. இவற்றில் பலவும் கடுமையாக என்று அறிவுறுத்தப்படுகிறது வேண்டாம். சிறந்த இன்னும் நிலைமை பார்த்து துல்லியம் எவ்வளவு முக்கியமான மதிப்பீடு. நீங்கள் உதாரணமாக, இரண்டு, மூன்று, நான்கு அல்லது பத்து தசம இடங்களில் கணக்கில் எடுக்க அமைக்க முடியும். என்னை நம்பு, இந்த எளிய பணி, மொபைல் சாதனங்களுக்கு தளத்தின் இந்த ஏற்றவாறு அமைந்துள்ளது. CSS ஐ, பதிவு எந்த பிழைகள் உள்ளன என்றால், அனைத்து நாடகம் முடியும்.

நெகிழ்வு எழுத்துரு, படங்கள், மற்றும் ஊடக கேள்விகளுக்கு

இயல்பாக, உலாவி எழுத்துரு அளவு 16 படப்புள்ளிகளுக்குள் உள்ள பதிவு செய்யுமாறு மாற்ற. ஆனால், முந்தைய குறிப்பிட்டுள்ள, இந்த அணுகுமுறை எங்களுக்கு மிகவும் விரும்பத்தகாத ஒன்றாகும். இந்த வழக்கில் என்ன செய்ய? பிறகு நீங்கள் அடிப்படை மதிப்பு பிரித்து வேண்டும். உதாரணங்கள் ஒரு ஜோடி கவனியுங்கள்:

1. 16/16 = 1 எம்.
2. 18/16 = 1,125 எம்.

விளைவாக பெருங்குடல் பிறகு சேர்த்து, ஒரு எழுத்துரு அளவு எழுதப்பட வேண்டும். எனினும் இவற்றை பின்னர் வேறு எங்காவது சேர்க்கப்படுகிறது என்றால், அது மனதில் அது எங்களுக்கு மதிப்பு மேலே உள்ளிட்ட காண்பிக்கும் என்று ஏற்க நேரிடும்.

இப்போது, படத்தை பொறுத்து. எல்லாம் செய்து முடியும் ஒன்று அவற்றின் உள்ளீடுகள், அல்லது அதிகபட்சம் அகல பயன்படுத்தி அருவியாகக் நடை தாள். அளவு ஒரு சதவீதம் என குறிப்பிடப்பட்டிருந்தால் என்பதை மறக்க வேண்டாம்! மற்றும் ஊடக கேள்விகளுக்கு பற்றி மேலும் சில வார்த்தைகளைச். அது சில நிபந்தனைகளை வைத்து தேவையான போது அவர்கள் அந்த சந்தர்ப்பங்களில் பயன்படுத்த முடியும். உதாரணமாக, திரை அகலம் விதிகள் ஊடக கேள்வி பதிக்கப்பட்ட, பயன்படுத்தப்படும், 1260 பிக்ஸல்களை விடக் குறைவு என்றால். அவர்கள் என்ன செய்ய முடியும்? நாம் ஒரு அழகான பின்னணி படத்தை முழு காட்டப்படும் வேண்டும், மற்றும் பயனர் ஒரு சிறிய திரை இருந்தால், இது போன்ற சந்தர்ப்பங்களில் அது அகற்றப்பட்ட பதிவு செய்ய முடியும். வடிவமைப்பு என்றால் ஊடக கேள்விகளுக்கு நினைவூட்டுவதாக சில வழிகளில். ஆனால் அம்சம் மிகவும் பெரியது ... ஆளுமை. அவர்கள் சில உலாவிகளில் அளவுகளில் பணிபுரியும் போது அனைத்து மாற்றங்கள் மேற்கொள்ளப்பட வேண்டும் எழுத முடியும்.

முடிவுக்கு

அவர்களை பயன்படுத்த மொபைல் சாதனங்கள், மற்றும் மக்களின் எண்ணிக்கை, தொடர்ந்து வளர்ந்து வருகிறது. எனவே, இது அதன் வளர்ச்சி தொடங்குவதற்கு முன்பாக தளத்தின் அமைப்பை கூட சிறிய விவரங்கள், கருத்துக்கள் குறிப்பிட இல்லை முறையில் மதிப்பீடு செய்யப்பட்டுள்ளது என்று விரும்பத்தக்கதாகும். அனைத்து பிறகு, அது பயனர் அவர்கள் காட்டப்பட மாட்டாது என்று, இல்லை பதிவிறக்கம் தரவு உட்செல்லும் அந்த தளத்தில் தொலைபேசிக்கு உறுதி அவசியம். ஏன்? சரி, அது தொடக்கநிலை உள்ளது - பக்கங்களின் ஏற்றுதல் மெதுவாக இல்லை அதனால். மேலும் இதற்கு தரவு சிறிய பகுதிகளில் ஏற்றப்பட்டிருக்கும், மற்றும் விரைவாகவும் திறமையாகவும் தளத்தில் உறுதி நல்லது.