03-14-2005, 03:20 PM
இது ஒரு முயற்சி. HTML தொடர் ஒன்று எழுதுவோம் என்று ஒரு விசப்பரீட்சை . ஏன் விசப்பரீட்சை என்றால் நான் இப்பகுதியில் கற்றுக்கொண்டது எல்லாம் அனுபவம் தான். ஒரு பொழுதுபோக்காக கற்றுக்கொண்டதுதான். எனவே முழுமையிருக்காது. நான் முன்னர் 50 -100 ரூபாக்கு என்று நினைக்கிறேன் "HTML கற்றுக்கொள்வது எப்படி?" என்று புத்தகம் வாங்கி படித்துவிட்டு ஆகா HTML படித்துவிட்டேன் என திருப்திப்பட்டேன். ஆனால் பின்னர் ஓரு வருடத்துக்கு பின்னர்தான் இன்னும் பலவிடயங்கள் இருக்கின்றன என்பதை தெரிந்துகொண்டேன்.
இணையத்தள வடிவமைப்பை பொறுத்தளவில் HTML அடிப்படையானது. பின்னர் கொஞ்சம் CSS கொஞ்சம் Javascript அறிந்து கொண்டால் தற்போது வலைத்தளம் வைத்திருப்பவர்கள் பல வடிவமைப்பை தங்களுக்கு ஏற்றவிதத்தில் ஏற்படுத்திக்கொள்ளலாம். எனவே முதலில் HTML தொடரை தொடர்கிறேன். இங்கு நான் HTML தொடரை முழுமையாக கற்றவனல்லன் என்பதையும் திருத்தங்கள் வரவேற்கப்படுகின்றன என்பதையும்கவனத்தில் கொள்க.
முதலில் இணையத்தள வடிவமைப்புக்கு ஓரு பக்கத்தை வடிவமைப்பதை சம்பிராதயபூர்வமாக சொல்லவேண்டும் என்பதற்காக அதனை சொல்கிறேன். மற்றைய விடயங்களை ஒவ்வொரு தலைப்புகளாகவே தொடரும்.
001. முதல்பக்கம் வடிவமைத்தல்
<html>
<head>
<title>தமிழ்வாணனின் பக்கம்</title>
</head>
<body>
வணக்கம் இது HTML தொடர் - 01.
</body>
</html>
Notepad இல் பின்வரும் மீயுரையை பதிவுசெய்து அதனை உதாரணத்துக்கு myfirstpage.html என சேமித்துக்கொள்ளுங்கள். சேமித்துக்கொள்ளும்போது File Name என்ற பகுதியில் myfirstpage.html எனவும் Encoding எனும் இடத்தில் UTF-8 என்பதையும் தெரிவுசெய்துவிட்டபின்னர் Save ஐ அழுத்தவும்.
இங்கு மீயுரை இரண்டு முக்கியபகுதிகளை கொண்டுள்ளதை கவனிக்கலாம். ஒன்று body பகுதி மற்றயது head பகுதி ஆகும்.
<title>, </title> இவ்விரண்டுக்கும் இடையில் எழுதப்படும் பகுதி பிறவுசர் மேற்பகுதியில் தோன்றும். <body>, </body> இவ்விரண்டுக்கும் இடையில் எழுதப்படும் பகுதியே இடைமுகத்தில் தோன்றும்.
இப்போது சேமிக்கப்பட்ட கோப்பின் மீது இரட்டைகிளிக் செய்வதன் மூலம் இன்ரனெற் எக்ஸ்புளோறறில் உங்களுடைய முதல்பக்கத்தை பார்க்கலாம்.
இணையத்தள வடிவமைப்பை பொறுத்தளவில் HTML அடிப்படையானது. பின்னர் கொஞ்சம் CSS கொஞ்சம் Javascript அறிந்து கொண்டால் தற்போது வலைத்தளம் வைத்திருப்பவர்கள் பல வடிவமைப்பை தங்களுக்கு ஏற்றவிதத்தில் ஏற்படுத்திக்கொள்ளலாம். எனவே முதலில் HTML தொடரை தொடர்கிறேன். இங்கு நான் HTML தொடரை முழுமையாக கற்றவனல்லன் என்பதையும் திருத்தங்கள் வரவேற்கப்படுகின்றன என்பதையும்கவனத்தில் கொள்க.
முதலில் இணையத்தள வடிவமைப்புக்கு ஓரு பக்கத்தை வடிவமைப்பதை சம்பிராதயபூர்வமாக சொல்லவேண்டும் என்பதற்காக அதனை சொல்கிறேன். மற்றைய விடயங்களை ஒவ்வொரு தலைப்புகளாகவே தொடரும்.
001. முதல்பக்கம் வடிவமைத்தல்
<html>
<head>
<title>தமிழ்வாணனின் பக்கம்</title>
</head>
<body>
வணக்கம் இது HTML தொடர் - 01.
</body>
</html>
Notepad இல் பின்வரும் மீயுரையை பதிவுசெய்து அதனை உதாரணத்துக்கு myfirstpage.html என சேமித்துக்கொள்ளுங்கள். சேமித்துக்கொள்ளும்போது File Name என்ற பகுதியில் myfirstpage.html எனவும் Encoding எனும் இடத்தில் UTF-8 என்பதையும் தெரிவுசெய்துவிட்டபின்னர் Save ஐ அழுத்தவும்.
இங்கு மீயுரை இரண்டு முக்கியபகுதிகளை கொண்டுள்ளதை கவனிக்கலாம். ஒன்று body பகுதி மற்றயது head பகுதி ஆகும்.
<title>, </title> இவ்விரண்டுக்கும் இடையில் எழுதப்படும் பகுதி பிறவுசர் மேற்பகுதியில் தோன்றும். <body>, </body> இவ்விரண்டுக்கும் இடையில் எழுதப்படும் பகுதியே இடைமுகத்தில் தோன்றும்.
இப்போது சேமிக்கப்பட்ட கோப்பின் மீது இரட்டைகிளிக் செய்வதன் மூலம் இன்ரனெற் எக்ஸ்புளோறறில் உங்களுடைய முதல்பக்கத்தை பார்க்கலாம்.
--><img src='http://www.yarl.com/forum/style_emoticons/default/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'><!--endemo-->
--><img src='http://www.yarl.com/forum/style_emoticons/default/smile.gif' border='0' valign='absmiddle' alt='smile.gif'><!--endemo-->