நிர்ணயமான அளவுகள் தளங்கள்: அம்சங்கள், தேவைகள் மற்றும் பரிந்துரைகள்

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

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

நீங்கள் எப்போதும் வேண்டும் தளத்தில் பிக்சல்கள் நிலையான அகலம்

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

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

அனைத்து சந்தர்ப்பங்களில் எழுத்துமுறை

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

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

தளங்கள் மிகவும் பிரபலமான அளவுகளாக

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

அட்டவணை இருந்து அது நீங்கள் பயன்படுத்த விரும்பும் தளத்தின் அளவு தீர்மானிக்க கற்றுக்கொள்ள முடியும். மேலும், இது மிகவும் பொதுவான வடிவம் இன்று 768 புள்ளிகள் 1366 இல் திரையில் என்று முடிவு செய்ய முடியும். இந்த திரைகளில் ஒரு பட்ஜெட் மடிக்கணினி நிறுவப்படும் எனவே அவர்களின் புகழை இயற்கை உள்ளது. அடுத்த மிகவும் பிரபலமான கண்ட திரைப்படங்களை, கேம்கள் தங்கத் தரநிலை ஆகியவை, தளம் அமைப்பு உருவாக்க ஆகையால், மற்றும் ஒரு முழு HD-மானிட்டர் உள்ளது. மேலும் நாங்கள் பார்க்க அட்டவணையில் பின்னர் மொபைல் சாதனங்கள் 360 x 640, அத்துடன் டெஸ்க்டாப் பல்வேறு உள்ளடக்கிய மற்றும் மொபைல் திரைகளில் அனுமதிக்கின்றன.

வடிவமைப்பு அமைப்பை

எனவே, புள்ளியியல் பகுப்பாய்வு பிறகு, தளத்தின் உகந்த அகலம் 4 வேறுபாடுகள் உள்ளது என்ற முடிவுக்கு முடியும்:

1. 1366 பிக்சல்கள் ஒரு அகலம் கொண்ட பதிப்பு மடிக்கணினி.
2. முழு HD பதிப்பு.
3. சிறிய டெஸ்க்டாப் திரைகள் காட்டுவதற்காக மட்டும் அகலம் அளவு அமைப்பை 800 பிக்சல்கள்.
4. அகலம் 360 பிக்சல்கள் - தளத்தில் மொபைல் பதிப்பு.

நாங்கள் அந்தத் தளத்திற்கான உருவாக்கப்படும் மூல குறியீடு அளவு பயன்படுத்த வேண்டும் என்ன முடிவு வைத்துக்கொள்வோம். ஆனால் அது போன்ற திட்டத்திற்கு இன்னமும் விலை இருக்கும். எனவே பலவிதமான விருப்பங்களைப் ஒரு நிலையான அகலத்தில் பயன்பாடு இல்லாமல் இந்த நேரத்தில் கருதுகின்றனர்.

ஒரு நெகிழ்வான அமைப்பை செய்ய

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

எப்படி அமைப்பை வலைப் பக்கங்களை பயன்படுத்த தங்க விகிதம் என்ன,?

கூட மறுமலர்ச்சியின் போது பல கட்டட மற்றும் கலைஞர்கள் அவரது படைப்புகள் சரியான வடிவம் மற்றும் விகிதம் கொடுக்க முயன்றார். அத்தகைய விகிதாச்சாரத்தில் தாக்கங்கள் பற்றி கேள்விகளுக்கான பதில்களுக்கு, அவர்கள் அனைவரும் அறிவியலின் ராணி திரும்பினர் - கணிதம்.

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

வலை வடிவமைப்பிற்கு போகலாம்

நீங்கள் மனித கண் மிகவும் அழகாக இருக்கும் என்று பக்கங்களை வடிவமைக்க முடியும் தங்க விகிதம் பயன்படுத்தி - மிகவும் எளிது. தங்க பிரிவின் சூத்திரம் படி கணக்கிடப்படும், நாம் கண்டுபிடிக்க பகுத்தறிவற்ற எண் 1,6180339887 ... ஆனால் வசதிக்காக நீங்கள் 1.62 இன் முழுமையாக்கப்பட்டுள்ளது பயன்படுத்த முடியும். இது நம் பக்கம் தொகுதிகள் 62% மற்றும் முழு 38%, எந்த விஷயத்தை நீங்கள் பயன்படுத்தும் தளத்தில் மூல குறியீடு உருவாக்கப்படும் என்ன அளவு இருக்க வேண்டும் என்று பொருள்படும். பின்வரும் திட்டம் பார்க்க முடியும் உதாரணம்:

புதிய தொழில்நுட்பங்களைப் பயன்படுத்தி

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

பணியிடம் தளத்தில் அதிகரிக்க எப்படி

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

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

மெனு மறைக்க ஒரு நல்ல வழி ஒரு உதாரணம் பின்வரும் அமைப்பை (கீழே படத்தில்) ஆகும்.

மேல் சிவப்பு மூலையில் பகுதியில், நீங்கள் ஒரு குறுக்கு, வலைத்தளத்தில் உள்ளடக்கத்தை தனியாக பயனர் விட்டு பார்க்க முடியும் ஒரு சிறிய ஐகான் மறைக்கும் என்று மெனுவில் கிளிக் செய்யவும்.

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

சிறந்த வலைத்தளம் - ஏற்பு

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

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

என்ன உங்கள் வலைத்தளத்தில் பல்வேறு பதிப்புகள் கிடைக்கும் தகவமைப்பு வடிவமைப்பு வேறுபடுத்துகிறது

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

வெவ்வேறு சாதனங்களுக்கு ஒத்துப்போகும் காரணமாக கிடைக்க விண்வெளியில் போக்குவரத்து தொகுதிகளுக்கான வழியாக அமைப்பை அகலம் அல்லது சதவீதங்கள் (பதிலாக ஒரு டெஸ்க்டாப் கிடைமட்ட ஸ்மார்ட்போன் செங்குத்தான பரப்பில்), அல்லது பல்வேறு திரைகளில் உருவாக்குவதன் மூலம் தனிப்பட்ட அமைப்பு பெறப்படுகின்றது.

நீங்கள் பதிலளிக்க வடிவமைப்பு பற்றி மேலும் அறிய மற்றும் புத்தகங்கள் இருந்து நீங்கள் உருவாக்க முடியும்.