Posts

Showing posts from August, 2025

Publish and maintenance

-
படி 8: வெளியீடு மற்றும் பராமரிப்பு படி 8: வெளியீடு மற்றும் பராமரிப்பு உங்கள் வெப்சைட்டை இணையத்தில் வெளியிட்டு, தொடர்ந்து புதுப்பித்து பராமரிக்க வேண்டும் Publish செய்வது எப்படி? Domain name வாங்கிய பின், Hosting பிளானில் உங்கள் கோப்புகளை upload செய்யுங்கள் FTP அல்லது File Manager மூலம் HTML/PHP கோப்புகளை upload செய்யலாம் Database-ஐ சேர்க்க வேண்டும் என்றால் phpMyAdmin மூலம் import செய்யவும் பராமரிப்பு (Maintenance): Content புதுப்பித்தல் (blogs, images, links) Security check (plugins, SSL, spam control) Backup – உங்கள் site-ஐ தவிர்க்கமுடியாத data loss க்கு எதிராக பாதுகாக்க Loading speed, mobile view ஆகியவற்றை தொடர்ந்து பரிசோதிக்கவும் இவைகளை செயல்படுத்துவதன் மூலம் உங்கள் வெப்சைட் நம்பிக்கையுடன் இயங்கும். © 2025 sakthibalaweb
Post a Comment
Read more

Testing & Debugging

-
படி 7: Testing & Debugging படி 7: Testing & Debugging வெப்சைட்டை வெளியீட்டிற்கு முன் பரிசோதித்து பிழைகளை சரி செய்யும் கட்டம் Testing என்றால் என்ன? Testing என்பது உங்கள் வெப்சைட் அனைத்து சாதனங்களில், browser-களில் சரியாக செயல்படுகிறதா என்பதை பரிசோதிப்பது. Debugging என்றால் என்ன? Debugging என்பது உங்கள் code-ல் உள்ள பிழைகளை கண்டறிந்து சரிசெய்வது. Browser Console Debugging (JS): <script> function showName(name) { console.log("Name is: " + name); // browser console-ல் பரிசோதிக்கலாம் } showName("Sakthi"); </script> Testing Checklist: Responsive Test – Mobile, Tablet, Desktop Cross-Browser Test – Chrome, Firefox, Safari, Edge Page Load Speed – GTmetrix, PageSpeed Insights Form Validation & Submission Broken Links Check Useful Tools: W3C HTML Validator Google PageSpeed Insights Browse...
Post a Comment
Read more

Website Development in Tamil

-
படி 6: Website Development படி 6: Website Development Frontend, Backend மற்றும் Database களை ஒருங்கிணைத்து ஒரு முழுமையான வெப்சைட் உருவாக்குதல் 1. Frontend Development பயனர்கள் நேரடியாக பார்க்கும் பகுதி. இதில் HTML, CSS, JavaScript பயன்படுகிறது. <!DOCTYPE html> <html> <head> <title>வணக்கம்</title> <style> body { background-color: #f0f0f0; text-align: center; } </style> </head> <body> <h1>என் வெப்சைட்</h1> <button onclick="greet()">வணக்கம் சொல்லு</button> <script> function greet() { alert("வணக்கம் நண்பரே!"); } </script> </body> </html> 2. Backend Development Data நிர்வாகம், user login, form submission போன்றவை backend-ல் நடை பெறும். PHP, Node.js, Python போன்றவை பயன்படும். // PHP - save_form.php <?php $name = $_POST['name']; file_put_contents("data.txt...
Post a Comment
Read more

Content development in Tamil

-
படி 5: உள்ளடக்கம் (Content) தயாரித்தல் படி 5: உள்ளடக்கம் (Content) தயாரித்தல் வெப்சைட்டில் தரமான தகவல்களைக் கொடுத்து பயனருக்கும், தேடல் இயந்திரங்களுக்கும் பிரயோஜனமாக்கல் உள்ளடக்கம் என்பது என்ன? உங்கள் வெப்சைட்டில் பார்ப்பவர்களுக்கு நீங்கள் கொடுக்க விரும்பும் தகவல், படங்கள், வீடியோக்கள், கட்டுரைகள் மற்றும் ஒலி போன்ற அனைத்தும் உள்ளடக்கம் ஆகும். நல்ல உள்ளடக்கத்திற்கான அம்சங்கள்: தெளிவான தலைப்புகள் பயனருக்கு பயன்படும் தகவல்கள் குறுக்கீடு இல்லாமல் வாசிக்க எளிதாக இருப்பது SEO-க்கு ஏற்ற முக்கியமான English keywords பயன்படுத்தல் உதாரணமாக ஒரு Content Section Layout (HTML): <section> <h2>எங்களை பற்றி</h2> <p>எங்கள் நிறுவனம் தரமான சேவைகளை 2015 முதல் வழங்கி வருகிறது. உலகளாவிய வாடிக்கையாளர்களுடன் நாங்கள் பணியாற்றுகிறோம்.</p> <img src="about-us.jpg" alt="எங்களை பற்றி படம்" style="width:100%; border-radius:8px;"> </sectio...
Post a Comment
Read more

Layout and UI/UX Designing

-
படி 4: Layout மற்றும் UI/UX Design படி 4: Layout மற்றும் UI/UX Design பயனருக்கு அனுபவமளிக்கும் அழகான மற்றும் செயல்பாடான வடிவமைப்பு Layout என்றால் என்ன? Layout என்பது உங்கள் வெப்சைட்டில் உள்ள பகுதிகள் எவ்வாறு ஒழுங்கமைக்கப்படுகின்றன என்பதை குறிக்கிறது. உதா: Header, Navigation, Content, Sidebar, Footer போன்றவை. UI & UX என்ன? UI (User Interface): பயனர் பார்ப்பது — படங்கள், பொத்தான்கள், நிறங்கள், Font UX (User Experience): பயனரின் அனுபவம் — எளிமை, வேகம், structure Responsive Layout மாதிரி Code: கீழே ஒரு எளிய layout structure HTML + CSS மூலம் காணப்படுகிறது: <!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; margin: 0; } header, footer { background: #003366; color: white; padding: 20px; text-align: center; } nav { background: #eee; padding: 10px; text-align: center; } main { padding: 20px; } @media (max-width: 600px) { ...
Post a Comment
Read more

Platform selection

-
படி 3: Platform தேர்வு (Coding உடன்) படி 3: Platform தேர்வு (Coding உடன்) Code மூலம் வெப்சைட் உருவாக்குவதற்கான ஆரம்ப அறிமுகம் Platform என்றால் என்ன? வெப்சைட் உருவாக்க platform என்பது, அந்த வெப்சைட்டின் கட்டமைப்பை உருவாக்கும் வழிமுறை. இதில் Code-based மற்றும் No-code என இரண்டு முக்கிய வகைகள் உள்ளன. Code-based Platform (முழு கட்டுப்பாடு) HTML, CSS, JavaScript மற்றும் Backend கொண்டு முழுமையான வெப்சைட் கட்டமைக்கலாம். இதில் உங்கள் கட்டுப்பாடு அதிகமாக இருக்கும். எளிய உதாரணம்: HTML + CSS + JavaScript கொண்டு ஒரு வெப்சைட் பக்கம்: <!DOCTYPE html> <html> <head> <title>Welcome</title> <style> body { background-color: #f0f0f0; font-family: sans-serif; text-align: center; } h1 { color: darkblue; } </style> </head> <body> <h1>என் முதல் வெப்சைட் பக்கம்</h1> <p id="greet"></p> <script> document.getElemen...
Post a Comment
Read more

Domain & Hosting Guide

-
படி 2: Domain name மற்றும் Hosting சேவை படி 2: Domain name மற்றும் Hosting சேவை வெப்சைட் அடித்தளத்திற்கான முக்கிய கட்டங்கள் Domain name என்றால் என்ன? Domain name என்பது உங்கள் வெப்சைட்டின் முகவரி (உதா: example.com ). பயனர்கள் உங்களை இணையத்தில் காணும் வழி இதுதான். இது யுனிக் (தனித்தன்மை வாய்ந்த) ஆக இருக்க வேண்டும். சிறந்த domain name தேர்வு செய்ய: சிறியதாகவும் நினைவில் நிற்கக்கூடியதாகவும் இருக்கட்டும் .com, .in, .org போன்ற suffix-ஐ உங்கள் நோக்கத்திற்கு ஏற்ப தேர்வு செய்யவும் Keyword-ஐ domain name-ல் சேர்த்தால் SEO-க்கு நல்லது Hosting என்றால் என்ன? Hosting என்பது உங்கள் வெப்சைட்டின் கோப்புகள் மற்றும் தரவுகளை சேமித்து, இணையத்தில் வெளியிடும் சேவை. Hosting இல்லாமல் domain name மட்டுமே வைத்தால், வெப்சைட் செயல்படாது. Hosting சேவைகள் வகைகள்: Shared Hosting – சிறிய வெப்சைட்களுக்கு VPS Hosting – அதிகப்படியான கையாளுதலுக்கு Dedicated Hosting – பெரிய நிறுவனங்களுக்கு...
Post a Comment
Read more

Website goal planning

-
படி 1: உங்கள் நோக்கத்தைத் தீர்மானிக்கவும் படி 1: உங்கள் நோக்கத்தைத் தீர்மானிக்கவும் வெப்சைட் உருவாக்கத்தில் தொடக்கப் பரிமாணம் நோக்கம் ஏன் முக்கியம்? வெப்சைட் உருவாக்கும் முன், அதன் நோக்கம் மற்றும் பயனர்கள் யார் என்பதை தெளிவுபடுத்துவது மிகவும் அவசியம். இது உங்கள் அனைத்து வடிவமைப்புகளையும், உள்ளடக்கத்தையும், SEO முறையையும் பாதிக்கிறது. பொதுவான நோக்க வகைகள்: வணிக வெப்சைட் – உங்களது பிசினஸ்/சேவையை விளம்பரப்படுத்த தனிப்பட்ட வெப்சைட் – CV, Portfolio அல்லது கலைஞர் பக்கம் பகிர்வு ப்ளாட்பாரம் – செய்திகள், வலைப்பதிவுகள், ஆராய்ச்சிகள் கல்வி மற்றும் பயிற்சி – கற்றல், பாடங்களுக்கான தளங்கள் எப்படி திட்டமிடுவது? நீங்கள் தேர்ந்தெடுத்த நோக்கத்தின் அடிப்படையில், பின்வரும் கேள்விகளுக்குப் பதில் கூறி ஒரு சுருக்கமான திட்டத்தை உருவாக்கவும்: இந்த வெப்சைட்டை யார் பார்ப்பார்கள்? அவர்கள் என்ன எதிர்பார்ப்பார்கள்? நான் எந்த தகவல்களை கொடுக்கவேண்டும்? இது இலவசமா அல்லது வ...
Post a Comment
Read more

Great your website in Tamil

-
வெப்சைட் உருவாக்கம் - 8 படிநிலைகள் வெப்சைட் உருவாக்கும் 8 முக்கிய படிநிலைகள் தமிழில் இணையதள உருவாக்க வழிகாட்டி 1. உங்கள் நோக்கத்தைத் தீர்மானிக்கவும் வணிகம், தனிப்பட்ட பயன்பாடு, கல்வி, தகவல் பகிர்வு உள்ளிட்ட எந்த நோக்கத்திற்காக வெப்சைட் வேண்டும் என்பதை முதலில் தீர்மானிக்கவும். 2. Domain name மற்றும் Hosting சேவை உங்கள் வெப்சைட்டிற்கான domain name (உதா: yourname.com) ஒன்றை பதிவு செய்யவும். அதற்கான hosting சேவையை தேர்வு செய்யவும். 3. Platform தேர்வு HTML, CSS, JavaScript மற்றும் backend tech (PHP, Python, Node.js) பயன்படுத்தி custom website உருவாக்கலாம். 4. Layout மற்றும் UI/UX வடிவமைப்பு Responsive மற்றும் mobile-friendly layout-ஐ Figma, Canva போன்ற டூல்கள் மூலம் வடிவமைக்கலாம். 5. உள்ளடக்கம் (Content) தயாரித்தல் உங்கள் வெப்சைட் நோக்கத்திற்கேற்ப உரை, படம், வீடியோ போன்றவற்றை தயாரித்து SEO keywords உடன் உள்ளடக்க பக்கங்களை உருவாக்கவும். 6. Website Development ...
Post a Comment
Read more