Pages

28 Dec 2011

HTML Comparison Table உருவாக்க

இரண்டு பொருளுக்கு இடையே உள்ள வித்தியாசங்களை காட்டுவதற்கும், அல்லது இரண்டு இடத்திற்கு உள்ள வித்தியாசங்கள் காட்டவும் நமக்கு பயன்படுவது இந்த Comparison Table ஆகும். அழகான Comparison Table உருவாக்க இதுவரை போட்டோஷாப் மென்பொருளையே பெரும்பாலும் உபயோகிக்க படுகிறது. ஆனால் இன்று நாம் ஒரு சுலபமான முறையில் comparison table உருவாக்குவது எப்படி பார்ப்போம். இதற்க்கு கோடிங் எழுத வேண்டிய அவசியமில்லை ஒரே நிமிடத்தில் அதை உருவாக்கி விடலாம். எந்த தொழிநுட்ப அறிவும் பெற்று இருக்க வேண்டிய அவசியம் இல்லை. கீழே உள்ள Comparison Table பாருங்கள்.

தமிழ் பதிவர்கள் vs ஆங்கில பதிவர்கள்


தமிழ் பதிவர்கள்
ஆங்கில பதிவர்கள்
பதிவின் தரம்
நட்பு
வருமானம்
வாசகர்களை மதித்தல்
தொடர்ந்து பதிவிடல்
பதிவர்கள் சண்டை
பதிவர்கள் ஒற்றுமை
Comparison Table உருவாக்குவது எப்படி?
  • முதலில் இந்த http://www.compareninja.com/ தளத்திற்கு சென்று உறுப்பினர் ஆகி கொள்ளுங்கள். பிறகு Home பகுதிக்கு சென்று START NOW என்ற button அழுத்தவும்.
  • முதலில் உங்கள் டேபிளின் தலைப்பை கொடுத்து மற்ற விவரங்களை கொடுக்கவும்

  • Next button அழுத்தியவுடன் உங்களுக்கு இன்னொரு window open ஆகும் .அதில் உங்கள் Table தோற்றத்தை தேர்வு செய்து கொள்ளவும்.
  • தேர்வு செய்த பின்னர் Next button அழுத்தவும்.

அடுத்து உங்களுக்கு Table பக்கம் open ஆகிவிடும். அதில் உங்களுக்கு விருப்பமான டேபிளை உருவாக்கிக் கொள்ளுங்கள்.

Comparison Table உருவாக்கியவுடன் கீழே உள்ள Show Me The Code என்ற button அழுத்தினால் உங்களின் டேபிளுக்கான HTML மற்றும் CSS கோடிங்க வந்திருக்கும். இதில் உங்களுக்கு தேவையானதை copy செய்து உங்கள் website-ல் இணைத்துக் கொள்ளுங்கள்.

இதே போன்று நீங்கள் எத்தனை Comparison Table வேண்டுமானாலும் உருவாக்கி கொள்ளலாம்.

No comments:

Post a Comment