Category Archives: html 5

லேங்க்ஸ்கேப், பயிலகம், கணியம் இணைந்து நடத்தும் வெப் டிசைனிங் இலவச இணையவழிப் பயிற்சிகள்

மொழிபெயர்ப்புத் துறை முன்னணி நிறுவனங்களுள் ஒன்றான லேங்ஸ்கேப்(Langscape) நிறுவனம், பயிலகம், கணியம் ஆகியவற்றுடன் இணைந்து வெப் டிசைனிங் (HTML, CSS,JS, Canvas) பயிற்சிகளை இலவசமாக நடத்த முன்வந்துள்ளது. பயிற்சி இணையவழியே ஆறு (கூடினால் எட்டு) வாரங்கள் நடத்தப்படும். பயிற்சி ஒவ்வொரு நாளும் ஒரு மணிநேரத்தில் இருந்து ஒன்றரை மணிநேரம் வரை இருக்கும். பயிற்சியில் கலந்து கொள்ள: 1) ஏதாவது ஒரு நிரல்மொழி(programming) அடிப்படைகள் தெரிந்திருக்க வேண்டும். 2) ஒவ்வொரு நாளும் பயிற்சி நேரம் தவிர, ஓரிரு மணிநேரங்கள்… Read More »

எளிய தமிழில் HTML – மின்னூல்

  HTML என்பது இணையப் பக்கங்களை உருவாக்கும் ஒரு கணிணி மொழி. இதை, இந்த நூல் எளிமையாக அறிமுகம் செய்கிறது. தமிழில் கட்டற்ற மென்பொருட்கள் பற்றிய தகவல்களை “கணியம்” மின் மாத இதழ், 2012 முதல் வெளியிட்டு  வருகிறது.இதில் வெளியான HTML பற்றிய கட்டுரைககளை இணைத்து ஒரு முழு புத்தகமாக வெளியிடுவதில் பெரு மகிழ்ச்சி கொள்கிறோம். உங்கள் கருத்துகளையும், பிழை திருத்தங்களையும் editor@kaniyam.com க்கு மின்னஞ்சல் அனுப்பலாம். kaniyam.com/learn-html-in-tamil என்ற முகவரியில் இருந்து இந்த நூலை பதிவிறக்கம்… Read More »

HTML5 Application cache & Canvas

HTML5 Application cache : இணையத்தளங்களை இணைய இணைப்பு இல்லாமலேயே பார்க்க அவற்றை application cache மூலம் offline storage-ல் சேமிக்கலாம். இவ்வாறு offline-ல் ஒரு பக்கத்தை சேமிக்க <html> tag-உடன் manifest எனும் attribute-ஐ சேர்க்க வேண்டும். pixabay.com/p-152091 உதாரணம்  <html manifest=”mysample.appcache”> // … </html> Manifest என்பது நாம் offline-ல் சேமிக்க விரும்பும் பக்கங்களை விளக்கும் ஒரு கோப்பு. cache manifest – சேமிக்க விரும்பும் கோப்புகளின் பட்டியல்   Network – இந்த… Read More »

HTML5 – Storage

HTML5 – Storage: HTML5-ல் பல்வேறு தகவல்களை browser-க்குள்ளேயே சேமிக்கலாம். அதிக அளவிலான தகவல்களை சேமித்தாலும், அவை தேவையான போது மட்டுமே பயன்படுத்தப்படுவதால் வேகம் சிறிதும் குறைவதில்லை. இதில் இருவகையான சேமிப்பு வகைகள் உள்ளன. அவை, Local Storage : இதில் தகவல்கள் நிரந்தரமாக சேமிக்கப்படுகின்றன. Session Storage : இதில் தகவல்கள் ஒரு session-ல் மட்டும் அதாவது பயனர் browser-ஐ மூடும் வரை மட்டும் சேமிக்கப்படுகின்றன. பின் அவை அழிக்கப்படுகின்றன. Cookies: HTML4-ல் இதுபோல தகவல்களை… Read More »

HTML5 – புது HTML form elements

புது HTML form elements: Form-ஐ நிரப்பு input வகை போலவே <datalist> <keygen> <output> போன்ற வகைகள் சேர்க்கப்பட்டுள்ளன. <form>-க்கு பின்வரும் புது attributes சேர்க்கப்பட்டுள்ளன. autocomplete: தானாகவே form-ஐ நிரப்பும் வசதியை தீர்மானிக்கிறது. novalidate: form-ஐ submit செய்யும்போது தகவல்களை மீண்டும் சரிபார்க்க வேண்டாம் என்று குறிப்பிடுகிறது. HTML5 <datalist> பயனரிடமிருந்து தகவலைப் பெறும் input box-ல் முதல் எழுத்தைத் தட்டினால், ஒரு பட்டியல் தோன்றி அதிலிருந்து ஒன்றை தேர்வு செய்யும் வசதியை இந்த… Read More »

HTML5-ன் புது input வசதிகள்

HTML5-ன் புது input வசதிகள்: <form>-க்குள் <input> என்பது பயனர்களிடமிருந்து விவரங்களை உள்ளீடாகப் பெற உதவும் ஓர் வகை ஆகும். HTML5-ல் பின்வரும் பல <input> வகைகள் அறிமுகப்படுத்தப்பட்டுள்ளன. color: பல்வேறு நிறங்களை கொடுத்து அதிலிருந்து ஒரு நிறத்தை தேர்ந்தெடுக்க உதவும் நிறக்கருவி date: calender-ஐ வெளிப்படுமாறு செய்து அதிலிருந்து ஒரு தேதியை தேர்ந்தெடுக்க உதவும் கருவி datetime: தேதி மற்றும் நேரத்தை தேர்ந்தெடுக்க உதவும் கருவி email: மின்னஞ்சல் முகவரியை மட்டும் பெற உதவும் வகை month: மாதம் வருடம்… Read More »

HTML5 – ன் புதிய வசதிகள்

HTML5 – ன் புதிய வசதிகள்: HTML5-ல் ஊடகக் கோப்புகள், 2D/3D வரைபடங்கள், Forms போன்றவற்றைப் பயன்படுத்த பல புதிய வசதிகள் உள்ளன. ஊடகம்(Media) : – <audio> – இது ஒலிக் கோப்புகளை இயக்க உதவுகிறது. <video> – இது காணொளிகளை வெளிப்படுத்த உதவுகிறது. <source> – இது ஒலி / ஒளி உள்ளிட்ட பல்வேறு ஊடக மூலங்களைக் குறிக்கப் பயன்படுகிறது. <track> – இது ஒலிக்கோப்பு / ஒளிக்கோப்புகளுக்கான உரையை text track-ஐப் பயன்படுத்தி வெளிப்படுத்த உதவுகிறது. … Read More »

HTML5 ஒரு அறிமுகம்

இதுவரை நாம் பார்த்த html-ஆனது html5 என்று புதுப்பிறவி எடுத்துள்ளது. இது பல புதிய அம்சங்களை வலைத்தளங்களில்  உருவாக்கப் பயன்படுகிறது. மூலம் – commons.wikimedia.org/wiki/File:Logozyrtare.jpg மேலும் வலைத்தளங்களை கணினி, அலைபேசி, Tablet போன்ற பல்வேறு கருவிகளின் வழியாகப் பார்க்கும்போதும், அதன் வடிவமைப்பில் எவ்வித மாற்றமும் ஏற்படாமல்,  வலைத்தளமானது சீராகக் காட்சியளிக்க பின்வரும் நுட்பங்கள் பயன்படுகின்றன. மூலம் – daphyre.deviantart.com/art/HTML5-Logos-and-Badges-380429526   HTML5 – இணையப் பக்கத்தின் அடிப்படைக் கட்டமைப்பைக் கூறுகிறது. CSS 3 – இது நாம் திரையில் பார்ப்பவற்றை அழகாக்குவதுடன் user… Read More »

எளிய தமிழில் HTML – 7 – HTML5

HTML5 என்பது சற்றே வித்தியாசமானது. நமது வலைத்தளத்திற்கு மேலும் அழகு சேர்க்கக் கூடியது. இதன் துணைகொண்டு ஒலி/ஒளி கோப்புகள் மற்றும் 2D/3D படங்கள் ஆகியவற்றை நமது வலைத்தளத்தில் வெளிப்படுத்தலாம். மேலும் தகவல்களை application-ல் சேமிப்பது, அவற்றைப் பயன்படுத்துவது மற்றும் real-time protocols மூலம் சேமித்த தகவல்களைப் பரிமாறிக் கொள்வது போன்ற பல சிறப்பான வேலைகளையும் javascript மற்றும் css ஆகியவற்றின் துணைகொண்டு html5 செய்கிறது. HTML5-ம் ஒரு சாதாரண html program-க்கான syntax-ஐயே பெற்றிருக்கும். இது பின்வருமாறு.… Read More »

எளிய தமிழில் HTML – 5 – Frames

ஒரு் link-ஐ சொடுக்கும்போது, அதன் வெளிப்பாடு ஒரு் புதிய பக்கத்தில் இடம்பெறாமல், அதே பக்கத்தில் இடம்பெறுமாறு செய்ய frames உதவுகிறது. இதன் மூலம் திரையைக் குறைந்தபட்சம் இரண்டு பகுதிகளாகப் பிரித்து, முதல் பகுதியில் links-ம் அடுத்த பகுதியில் அதற்கான வெளிப்பாடும் வருமாறு செய்யலாம். <frameset> tag இது திரையை பல பிரிவுகளாகப் பிரிக்க உதவுகிறது. இதன் cols-எனும் attribute திரையை இடமிருந்து வலமாகவும், rows-எனும் attribute திரையை மேலிருந்து கீழாகவும் பிரிக்க உதவுகிறது. இத்தகைய பண்புகளின் மதிப்புகளை… Read More »