வலை வடிவமைப்பு மூன்று அடுக்குகள்

அனைத்து வலைத்தளங்களும் கட்டமைப்பு, பாணி மற்றும் நடத்தைகள் ஆகியவற்றின் கலவையாகும்

முன்-இறுதி வலைத்தள வளர்ச்சியை விவரிக்கும் ஒரு பொதுவான ஒப்புமை இது ஒரு 3-கால் முத்திரை போன்றது. இந்த 3 கால்கள், வலை அபிவிருத்தி 3 அடுக்குகளாக அறியப்படுகின்றன, அவை கட்டமைப்பு, உடை மற்றும் நடத்தைகள்.

வலை அபிவிருத்தி மூன்று அடுக்குகள்

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

ஏன் அடுக்குகளை பிரிக்க வேண்டும்?

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

அடுக்குகளை பிரிக்கும் நன்மைகள் சில:

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

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

HTML - கட்டமைப்பு அடுக்கு

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

CSS - பாங்குகள் அடுக்கு

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

JavaScript - நடத்தை அடுக்கு

ஜாவா நடத்தை லேயருக்கு மிகவும் பொதுவாக பயன்படுத்தப்படும் மொழி, ஆனால் நான் முன்பு குறிப்பிட்டது போல், CGI மற்றும் PHP வலைப்பின்னல் நடத்தைகள் உருவாக்க முடியும். பெரும்பாலான டெவலப்பர்கள் நடத்தை அடுக்கு குறிப்பிடும் போது, ​​அவர்கள் அதாவது வலை உலாவியில் நேரடியாக செயல்படுத்தப்படும் என்று அடுக்கு அதாவது - எனவே ஜாவா கிட்டத்தட்ட எப்போதும் தேர்வு மொழி. DOM அல்லது ஆவண ஆப்ஜெக்ட் மாதிரிடன் நேரடியாக தொடர்பு கொள்ள இந்த அடுக்கு பயன்படுத்தப்படுகிறது. உள்ளடக்க லேயரில் உள்ள சரியான HTML ஐ எழுதுவது நடத்தை லேயரில் DOM பரஸ்பரங்களுக்கு முக்கியமாகும்.

நீங்கள் நடத்தை லேயரில் கட்டும்போது, ​​நீங்கள் CSS உடன் வெளிப்புற ஸ்கிரிப்ட் கோப்புகளை பயன்படுத்த வேண்டும். ஒரு வெளிப்புற நடை தாளைப் பயன்படுத்துவதற்கான ஒரே நன்மைகள் உங்களுக்கு கிடைக்கும்.