அவற்றின் வலைப்பக்கத்தை கட்டமைக்கும்போது பெரும்பாலான வடிவமைப்பாளர்கள் கருத்தில் கொள்ள வேண்டிய முதல் விஷயம் என்னவெனில் வடிவமைப்பதற்கான தீர்மானம் ஆகும். உங்கள் வடிவமைப்பு எப்படி இருக்க வேண்டும் என்பதை இது தீர்மானிக்கிறது. ஒரு நிலையான வலைத்தள அகலம் போன்ற விஷயம் இல்லை.
தீர்மானம் ஏன் பரிசீலிக்கப்பட வேண்டும்
1995 ஆம் ஆண்டில், நிலையான 640x480 தீர்மானம் மானிட்டர்கள் மிகப் பெரிய மற்றும் சிறந்த கண்காணிப்பாளர்களாக இருந்தன. இந்த வலை வடிவமைப்பாளர்கள் அந்த தீர்மானம் மணிக்கு 14 அங்குல மானிட்டர் ஒரு 12 அங்குல மீது அதிகரித்து வலை உலாவிகளில் நன்றாக பார்த்து பக்கங்கள் செய்யும் கவனம் என்று பொருள்.
இந்த நாட்களில், 640x480 தீர்மானம் பெரும்பாலான வலைத்தள போக்குவரத்தின் 1 சதவீதத்திற்கும் குறைவாக உள்ளது. மக்கள் 1366x768, 1600x900 மற்றும் 5120x2880 உள்ளிட்ட மிக உயர்ந்த தீர்மானங்களைக் கொண்ட கணினிகளைப் பயன்படுத்துகின்றனர். பல சந்தர்ப்பங்களில், ஒரு 1366x768 திரைத் திரையை உருவாக்குகிறது.
நாம் வலை வடிவமைப்பு வரலாற்றில் ஒரு கட்டத்தில் நாம் தீர்மானம் பற்றி அதிகம் கவலைப்பட வேண்டிய அவசியம் இல்லை. பெரும்பாலான மக்கள் பெரிய, பரந்த திரையில் திரைகள் மற்றும் அவற்றின் உலாவி சாளரத்தை அதிகரிக்க முடியாது. 1366 பிக்சல்கள் அகலத்தில் இல்லாத ஒரு பக்கத்தை வடிவமைக்க நீங்கள் முடிவு செய்தால், அதிக பக்கமாற்றங்கள் கொண்ட பெரிய திரையில் கூட உங்கள் உலாவி சாளரங்களில் உங்கள் பக்கம் நன்றாக இருக்கும்.
உலாவி அகலம்
"சரி, நான் என் பக்கங்களை 1366 பிக்சல்கள் அகலமாக்குவேன்," என்று நினைத்துப்பார்க்கும் முன், இந்த கதையை இன்னும் அதிகமாக உள்ளது. வலைப்பக்கத்தின் அகலத்தை தீர்மானிக்கும் போது உங்கள் வாடிக்கையாளர்கள் தங்கள் உலாவிகளை எவ்வளவு பெரிய அளவில் வைத்திருக்கிறார்கள் என்பது பற்றி அடிக்கடி ஒரு கவலையைப் பார்ப்போம். குறிப்பாக, அவர்கள் ஒரு முழு திரை அளவு தங்கள் உலாவிகளில் அதிகரிக்க அல்லது அவர்கள் முழு திரையில் விட சிறிய வைக்க?
ஒரு நிறுவன தரநிலை 1024x768 தீர்மானம் மடிக்கணினி பயன்படுத்தும் சக ஊழியர்களின் ஒரு முறைசாரா கணக்கெடுப்பில், இரண்டு பயன்பாடுகளிலும் அதிகபட்சமாக அனைத்து பயன்பாடுகளையும் வைத்திருந்தது. மீதமுள்ள பல்வேறு காரணங்களுக்காக வெவ்வேறு அளவிலான ஜன்னல்கள் திறந்திருந்தன. இது 1024 பிக்ஸல் அகலத்தில் இந்த நிறுவனத்தின் இன்ட்ரானெட் வடிவமைக்கிறீர்கள் என்றால், 85 சதவீத பயனர்கள் முழு பக்கத்தையும் பார்க்க கிடைமட்டமாக உருட்டும்.
அதிகபட்சமாக அல்லது செய்யாத வாடிக்கையாளர்களுக்கு நீங்கள் கணக்கின் பின்னர், உலாவி எல்லைகளை பற்றி சிந்திக்கவும். ஒவ்வொரு வலை உலாவியில், 800x600 தீர்மானங்களில் 800 முதல் 740 பிக்சல்கள் அல்லது குறைவாக 800x600 தீர்மானங்கள் மற்றும் 980 பிக்சல்களில் சுமார் 1024x768 தீர்மானங்களில் அதிகபட்ச சாளரங்களைச் சுற்றும் இடங்களைக் குறைக்கும் பக்கங்களில் ஒரு உருள் பட்டை மற்றும் எல்லைகள் உள்ளன. இது உலாவி "குரோம்" என்று அழைக்கப்படுகிறது, இது உங்கள் பக்க வடிவமைப்புக்கான பயன்படக்கூடிய இடத்திலிருந்து அகற்றப்படலாம்.
நிலையான அல்லது திரவ அகலம் பக்கங்கள்
உண்மையான எண் அகலம் உங்கள் வலைத்தளத்தின் அகலத்தை வடிவமைக்கும் போது நீங்கள் சிந்திக்க வேண்டிய ஒன்று மட்டும் அல்ல. நீ ஒரு நிலையான அகலமான அல்லது திரவ அகலத்தை வைத்திருந்தால் நீ முடிவு செய்ய வேண்டும். வேறு வார்த்தைகளில் கூறுவதானால், அகலம் ஒரு குறிப்பிட்ட எண் (நிலையான) அல்லது ஒரு சதவீதத்திற்கு (திரவ) அமைக்க வேண்டுமா?
நிலையான அகலம்
நிலையான அகலம் பக்கங்கள் அவர்கள் ஒலி போல் சரியாக இருக்கும். அகலம் ஒரு குறிப்பிட்ட எண்ணில் சரி செய்யப்பட்டது மற்றும் உலாவி எவ்வளவு பெரியது அல்லது சிறியதாக இருக்காது. உங்கள் வாசகர்களின் உலாவிகளில் எவ்வளவு பரந்த அல்லது குறுகலானவை என்பதை நீங்கள் சரியாகப் பார்க்காமல் உங்கள் வடிவமைப்பு தேவைப்பட்டால் இது நல்லது, ஆனால் இந்த முறை உங்கள் வாசகர்களை கணக்கில் எடுத்துக்கொள்ளாது. உங்கள் வடிவமைப்பை விடக் குறைவான உலாவிகளில் உள்ளவர்கள் கிடைமட்டமாக உருட்ட வேண்டும், மேலும் பரந்த உலாவிகளில் உள்ளவர்கள் திரையில் வெற்று இடங்களைக் கொண்டிருக்கும்.
நிலையான அகல பக்கங்களை உருவாக்க, உங்கள் பக்கம் பிரிவுகளின் அகலத்திற்கு குறிப்பிட்ட பிக்சல் எண்களைப் பயன்படுத்தவும்.
திரவ அகலம்
உலாவி சாளரத்தின் அளவைப் பொறுத்து திரவ அகல பக்கங்கள் (சிலநேரங்களில் நெகிழ்வான அகல பக்கங்களைக் குறிக்கின்றன) அகலத்தில் வேறுபடுகின்றன. இது உங்கள் வாடிக்கையாளர்களுக்கு அதிக கவனம் செலுத்தும் பக்கங்களை வடிவமைக்க உங்களை அனுமதிக்கிறது. திரவ அகல பக்கங்களுடனான பிரச்சனை, அவை படிக்க கடினமாக இருக்கலாம். ஒரு வரி உரை ஸ்கேன் நீளம் 10 முதல் 12 வார்த்தைகள் அல்லது 4 முதல் 5 வார்த்தைகள் விட குறைவாக இருந்தால், அதை படிக்க கடினமாக இருக்கலாம். அதாவது பெரிய அல்லது சிறிய உலாவி சாளரங்களுடன் வாசகர்கள் சிரமப்படுகிறார்கள்.
நெகிழ்வான அகல பக்கங்களை உருவாக்க, உங்கள் பக்கம் பிரிவுகளின் அகலத்திற்கு சதவீதங்கள் அல்லது ஈமு பயன்படுத்தலாம். நீங்கள் CSS அதிகபட்ச அகல சொத்துடன் உங்களை தெரிந்து கொள்ள வேண்டும். இந்த சொத்து நீங்கள் சதவீதத்தில் அகலத்தை அமைப்பதற்கு அனுமதிக்கிறது, ஆனால் அதைக் கட்டுப்படுத்த முடியாது, அதனால் மக்கள் அதை படிக்க முடியாதளவுக்கு மிகப்பெரியதாக இல்லை.
மற்றும் வெற்றி: CSS மீடியா கேள்விகள்
சிறந்த தீர்வு இந்த நாட்களில் அதை பார்க்க உலாவி அகலம் சரிசெய்து ஒரு பக்கம் உருவாக்க CSS ஊடக கேள்விகளுக்கு பதிலளிக்க வடிவமைப்பு மற்றும் பயன்படுத்த உள்ளது. ஒரு வலைப்பக்கத்தை உருவாக்கும் ஒரே வலைப்பக்கத்தை ஒரு பதிலளிக்க வலை வடிவமைப்பு நீங்கள் 5120 பிக்சல்கள் அகலத்தில் அல்லது 320 பிக்சல்கள் அகலத்தில் பார்க்கிறதா என்பதைப் பயன்படுத்துகிறது. வெவ்வேறு அளவிலான பக்கங்கள் வித்தியாசமாக இருக்கும், ஆனால் அவை ஒரே உள்ளடக்கத்தைக் கொண்டிருக்கின்றன. ஊடக ஊடக வினவலுடன், ஒவ்வொரு பெறுதல் சாதனமும் வினவலுடன் கேள்விக்கு பதில் அளிக்கிறது, மேலும் அந்த குறிப்பிட்ட அளவுக்கு பாணி தாளில் சரிசெய்யப்படுகிறது.