வலை வடிவமைப்பு துறையில் வேலை அந்த முன்கூட்டியே இணையதளத்தில் மூன்றாம் கால் மலரில் இணைய வளர்ச்சி. இந்த மூன்று கால்கள் - வலை அபிவிருத்தி மூன்று அடுக்குகள் - கட்டமைப்பு, பாணி, மற்றும் நடத்தைகள் உள்ளன.
ஏன் அடுக்குகளை பிரிக்க வேண்டும்?
நீங்கள் வலைப்பக்கத்தை உருவாக்கும்போது, அதன் அமைப்பு உங்கள் HTML, CSS க்கு காட்சி பாணியை, ஸ்கிரிப்ட்டுக்கான நடத்தைகள் ஆகியவற்றிற்கு தள்ளப்பட வேண்டும். அடுக்குகளை பிரிக்கும் நன்மைகள் சில:
- பகிரப்பட்ட ஆதாரங்கள்: நீங்கள் வெளிப்புற CSS அல்லது ஜாவாஸ்கிரிப்ட் கோப்பை எழுதும்போது, தளத்தின் எந்தப் பக்கமும் அந்த கோப்பைப் பயன்படுத்தலாம். நீங்கள் அந்த கோப்பில் ஒரு மாற்றம் செய்ய வேண்டுமென்றால், வலைத்தளத்தின் சில அச்சுக்கலை பாணிகளை மேம்படுத்தலாம், அந்த பாணியைப் பயன்படுத்தும் ஒவ்வொரு பக்கமும் மாற்றம் கிடைக்கும். வலைத்தளத்தின் ஒவ்வொரு பக்கத்தையும் திருத்த வேண்டிய அவசியம் இல்லை, இது ஒரு பெரிய வலைத்தளத்திற்கு ஒரு கடினமான செயலாகும்.
- வேகமாக பதிவிறக்கங்கள்: ஸ்கிரிப்ட் அல்லது நடைதாள் உங்கள் வாடிக்கையாளரால் முதல் முறையாக பதிவிறக்கம் செய்யப்பட்டவுடன், அது இணைய உலாவி மூலம் தற்காலிக சேமிப்பில் உள்ளது. இந்த பகிரப்பட்ட வளங்கள் இப்போது உலாவியின் தற்காலிக சேமிப்பில் உள்ளன, உலாவியில் வேண்டப்படும் பிற பக்கங்களை விரைவாக ஏற்றுவது, ஒட்டுமொத்த பக்க வேகம் மற்றும் செயல்திறனை அதிகரிக்கிறது.
- பல நபர்கள் குழுக்கள்: ஒரே நேரத்தில் ஒரு இணையத்தளத்தில் பணிபுரியும் ஒருவருக்கு ஒருவர் இருந்தால், எல்லோரும் சமீபத்திய பதிப்புகளில் பணி புரிவதை உறுதி செய்ய, கோப்புகள் மற்றும் வெளியே செல்ல அனுமதிக்கும் அமைப்புகளைப் பயன்படுத்தலாம். பாணிகள் மற்றும் நடத்தைகள் கட்டமைப்பு ஆவணங்களுடன் பிணைந்திருந்தால் இதை செய்ய மிகவும் கடினமாக உள்ளது.
- எஸ்சிஓ: பாணி மற்றும் கட்டமைப்பின் தெளிவான பிரித்தலைக் கொண்ட தளம் தேடுபொறிகளுக்காக சிறப்பாக செயல்பட வாய்ப்புள்ளது, ஏனெனில் அந்த உள்ளடக்கம் இன்னும் வலுவாக ஊடுருவி, காட்சி பாணி மற்றும் நடத்தைத் தகவல்களில் சிக்கிக் கொள்ளாமல் பக்கம் புரியும்.
- அணுகல்தன்மை: வெளிப்புற பாணி தாள்கள் மற்றும் ஸ்கிரிப்ட் கோப்புகள் மக்களுக்கும் உலாவிகளுக்கும் மிகவும் அணுகக்கூடியவை. ஸ்கிரீன் ரீடர்ஸ் போன்ற மென்பொருளானது வடிவமைப்பு லேயரின் உள்ளடக்கத்தை எப்படியும் பயன்படுத்த முடியாத பாணிகளை கையாள்வதில் இல்லாமல் எளிதாக செயலாக்கலாம்.
- பின்னோக்கிய பொருத்தம்: தனியான அபிவிருத்தி அடுக்குகளுடன் வடிவமைக்கப்பட்ட ஒரு தளம் பின்தேடு-இணக்கமாக இருக்கக்கூடும், ஏனெனில் சில CSS பாணியைப் பயன்படுத்த முடியாத அல்லது JavaScript முடக்கப்பட்டுள்ளது HTML ஐ இன்னும் காணக்கூடிய உலாவிகள் மற்றும் சாதனங்கள். நீங்கள் அவர்களுக்கு ஆதரவு என்று உலாவிகளில் அம்சங்கள் படிப்படியாக உங்கள் இணைய அதிகரிக்க முடியும்.
HTML: கட்டமைப்பு அடுக்கு
வலைப்பக்கத்தின் கட்டமைப்பு அல்லது உள்ளடக்கம் அடுக்கு அந்த பக்கத்தின் அடிப்படை HTML குறியீடாகும். ஒரு வீட்டின் சட்டகம், மீதமுள்ள வீடு கட்டப்பட்ட ஒரு வலுவான அஸ்திவாரத்தை உருவாக்குகிறது போலவே, HTML இன் திடமான அடித்தளம் ஒரு வலைத்தளத்தை உருவாக்கக்கூடிய மேடையில் ஒரு மேடை உருவாக்குகிறது.
உங்கள் வாடிக்கையாளர்கள் படிக்க அல்லது பார்க்க விரும்பும் அனைத்து உள்ளடக்கத்தையும் நீங்கள் சேமித்து வைத்திருக்கும் அமைப்பு அடுக்கு ஆகும். HTML கட்டமைப்பானது உரை மற்றும் படங்கள் கொண்டிருக்கும், மேலும் வலைத்தளங்களை பார்வையிட பார்வையாளர்களைப் பயன்படுத்தும் ஹைப்பர்லிங்க்களையும் இது உள்ளடக்குகிறது. இது தரநிலை-இணக்கமான HTML5 இல் குறியிடப்பட்டு, உரை, படங்கள் மற்றும் மல்டிமீடியா (வீடியோ, ஆடியோ, முதலியன) ஆகியவற்றை உள்ளடக்குகிறது.
தளத்தின் உள்ளடக்கத்தின் ஒவ்வொரு அம்சமும் அமைப்பு லேயரில் குறிப்பிடப்பட வேண்டும். இது ஜாவாஸ்கிரிப்ட் வாடிக்கையாளர்களை முடக்கியது அல்லது முழு இணையத்தளத்திற்கான CSS அணுகலைப் பார்க்க முடியாது, அதன் அனைத்து செயல்பாடுகளிலும் இல்லை.
CSS: பாங்குகள் லேயர்
இந்த அடுக்கு ஒரு கட்டமைக்கப்பட்ட HTML ஆவணம் ஒரு தளத்தின் பார்வையாளர்களுக்கு எவ்வாறு இருக்கும் என்பதைக் காட்டுகிறது மற்றும் CSS (விழுத்தொடர் நடைத்தாள்கள்) வரையறுக்கப்படுகிறது. ஆவணம் வலை உலாவியில் எவ்வாறு காட்டப்பட வேண்டும் என்பதற்கான இந்த கோப்பில் நவீன கோட்பாடுகள் உள்ளன. பாணியில் அடுக்கு வழக்கமாக ஊடகத்தின் கேள்விகளையே உள்ளடக்குகிறது, இது திரை அளவு மற்றும் சாதனம் ஆகியவற்றின் அடிப்படையில் தளத்தின் காட்சியமைப்பை மாற்றியமைக்கிறது.
ஒரு வலைத்தளத்திற்கான அனைத்து பார்வை பாணிகளும் வெளிப்புற நடைபாதையில் வசிக்க வேண்டும். நீங்கள் பல ஸ்டைல் ஷீட்களைப் பயன்படுத்தலாம், ஆனால் ஒவ்வொரு CSS கோப்புக்கும் HTTP கோரிக்கை தேவைப்படுகிறது, இது, தளத்தில் செயல்திறனை பாதிக்கும்.
JavaScript: நடத்தை அடுக்கு
நடத்தை அடுக்கு ஒரு வலைத்தள ஊடாடலை உருவாக்குகிறது, இது பயனரின் செயல்களுக்கு பதிலளிக்க பக்கத்தை அனுமதிக்கிறது அல்லது நிபந்தனைகளின் அடிப்படையில் மாற்றப்படுகிறது. நடத்தை அடுக்குக்கான மிகவும் பொதுவாக பயன்படுத்தப்படும் மொழி JavaScript, ஆனால் CGI மற்றும் PHP மிகவும் அடிக்கடி பயன்படுத்தப்படுகின்றன.
டெவலப்பர்கள் நடத்தை அடுக்கு குறிப்பிடும் போது, அவர்களில் பெரும்பாலோர் வலை உலாவியில் நேரடியாக செயல்படுத்தப்படும் அடுக்கு என்று அர்த்தம். DOM (ஆவண பொருள் மாதிரி) உடன் நேரடியாக தொடர்பு கொள்ள இந்த அடுக்கு பயன்படுத்தப்படுகிறது. உள்ளடக்க லேயரில் உள்ள சரியான HTML ஐ எழுதுவது, நடத்தை அடுக்குகளில் உள்ள DOM பரஸ்பரங்களுக்கு முக்கியமானதாகும். நீங்கள் நடத்தை லேயரில் கட்டும்போது, வேகம் மற்றும் செயல்திறனை மேம்படுத்துவதற்கு, CSS உடன், வெளிப்புற ஸ்கிரிப்ட் கோப்புகளை நீங்கள் பயன்படுத்த வேண்டும்.
