HTML கற்போம் பகுதி - 6

வணக்கம் நண்பர்களே...!! இன்று உங்களை இப் பதிவினூடாக சந்திப்பதில் மிக்க மகிழ்ச்சி. முந்தய பதிவான HTML கற்போம் பகுதி -5 ன்\ தொடர்ச்சியாக இன்று நாம் HTML ஐ பயன்படுத்தி போடோக்கள் (Photos) உள்ளீடு செய்வது என்பது பற்றி.

---

<img src="david.jpg" alt="David" />

david.jpg இவ் எழுத்துகள் காட்டி நிற்பது நீங்கள் உள்ளிடவிருக்கும் போடோவின் இடம். பற்றி..

நீங்கள் கணனியில் ஒரு போட்டோவை எடுக்கப் போகிறீர்கள் என்றால்.

<img src="david.jpg" alt="David" />

இவ்வாறு type செய்து david.jpg இந்த சொல்லுக்குப் பதிலாக உங்கள் கணனியில் நீங்கள் உள்ளிடவிருக்கும் photo வின் அமைவிடத்தை இட வேண்டும்.

அமைவிடத்தை எப்படிக் காண வேண்டும் என்றால்...

Run ற்கு சென்று Browse என்பதை கொடுத்தல் உங்கள் கணனியிலிருக்கும் file கள் அனைத்தும் வரும். அப்போது நீங்கள் உள்ளிட விருக்கும் போட்டோவை click செய்தால் 

குறிப்பிட்ட அந்த இடத்தை copy செய்து  david.jpg என்ற இடத்திற்குப் பதிலாக போடுங்கள்.

இன்னொன்று 

<img src="david.jpg" alt="David" /> 

David என்பதகுப் பதிலாக நீங்கள் விரும்பிய சொல்லை இடலாம்... 

இப்போது coding 

<img src="C:\Users\Parathan\Desktop\download\mullaitivu\2013-05-19 11.38.05.jpg"alt="Parathan" />

இப்போது நீங்கள் உங்கள் கணனியிலிருக்கும் போட்டோவை 

HTML coding ஐ பயன்படுத்தி உள்ளிட தெரிந்திருப்பீர்கள்..

---

அடுத்து இணையத்திலிருக்கும் போட்டோவை HTML coding மூலம் உள்ளிட...

<img src="david.jpg" /> 

 அதேபோலத்தான் david.jpg என்ற சொல்லுக்குப் பதிலாக நீங்கள் உள்ளிடவிருக்கும் போடோவின் URL ஐ இட வேண்டும். 

நீங்கள் உள்ளிடவிருக்கும் போடோவில் Right click செய்து Copy Image URL ஐ click செய்து DAVID.jpg  என்பதற்குப் பதிலாக URL ஐ இட்டால் சரி.

Try பண்ணிப் பாருங்கள்.

---

அடுத்து போட்டோ ஒன்றுக்கு உங்கள் இணையத்தளத்தின் link ஐ கொடுப்பது எப்படி என்பதைப் பாப்போம்.

<a href="http://www.parathan20.blogspot.com">

<img src="logo.png" /></a>

என்னோட link க்குப் பதிலாக நீங்கள் கொடுக்க விரும்பும் link ஐ கொடுங்கள்

logo.png என்பதற்குப் பதிலாக போடோவின் URL ஐ கொடுங்கள்.

அவளவுதான்...

---

சில வேளைகளில் நீங்கள் codingஐ பயன்படுத்தி போட்டோ வை உள்ளீடு செய்த பின் அதன் உயரம் , அகலம் என்பன பெரிதாக இருக்கும். எனவே அதை குறைக்க வேண்டும் தானே....!!! 

குறைப்பதட்க்கு இது தான் coding..

<img src="logo.png" width="141px" height="32px" />

logo.png எனபத்ட்குப் பதில் போடோவின் URL ஐ உள்ளிடுங்கள்...

அடுத்து width என்பது அகலம் , height என்பது உயரம் உங்கள் விரும்பிய அளவுக்கு ஏற்றவாறு மாற்றினால் சரி..

இப்போது உங்களுக்கு ஏதாவது சந்தேகங்கள் இருந்தால் கீழுள்ள comment box ல் கருத்துகளை கூறவும்.

இன்னும் பல தொழிநுட்ப செய்திகள் இருக்கின்றன அனைத்தையும் முன் பக்கத்தில் சென்று பார்வையிடுங்கள்...

நன்றி..

பரதன்.

Read More

PDF file களை JPG, HTML ஆகவும் DOCX to DOC ஆக convert செய்வதற்கு..

வணக்கம் நண்பர்களே..! இன்று பலருக்குமாக உதவக்கூடிய file களை convert செய்யும் முறை பற்றி அறியத்தரப்போகிறேன்.

மென்பொருள்களை கணனியில் நிறுவி செய்வதற்குப் பதில் இவற்றை இணையத்திலே இவற்றை convert பண்ணி கொள்ளுங்கள்.

3 வகையான File conversion பற்றி சொல்ல இருக்கிறேன்

1. PDF to JPG
2. PDF to HTML
3. DOCX to DOC 

1.PDF to JPG

பொதுவாக நாம் எழுத்து, படம் தொடர்பான file களை PDF வடிவில் வைத்திருப்போம். அந்த PDF file களை JPG என்ற image format க்கு மாற்றகூடிய வசதி உள்ளது.

இது முழுக்க முழுக்க free யானது.. 

உங்கள் convert செய்யவேண்டிய file ஐ upload செய்து convert என்ற பட்டனை click செய்யுங்கள்...

https://www.investintech.com/pdftojpg இது தான் அந்த தளம்..

2.PDF to HTML

நீங்கள் ஒரு PDF வடிவில் ஒரு file ஐ வைத்திருக்கிறீர்கள். அதனை இணையத்தில் அப்படியே காட்சிபடுத்த வேண்டுமென்றால் உங்களுக்கு HTML/CSS ல் சிறந்த விளக்கம் ஒன்று வேண்டும். அல்லது PDF file ஐ upload செய்து விட்டு அதை டவுன்லோட் செய்வதற்கான ஒரு லிங்க் கொடுக்க வேண்டும்..

இப்படி எந்தப் பிரச்சனையும் இல்லாமல் PDF file ஐ HTML file ஆக மாற்ற 

https://www.pdf.investintech.com/

இங்கு சென்று file ஐ upload செய்து convert செய்து மீண்டும் டவுன்லோட் செய்து கொள்ளுங்கள்.

3.DOCX to DOC

நீங்கள் MS OFFICE ல் பழைய வேர்சன் பவனயாலராயின் அதனை புதிய OFFICE package க்கு ஏற்றால் போல DOCX file களை doc file format க்கு மாற்ற 

http://www.doc.investintech.com/ என்ற இணையத்திற்கு சென்று 

convert செய்ய வேண்டிய file ஐ click செய்து e-mail address ஐ கொடுக்கவும்.

பின் convert செய்து send என்ற பட்டனை click செய்தால் உங்கள் மின்னஞ்சலுக்கு டவுன்லோட் பண்ணுவதற்கான லிங்க் கிடைக்கும்..

அவளவு தான்..

பதிவு பயனுள்ளதாக இருந்ததா...??

Read More

HTML கற்போம் பகுதி-11

வணக்கம் நண்பர்களே... இறுதியாக நான்கு வருடங்களுக்கு முதல் பகுதி-10 எழுதியிருந்தேன்,.. 2014 ஆம் ஆண்டு HTML 5  வெளிவந்தது. அதை பற்றி தொடர்ந்து எழுதுவதற்கான நேரம் கூடவில்லை.. இப்போது
இத் தொடரை எழுதி முடிக்கலாமென நினைக்கிறன்.. இனி ஒவ்வொரு வாரமும் இத் தொடரை எதிர்பார்க்கலாம்.

பழைய HTML க்கும் HTML 5 க்கும் பெரிதாக வித்தியாசம் ஒன்றும் இல்லை. கோடிங் எழுத ஆரம்பிக்கும் போது பழைய வெர்சனில் <html> என சாதரணமாக ஆரம்பித்திருப்போம் இங்கு <!DOCTYPE html> என தொடங்க போகிறோம்... அவளவே...

மற்றபடி ஒரு சில tag கள் புதிதாக அமைந்திருக்கின்றன. ஒவ்வொன்றாக இனி வரும் தொடரில் பாப்போம்.

---

HTML 5 ல் comment tag என ஒன்று உள்ளது. . ஒரு html coding எழுதுகிறீர்கள் என்றால் அதை ஒருவர் பார்க்கும் போது html திறமை உள்ளவராயின் tag களை வைத்து இனம் பிரிப்பார்.
html தெரியாதவர் என்றால் இந்த code எதற்கு அந்த code எதற்கு என குழம்பி போய் இருப்பார். ஆகவே அந்த பிரச்சனையை இல்லாமல் இருக்க html டிசைன் பண்ணும் ஒருவரால் கீழ்வரும் code ஆனது இந்த டிசைன் காக எழுதியுள்ளேன் என பார்ப்பவர் புரிந்து கொள்ள எழுதப்படுவது.

இது browse பண்ணும் போது வராது..

<!-- Write your comments here -->

Write your comments here என்ற இடத்தில் நீங்கள் எதனையும் எழுதலாம் அது உங்கள் இனைய பக்கத்தில் வராது..

<!-- Do not display this at the moment

<img border="0" src="pic_mountain.jpg" alt="Mountain">

-->

இங்கு நீங்க imag ஒன்றை உள் புகுத்த img tag ல எழுதி இருக்கீங்க ஆனால் comment tag குள் எழுதியதால் அது உங்கள் webpage ல் display ஆகாது...

---

Hello World

Hello World

<h1 style="border: 2px solid Tomato;">Hello World</h1>
<h1 style="border: 2px solid Violet;">Hello World</h1>

இது ஒரு வகை inline css code.
ஒரே வரியில் டிசைன் களை code ஆக்குவதாலேயே இது css வகைக்குள் அடங்குகிறது.  இங்கு நீங்கள் உங்களுக்கு பிடித்த வகையில் மாற்றங்களை செய்யலாம். உதாரணமாக border ன் தடிப்பு மட்டும் நிறங்களை மாற்ற முடியும்.

இங்கு Solid என்று இருப்பது அந்த தடிப்பு எப்படி அமைய வேண்டும் என்பதாகும்.
Solid ஐ dotted என மாற்றினால் கீழுள்ளவாறு தோன்றும்...

Hello World

இப்போது புரிகிறதா...???

---

இன்றைய பதிவுவை இத்துடன் முடித்து கொள்கிறேன்... தொடர்ந்து இணைந்திருங்கள் இன்னும் பல பதிவுகள் காத்திருகின்றன...

Read More

“Unfortunately Android keyboard has stopped” or “Samsung keyboard stopped” ஐ தீர்க்க இலகு வழி

வணக்கம் நண்பர்களே... இன்றைய பதிவில் உங்கள் smart phone ல் “Unfortunately Android keyboard has stopped” or “Samsung keyboard stopped” என்ற பிரச்சனை வந்தால் என்ன செய்வது என்று பாப்போம்..

சில third party app உங்கள் போனில் install செய்யப்பட்டிருந்தால் இப்படி ஆக இடமுண்டு. இதனால் உங்கள் Keyboard வேலை செய்யாது.

இதை தீர்ப்பதற்கு...

phone Settings ->App -> select the Android keyboard and clear the cache.

பின் Uninstall Update ஐ கிளிக் செய்து கொள்ளவும்.

அப்படி சரி ஆகவில்லை எனின் கீழ்க்கண்டவாறு செய்யவும்

உங்கள் போனை Safe Mood ல் Boot செய்து கொள்வதன் மூலம் third party app களின் செயலை தடுக்க முடியும்.

அப்படி உங்கள் பிரச்சனை சரியான பின் Normal Mode ஆக்கிகொளவும்.

அப்படியும் சரியாகலையா...??

 “Google Play Service” app ஐ update செய்து கொள்ளவும். மேலும் அண்மையாக தரவிறக்கிய app கள் சிலவற்றை Uninstall செய்து கொள்ளவும்..

நன்றி

பரதன்

Read More

Android ல் "INSUFFICIENT STORAGE AVAILABLE" ஐ எப்படி சரி செய்யலாம்..??

வணக்கம் நண்பர்களே.. ஆண்ட்ராய்டு போனில் நீங்கள் ஒரு app ஐ தரவிறக்கும் போது INSUFFICIENT STORAGE AVAILABLE என சில வேளைகளில் வரும்.  உங்கள் SD Card memory empty ஆக இருந்தாலும் கூட அப்படி வரும். அதனால் நீங்கள் என்ன செய்வதென தெரியாமல் இருப்பீர்கள்.

அதற்கான சிறு வழி முறைகளை நான் இன்று உங்களுடன் பகிர உள்ளேன்.
பல பேருக்கு இது தெரிந்தாலும் தெரியாத சிலர் அறிந்து கொள்வதே எனது நோக்கம்.

உண்மையாகவே, உங்கள் போனில் அதிக மெமரி இருந்தாலும் அப்படி வருவதட்க்குக் காரணம் phone internal memory ல் சில data களை பதிவு செய்த பின்னரே நீங்கள் தரவிறக்கும் app உங்கள் phone memory அல்லது SD Card memory ல் பதிவாகும்.

எனவே phone internal memory ஐ clean செய்வதற்க்கு Setting ற்கு சென்று அதில் application என்ற option ஐ தெரிவு செய்து பெரும்பாலும் நீங்கள் பாவித்த app ஐ ஓபன் செய்து Clear Data என்ற button ஐ அழுத்தி  clean செய்துகொள்ளுங்கள்.

மேலும், சில app களை உங்கள் SD Card memory க்கு move செய்வதன் மூலமும் உங்கள் phone internal memory ஐ அதிகப்படுத்திக்கொள்ளலாம்.

இந்தப் பதிவு பிடித்திருந்தால் உங்கள் நண்பர்களுடன் Share செய்து கொள்ளுங்க....

நன்றி...
பரதன்

Read More