உங்கள் வலைத்தளங்களில் பயன்பாட்டு பாணி அனுபவத்தை உருவாக்கவும்
டைனமிக் HTML (டிஹெச்டிஎம்எல்) உங்கள் வலைத்தளங்களில் பயன்பாட்டு பாணி அனுபவத்தை உருவாக்குவதற்கு உங்களை அனுமதிக்கிறது, முழு பக்கங்களும் முழுமையாக ஏற்றப்பட வேண்டிய அதிர்வெண் குறைகிறது. பயன்பாடுகளில், நீங்கள் ஏதாவது ஒன்றை கிளிக் செய்யும் போது, குறிப்பிட்ட உள்ளடக்கத்தை காண்பிப்பதற்காக அல்லது உங்கள் பதிலை உங்களுக்கு வழங்குவதற்கு உடனடியாக பயன்படுகின்றது.
மாறாக, வலைப்பக்கங்கள் பொதுவாக ஏற்றப்பட வேண்டும், அல்லது ஒரு புதிய பக்கம் ஏற்றப்பட வேண்டும். இது பயனர் அனுபவத்தை மேலும் ஒத்திவைக்க வைக்கும். உங்கள் வாடிக்கையாளர்கள் முதல் பக்கத்தை ஏற்றுவதற்கு காத்திருக்க வேண்டும், இரண்டாவது பக்கத்திற்கு மீண்டும் ஏற்றுவதற்கு காத்திருக்கவும், பலவும் காத்திருக்க வேண்டும்.
& Lt; div & gt; பார்வையாளர் அனுபவத்தை மேம்படுத்த
DHTML ஐ பயன்படுத்தி, இந்த அனுபவத்தை மேம்படுத்துவதற்கான எளிதான வழிகளில் ஒன்றாகும், இது வேண்டுமெனில் கோப்பின் உள்ளடக்கத்தை காண்பிப்பதற்காக DIV உறுப்புகள் மாற்றியமைக்கப்படும். ஒரு div உறுப்பு உங்கள் வலைப்பக்கத்தில் தர்க்கரீதியான பிளவுகளை வரையறுக்கிறது. பத்திகள், தலைப்புகள், இணைப்புகள், படங்கள், மற்றும் பிற divs ஆகியவற்றைக் கொண்டிருக்கும் ஒரு பெட்டியைப் பற்றி யோசித்துப் பாருங்கள்.
நீங்கள் என்ன தேவை
ஒரு டிவைட்டை உருவாக்க மற்றும் அணைக்க முடியும், நீங்கள் பின்வரும் வேண்டும்:
- சொடுக்கும் போது அதை இயக்கவும் மற்றும் அணைக்கவும்
- காட்ட மற்றும் மறைக்க div
- DIV மறைக்கப்பட்ட அல்லது காணக்கூடிய பாணியில் CSS
- செயலை செய்ய ஜாவா
கட்டுப்பாட்டு இணைப்பு
கட்டுப்பாட்டு இணைப்பு எளிதான பகுதியாகும். வெறுமனே நீங்கள் மற்றொரு பக்கம் என்று ஒரு இணைப்பை உருவாக்க. இப்போது, href பண்பு வெற்று விட்டு.
HTML அறியவும்உங்கள் வலைப்பக்கத்தில் எங்கும் வைக்கவும்.
காட்டு மற்றும் மறை
நீங்கள் காட்ட மற்றும் மறைக்க வேண்டும் div உறுப்பு உருவாக்க. உங்கள் div ஒரு தனிப்பட்ட ஐடி உள்ளது என்பதை உறுதிப்படுத்தவும். உதாரணமாக, தனித்துவமான ஐடி HTML அறியப்படுகிறது .
இது உள்ளடக்கம் நிரலாகும். இந்த விளக்கம் உரை தவிர்த்து வெற்று தொடங்குகிறது. இடது பக்கத்தில் உள்ள வழிசெலுத்தல் பத்தியில் நீங்கள் அறிய விரும்பும் ஒன்றைத் தேர்வுசெய்யவும். உங்களுடைய CSS க்கான இரண்டு வகுப்புகளை உருவாக்குங்கள்: ஒருவரிடமும் மற்றவர்களிடமும் மறைக்க மறைக்க வேண்டும். இந்த இரண்டு விருப்பங்களும்: காட்சி மற்றும் தெரிவுநிலை. காட்சி பக்கம் ஓட்டத்திலிருந்து div ஐ நீக்குகிறது, மேலும் இது எவ்வாறு தோன்றியது என்பதை மாற்றும். சில கோடர்கள் காட்சிக்கு விரும்புகிறார்கள், ஆனால் சிலநேரங்களில் தெரிவுநிலை அர்த்தமுள்ளதாக இருக்கிறது. உதாரணத்திற்கு: நீங்கள் தெரிவுநிலை பயன்படுத்த விரும்பினால், இந்த வகுப்புகளை மாற்றவும்: மறைக்கப்பட்ட வர்க்கத்தை உங்கள் DIV இல் சேர்க்கவும், இதனால் அது பக்கத்தில் மறைக்கப்படும். இந்த ஸ்கிரிப்ட் அனைத்து உங்கள் DIV தற்போதைய வர்க்கம் தொகுப்பு பார்க்க மற்றும் அது மறைத்து அல்லது மாறாகவும் குறிக்கப்பட்டால் அது மறைக்கப்பட்டு அதை toggles. இது ஜாவாஸ்கிரிப்ட் ஒரு சில வரிகள் மட்டுமே. பின்வரும் உங்கள் HTML ஆவணத்தின் தலைப்பில் வைக்கவும் ( இந்த ஸ்கிரிப்ட் என்ன, வரி மூலம் வரி: ஸ்கிரிப்ட் வேலை செய்ய, நீங்கள் இன்னும் ஒரு காரியத்தை செய்ய வேண்டும். உங்கள் இணைப்பை மீண்டும் சென்று href பண்புக்கூறுக்கு JavaScript ஐச் சேர்க்கவும். நீங்கள் இந்த href உங்கள் div பெயரிடப்பட்ட சரியான தனிப்பட்ட ஐடி பயன்படுத்த வேண்டும்: வாழ்த்துக்கள்! நீங்கள் இப்போது ஒரு இணைப்பைக் கிளிக் செய்தால், ஒரு இணைப்பை நீங்கள் கிளிக் செய்தால் அதை மறைக்கலாம். இந்த ஸ்கிரிப்ட் முட்டாள்தனமாக இல்லை. உங்களிடம் சிக்கல்களை ஏற்படுத்தக்கூடிய சில சூழ்நிலைகள் உள்ளன: உங்கள் வாடிக்கையாளர்களுடன் இது போன்ற டைனமிக் HTML ஐ எப்போதும் சோதிக்க வேண்டும். அவர்கள் புரிந்து கொள்ளவும் அதைப் பயன்படுத்தவும் முடியும் என்று நீங்கள் நினைத்தால், உங்கள் வலைப்பக்கங்களில் நிறைய காணக்கூடிய உள்ளடக்கத்தை எடுத்துக் கொள்ளுவதற்கான சிறந்த வழி இதுவாகும். HTML
பிரிவு காட்ட மற்றும் மறைக்க CSS
இது வேலை செய்ய ஜாவா
காணக்கூடிய சாத்தியமான சிக்கல்கள்