,

, , போன்றவை.

தொகுதி 2: உங்கள் முதல் வலைப்பக்கத்தை உருவாக்குதல் (2-3 வாரங்கள்)

தொகுதி 3: உங்கள் இணையதளத்தை மேம்படுத்துதல் (2-3 வாரங்கள்)

• பாடம் 1: CSS உடன் லேஅவுட் அறிமுகம்

  • பெட்டி மாதிரியைப் புரிந்துகொள்வது (திணிப்பு, விளிம்பு, பார்டர், உள்ளடக்கம்).
  • நிலைப்படுத்தல் கூறுகளுக்கான அறிமுகம் (நிலையான, உறவினர், முழுமையானது).
  • தளவமைப்பு மேலாண்மைக்கு Flexbox மற்றும் CSS கட்டத்தைப் பயன்படுத்துதல்.
  • ஹேண்ட்-ஆன் செயல்பாடு: பல பிரிவுகள் (தலைப்பு, உடல், அடிக்குறிப்பு) கொண்ட தளவமைப்பை உருவாக்கவும்.

• பாடம் 2: உரை, பொத்தான்கள் மற்றும் வழிசெலுத்தல்

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

• பாடம் 3: உங்கள் இணையதளத்தை பதிலளிக்கக்கூடியதாக மாற்றுதல்

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

தொகுதி 4: JavaScript உடன் ஊடாடும் இணையதளங்கள் (2-3 வாரங்கள்)

• பாடம் 1: JavaScript அறிமுகம்

  • ஜாவாஸ்கிரிப்ட் என்றால் என்ன? இது உங்கள் இணையதளத்தை ஊடாடத்தக்கதாக மாற்ற பயன்படுகிறது.
  • மாறிகள், செயல்பாடுகள் மற்றும் நிகழ்வுகளுக்கான அறிமுகம்.
  • ஹேண்ட்ஸ்-ஆன் செயல்பாடு: விழிப்பூட்டல் அல்லது கன்சோல் பதிவைக் காட்ட உங்களின் முதல் JavaScript குறியீட்டை எழுதவும்.

• பாடம் 2: JavaScript உடன் ஊடாடுதலைச் சேர்த்தல்

  • DOM உடன் பணிபுரிதல் (ஆவண பொருள் மாதிரி): கூறுகளைத் தேர்ந்தெடுத்து உள்ளடக்கத்தை மாற்றுதல்.
  • நிகழ்வுகளுக்கான அறிமுகம்: கிளிக், ஹோவர், உள்ளீடு போன்றவை.
  • ஹேண்ட்-ஆன் செயல்பாடு: கிளிக் செய்யும் போது உரை அல்லது வண்ணங்களை மாற்றும் பொத்தானைச் சேர்க்கவும்.

தொகுதி 5: தனிப்பட்ட இணையதளத்தை உருவாக்குதல் (3-4 வாரங்கள்)

• பாடம் 1: உங்கள் தனிப்பட்ட இணையதளத்தைத் திட்டமிடுதல்

  • உங்கள் தனிப்பட்ட வலைத்தளத்தின் கட்டமைப்பை மூளைச்சலவை செய்தல் மற்றும் திட்டமிடுதல்.
  • என்னென்ன பிரிவுகள் மற்றும் உள்ளடக்கத்தைச் சேர்க்க வேண்டும் என்பதைத் தீர்மானித்தல்: என்னைப் பற்றி, திட்டங்கள், தொடர்பு.
  • ஹேண்ட்-ஆன் செயல்பாடு: உங்கள் இணையதளத்தின் தளவமைப்பின் வயர்ஃப்ரேம் அல்லது ஸ்கெட்சை உருவாக்கவும்.

• பாடம் 2: உங்கள் தனிப்பட்ட இணையதளத்தை வடிவமைத்தல்

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

• பாடம் 3: உங்கள் தனிப்பட்ட இணையதளத்தில் உள்ளடக்கத்தைச் சேர்த்தல்

  • உங்கள் பக்கங்களுக்கான உள்ளடக்கத்தை எழுதுதல்: அறிமுகம், பொழுதுபோக்குகள், போர்ட்ஃபோலியோ அல்லது திட்டங்கள்.
  • சமூக ஊடகங்கள் அல்லது வெளிப்புற தளங்களுக்கு இணைப்புகளைச் சேர்த்தல்.
  • ஹேண்ட்-ஆன் செயல்பாடு: கூடுதல் பக்கங்களை உருவாக்கவும் (எ.கா., "என்னைப் பற்றி", "திட்டங்கள்", "தொடர்பு").

முடிவு:

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