நீங்கள் html ஐப் பயன்படுத்தி ஒரு வலைத்தளத்தை எவ்வாறு உருவாக்குவது என்பதை அறிய விரும்பினால், css, அல்லது jQuery, நீங்கள் சரியான இடத்தில் இருக்கிறீர்கள். இணையதளத்தை விரைவாகவும் எளிதாகவும் எப்படி உருவாக்குவது என்பதை அறிய உதவும் ஏராளமான ஆதாரங்கள் ஆன்லைனில் உள்ளன. ஆனால் உங்கள் வலைத்தளத்தை முடிந்தவரை தொழில்முறையாக எப்படி உருவாக்குவது?
html உடன் இணையதளத்தை உருவாக்குதல்
HTML குறியீட்டைக் கொண்டு இணையதளத்தை உருவாக்குவது தனித்துவமான இணையதளத்தை உருவாக்குவதற்கான சிறந்த வழியாகும். ஆனால் அதற்கு சில குறியீட்டு திறன்கள் மற்றும் CSS தேவை என்பதை நினைவில் கொள்வது அவசியம். கூடுதலாக, உங்கள் வலைத்தளத்தின் தோற்றத்தை அல்லது உள்ளடக்கத்தை மாற்ற விரும்பினால், நீங்கள் ஒரு டெவலப்பரை பணியமர்த்த வேண்டும். வேர்ட்பிரஸ் போன்ற உள்ளடக்க மேலாண்மை அமைப்பு, எனினும், உங்கள் வலைத்தளத்தை நீங்களே புதுப்பிக்க அனுமதிக்கிறது. HTML போலல்லாமல், WordPress க்கு எந்த குறியீட்டு திறன்களும் தேவையில்லை மற்றும் வடிவமைப்பைப் பற்றிய அடிப்படை புரிதலுடன் வலைத்தளத்தை உருவாக்க உங்களை அனுமதிக்கிறது.
HTML என்பது ஒரு அடிப்படை குறியீட்டு மொழியாகும், இது இணையப் பக்கங்களை எவ்வாறு காண்பிக்க வேண்டும் என்பதை உலாவிகளுக்குச் சொல்கிறது. குறிச்சொற்கள் எனப்படும் சிறப்பு வழிமுறைகள் மூலம் இதைச் செய்கிறது. இந்த குறிச்சொற்கள் வலைப்பக்கத்தின் ஒரு குறிப்பிட்ட பிரிவில் என்ன உள்ளடக்கம் தோன்ற வேண்டும் என்பதைக் குறிக்கிறது. இது ஒரு முக்கியமான குறியீட்டு தரநிலை, ஆனால் அதில் சில குறைபாடுகளும் உள்ளன. இந்த கட்டுரையில், தொடங்குவதற்கு முன் HTML பற்றி தெரிந்து கொள்ள வேண்டிய சில முக்கியமான விஷயங்களைப் பார்ப்போம்.
HTML மற்றும் CSS உடன் ஒரு வலைத்தளத்தை உருவாக்குவது உங்களுக்கு வலை ஹோஸ்ட்டை எவ்வாறு பயன்படுத்துவது மற்றும் HTML பற்றிய அடிப்படை அறிவு இருந்தால் கடினமாக இல்லை. ஒரு வலை ஹோஸ்ட் உங்களுக்கு இலவசமாக ஒரு தளத்தை அமைக்க உதவும், அல்லது சிறிய கட்டணத்தில் உங்களுக்காக ஹோஸ்ட் செய்யும். நீங்கள் தொடங்கினால், நீங்கள் பூட்ஸ்டார்ப் அணுகுமுறையை முயற்சிக்கலாம் மற்றும் குறியீட்டைக் கற்றுக்கொள்ள உங்கள் நேரத்தை எடுத்துக் கொள்ளலாம். இந்த முறை உங்கள் நேரத்தை மிச்சப்படுத்தும் மற்றும் உங்கள் தளத்தின் உள்ளடக்கத்தில் கவனம் செலுத்த அனுமதிக்கும், உங்கள் வலைத்தளத்தின் அமைப்பைப் பற்றி கவலைப்படுவதை விட.
HTML என்பது உலகளாவிய வலையின் முக்கிய கூறுகளில் ஒன்றாகும். HTML ஆவணங்கள் உருவாக்க எளிதானது மற்றும் இணைய உலாவிகளுடன் இணக்கமானது. HTML ஆவணங்களை உருவாக்க Windows அல்லது Mac கணினிகளில் அடிப்படை உரை திருத்தி போதுமானது. நீங்கள் HTML உடன் வசதியாக இல்லை என்றால், நீங்கள் HTML for Beginners புத்தகத்தை வாங்கலாம் மற்றும் அதை படிப்படியாக பின்பற்றலாம்.
HTML ஒரு வலைத்தளத்தின் அடித்தளமாகும், CSS அதில் சில பிசாஸைச் சேர்க்கிறது. இது வலைப்பக்கத்தின் மனநிலையையும் தொனியையும் கட்டுப்படுத்துகிறது, மற்றும் வெவ்வேறு திரை அளவுகள் மற்றும் சாதன வகைகளுக்கு இணையதளங்கள் பதிலளிக்கும் வகையில் பயன்படுத்தப்படுகிறது. இது பார்வையாளர்களுக்கு ஒரு தளத்திற்குச் செல்வதை எளிதாக்குகிறது.
CSS கோப்பு உங்கள் வலைத்தளத்தின் பின்னணியின் நிறத்தை மாற்றவும் அனுமதிக்கும். வண்ணப் பெயரைத் தட்டச்சு செய்வதன் மூலம், நீங்கள் அதை அசல் நிறத்தில் இருந்து வேறு நிறத்தில் காட்டலாம். வண்ணப் பெயர் ஒரு வண்ண எண் மட்டுமல்ல என்பதை நினைவில் கொள்வது அவசியம். அது ஒற்றை வார்த்தையாக இருக்க வேண்டும்.
HTML உங்கள் வலைத்தளத்தின் அடிப்படை கட்டமைப்பை வழங்குகிறது. CSS மற்றும் JavaScript ஆகியவை HTML க்கான நீட்டிப்புகள் ஆகும், அவை உறுப்புகளின் தளவமைப்பு மற்றும் விளக்கக்காட்சியைக் கட்டுப்படுத்துகின்றன. CSS மற்றும் ஜாவாஸ்கிரிப்ட் இணைப்பதன் மூலம், நீங்கள் அம்சங்கள் மற்றும் தோற்றம் நிறைந்த இணையதளத்தை உருவாக்கலாம்.
css உடன் இணையதளத்தை உருவாக்குதல்
CSS கோப்பைத் திருத்துவதன் மூலம் உங்கள் இணையதளத்தின் பின்னணி நிறத்தை மாற்றலாம். குறியீடு நிறத்தை ஹெக்ஸ் மதிப்பாகக் காட்டுவதை நீங்கள் கவனிப்பீர்கள். இதை மாற்ற, ஹெக்ஸ் மதிப்பை நீங்கள் விரும்பும் வண்ணத்தின் பெயருக்கு மாற்றவும். பெயர் ஒரு வார்த்தையாக இருக்க வேண்டும். வரியின் முடிவில் ஒரு அரைப்புள்ளியை விட மறக்காதீர்கள்.
CSS விரிவான பண்புகளை வழங்குகிறது, மற்றும் தனிப்பயனாக்க பல வழிகள் உள்ளன. HTML பக்கத்தில் CSS ஐ சேர்க்க மூன்று முதன்மை வழிகள் உள்ளன. இந்த ஸ்டைல் ஷீட்கள் பொதுவாக கோப்புகளில் சேமிக்கப்படும் மற்றும் இணையதளத்தின் ஒட்டுமொத்த தோற்றத்தை தீர்மானிக்க முடியும். மிகவும் தொழில்முறை தோற்றமுடைய தளத்தை உருவாக்க HTML உடன் இணைந்து அவற்றைப் பயன்படுத்தலாம்.
வலைப்பக்கத்தின் தோற்றத்தை உருவாக்க HTML குறிச்சொற்களைப் பயன்படுத்துகிறது. எந்த HTML உறுப்புகள் பயன்படுத்தப்படுகின்றன என்பதை CSS குறிப்பிடுகிறது. இது முழு பக்கத்தையும் பாதிக்கிறது மற்றும் வலைத்தள வடிவமைப்பாளர்களுக்கு பயனுள்ளதாக இருக்கும். குறிப்பிட்ட HTML குறிச்சொற்களுக்கு குறிப்பிட்ட வகுப்புகளை ஒதுக்குவதும் சாத்தியமாகும். CSS இல் உள்ள எழுத்துரு அளவு பண்பு ஒரு எடுத்துக்காட்டு. அதற்கு ஒதுக்கப்பட்ட மதிப்பு 18px ஆகும். இந்த உறுப்புகளின் வரிசை பக்கம் எப்படி இருக்கும் மற்றும் செயல்படும் என்பதை தீர்மானிக்கிறது. ஸ்டைல் ஷீட்கள் என்பது உங்கள் இணையதளத்தை சிறப்பாக தோற்றமளிக்க தேவையான அனைத்து தகவல்களையும் கொண்ட ஆவணங்கள்.
உங்கள் CSS நடை தாளை எழுதும் போது, நீங்கள் பயன்படுத்த விரும்பும் ஒவ்வொரு வகுப்பையும் வரையறுக்க வேண்டும். இரண்டு வகையான நடை தாள்கள் உள்ளன: உள் நடை தாள்கள் மற்றும் இன்லைன்-பாணிகள். உள் நடை தாள்களில் எழுத்துரு வண்ணங்கள் மற்றும் பின்னணி வண்ணங்கள் பற்றிய வழிமுறைகள் உள்ளன. இன்லைன்-பாணிகள், மறுபுறம், HTML ஆவணத்தில் நேரடியாக எழுதப்பட்ட CSS துண்டுகள் மற்றும் குறியீட்டு முறையின் ஒரு நிகழ்வுக்கு மட்டுமே பயன்படுத்தப்படும்.
CSS ஆனது உங்கள் தளம் முழுவதும் மீண்டும் மீண்டும் செய்யக்கூடிய குறிச்சொற்களை உருவாக்க உங்களை அனுமதிக்கிறது. இது ஒரு பெரிய நன்மை, ஏனெனில் இது உங்கள் இணையதளத்தை மேலும் நிர்வகிக்கக்கூடியதாகவும் எளிதாக உருவாக்கவும் செய்கிறது. இது உங்கள் வலைத்தளத்தை பராமரிப்பதை எளிதாக்குகிறது மற்றும் பல பக்கங்களில் நடை தாள்களை மீண்டும் பயன்படுத்துவதை எளிதாக்குகிறது. இது உள்ளடக்கம் மற்றும் விளக்கக்காட்சியைப் பிரித்தல் என்றும் அழைக்கப்படுகிறது.
CSS இணைய வடிவமைப்பின் இன்றியமையாத பகுதியாகும். உங்கள் இணையதளம் எப்படி இருக்கிறது மற்றும் எப்படி இருக்கிறது என்பதை தீர்மானிக்க உதவுகிறது. வெவ்வேறு திரை அளவுகள் மற்றும் சாதனங்களுக்கு ஏற்ப ஒரு இணையதளத்தை இது அனுமதிக்கிறது. CSS மொழி உங்கள் வலைத்தளத்தின் தோற்றத்தைத் தனிப்பயனாக்க அனுமதிக்கிறது, அது எந்த வகையான சாதனத்தில் பயன்படுத்தப்பட்டாலும் பரவாயில்லை.
CSS மற்றும் HTML குறியீடுகளை ஒன்றாகப் பயன்படுத்துவது, கிட்டத்தட்ட உடனடி முடிவுகளுடன் ஒரு வலைத்தளத்தை உருவாக்க உங்களை அனுமதிக்கிறது. HTML குறியீடுகளை நகலெடுத்து ஒட்டுவது எளிது. நீங்கள் மாற்ற விரும்பும் மதிப்புகளை மட்டுமே மாற்ற வேண்டும். மிகவும் பொதுவாக, இதில் எழுத்துருக்கள் மற்றும் வண்ணங்கள் அடங்கும். CSS ஆனது உங்கள் வலைத்தளத்தின் பல்வேறு அம்சங்களை மாற்ற கருத்துகளைப் பயன்படுத்தவும் உங்களை அனுமதிக்கிறது.
jQuery மூலம் இணையதளத்தை உருவாக்குதல்
முதலில், நீங்கள் jQuery நூலகத்தைப் பதிவிறக்க வேண்டும். இந்த நூலகம் சுருக்கப்பட்ட மற்றும் சுருக்கப்படாத பதிப்புகளில் வருகிறது. உற்பத்தி நோக்கங்களுக்காக, நீங்கள் சுருக்கப்பட்ட கோப்பைப் பயன்படுத்த வேண்டும். jQuery என்பது ஜாவாஸ்கிரிப்ட் நூலகமாகும், இது ஸ்கிரிப்டைப் பயன்படுத்தி உங்கள் HTML ஆவணத்தில் சேர்க்கலாம்> உறுப்பு.
jQuery DOM கையாளுதலை ஆதரிக்கிறது, அதாவது நிகழும் நிகழ்வுகளின் அடிப்படையில் ஆவணத்தில் உள்ள கூறுகளை மாற்ற முடியும். உள்ளடக்கத்தின் தெளிவு மற்றும் உள்ளுணர்வுக்கு இது முக்கியமானது. நூலகம் பல உள்ளமைக்கப்பட்ட அனிமேஷன் விளைவுகளையும் உள்ளடக்கியது மற்றும் AJAX மூலம் பதிலளிக்கக்கூடிய வலை வடிவமைப்பை ஆதரிக்கிறது., அல்லது ஒத்திசைவற்ற ஜாவாஸ்கிரிப்ட் மற்றும் எக்ஸ்எம்எல்.
jQuery நிறுவ மற்றும் பயன்படுத்த எளிதானது. நிகழ்வு கேட்பவர்களை உறுப்புகளில் சேர்ப்பதன் மூலம் பதிலளிக்கக்கூடிய வலைத்தளங்களை உருவாக்க இதைப் பயன்படுத்தலாம். jQuery ஐப் பயன்படுத்துதல், நீங்கள் தொடர்பு பட்டியல் விட்ஜெட்டையும் இயல்புநிலை பாணி தீமையும் பயன்படுத்தலாம். ஊடாடும் கூறுகளை உருவாக்க நூலகத்தைப் பயன்படுத்தலாம்.
ஒரு ஆவண பொருள் மாதிரி (DOM) HTML இன் பிரதிநிதித்துவமாகும், மற்றும் jQuery எந்தெந்த உறுப்புகளில் வேலை செய்ய வேண்டும் என்பதை தெரிவிகளை பயன்படுத்துகிறது. தேர்வாளர்கள் CSS தேர்வாளர்களைப் போலவே செயல்படுகிறார்கள், சில சேர்த்தல்களுடன். jQuery அதிகாரப்பூர்வ ஆவணத்தைப் பார்ப்பதன் மூலம் பல்வேறு தேர்வாளர்களைப் பற்றி மேலும் அறியலாம்.
jQuery நூலகம் கற்றுக்கொள்வது எளிது, ஆனால் அதற்கு HTML மற்றும் CSS பற்றிய சில அறிவு தேவை. உங்களுக்கு நிரலாக்க அனுபவம் இல்லை என்றால், நீங்கள் CodeSchool இன் முயற்சி jQuery பாடத்திட்டத்தை முயற்சி செய்யலாம், jQuery பற்றிய டன் டுடோரியல்கள் மற்றும் நிறைய தகவல்களைக் கொண்டுள்ளது. மினி வெப் செயலியை எவ்வாறு உருவாக்குவது என்பது குறித்த பாடங்களும் பாடத்தில் அடங்கும்.