WEB പേജുകൾ നിർമിചിരിക്കുനതു HTML ആൻഡ്‌ CSS എന്ന രണ്ടു ഭാഷകൾ ഉപയോഗിച്ചാണ്‌ അതിൽ HTML നമ്മളിൽ പലരും കേട്ടിടുണ്ടാകും . CSS -cascading style sheet എന്നും അറിയപെടുന്നു . ഈ ഭാഷ ഉപയോഗിച്ചാണ്‌ നമ്മൾ ഉണ്ടാക്കുന്ന HTML structureറിനു ഭംഗി കുട്ടുകയും ചെയുനത് . ഉദാഹരണത്തിന് നമ്മൾ വീടുപണിയുമ്പോൾ ആദ്യം ബ്ലോക്ക്‌ ഉപയോഗിച്ച് വിട് നിർമിക്കുന്നു . അതിനു ശേഷമാണ് നമ്മൾ അതിനു എതു കളർ എവിടെയെല്ലാം വേണമെന്ന് തിരുമാനിക്കുനത് അല്ലെ ????. അതുപോലെ നമ്മളുണ്ടാക്കിയ വെബ്‌ പേജിനെ കുടുതൽ ഭംഗിയുല്ലതക്കാൻ ആണ് നമ്മൾ CSS ഭാഷ ഉപയോഗിക്കുനത്
ഇതുവരെ വായിച്ചതു ഞാൻ പറഞ്ഞ ഉദാഹരണ സഹിതം ഓർമയിൽ വെക്കുക
1.ആദ്യമായി നിങ്ങളുടെ കമ്പ്യൂട്ടർ ടെസ്ക്ടോപിൽ ഒരു പുതിയ ഫോൾഡർ ഉണ്ടാക്കു പേര് "demoweb " എന്ന് കൊടുക്കുക
2.അടുത്തതായി കമ്പ്യൂട്ടർ start ബട്ടണ്‍ ക്ലിക്ക് ചെയ്ദു ലിസ്റ്റിൽ നിന്നും "NOTEPAD " ഓപ്പണ്‍ ചെയുക
3.അതിൽ താഴെ തന്നെക്കുംപോലെ ടൈപ്പ് ചെയുക .
നമുക്കാദ്യം വെബ്‌ പേജിന്റെ ഏറ്റവും അടിസ്ഥാനമായ ഭാഷയായ HTML തുടങ്ങി ആരംഭിക്കാം താഴെ തന്നിരികുനതാണ് നമ്മൾ ഇൻറർനെറ്റിൽ കാണുന്ന എല്ലാ വെബ്‌ പേജിന്റെയും അടിസ്ഥാന html കോഡിംഗ്
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>my first web page</h1>
<p>this is a paragraph</p>
<b>This letter is bold</b>
</body>
</html>
(ഇതിലെ കോടുകളെ ക്കുറിച്ച് നിങ്ങൾ ഇപ്പോൾ ആലോചികണ്ട അത് ഞാൻ അടുത്ത പാടതിൽ പറഞ്ഞുതരാം )
ഇത്രേം ടൈപ്പ് ചെയ്ദതിനു ശേഷം file > save അപ്പൊ സേവ് ചെയാനുള്ള ബോക്സിൽ ഫയലിന്റെ പേര്" index .html" എന്ന് ടൈപ്പ് ചെയ്ട് കൊടുകുക
അതിനുശേഷം നിങ്ങൾ ഉണ്ടാക്കിയ folder ഓപ്പണ്‍ ചെയ്ദു നോക്കുക അപ്പോൾ അതിൽ നിങ്ങൾ യുസ് ചെയുന internet ബ്രൌസർ ഐക്കണ്‍ അതിൽ കാണാൻ സാധിക്കും അതിന്ടെ പേര് നിങ്ങൾ കൊടുതതുതന്നെയിരിക്കും index .html . അതിൽ ഡബിൾ ക്ലിക്ക് ചെയുക അപ്പോൾ ബ്രൌസർ വിൻഡോ ഓപ്പണ്‍ ആകുകയും നിങ്ങളുടെ വെബ്‌ പേജ് അതിൽ കാണുകയും ചയ്യാൻ സാധിക്കും . ഇപ്പോൾ നിങ്ങൾ ഒരു വെബ്‌ പേജ് നിർമിച്ചു കഴിഞ്ഞു .
ഒരു കാര്യം സ്രെധികുക ഓപ്പണ്‍ അയ വിൻഡോയിൽ കാണുന്നതെല്ലാം നിങ്ങൾ <body >........</body > ഇതിന്റെ ഉള്ളിൽ എഴുതിയതാണ് . ഇപ്പൊ മനസിലായില്ലേ ഇവിടെ നമ്മൾ എന്ത് എഴുതിയാലും അതായിരിക്കും ബ്രൌസറിൽ നമ്മുടെ വെബ്‌ പേജിൽ കാണുന്നത് . നിങ്ങൾ ഇപ്പോൾ വായിക്കുനതും കാണുന്നതുമായ എല്ലാം ഈ <body ></body > ടാഗിനുള്ളിൽ എഴുതിയതാണ് .
വെബ്‌ പേജിന്റെ അടിസ്ഥാനമായ ഇത്രയും കാണാതെ വീണ്ടും വീണ്ടും notepadil ടൈപ്പ് ചെയ്തു ഞാൻ പറഞ്ഞതുപോലെ 3, 4 തവണ ചെയ്ദു പഠിക്കുക . ഈ അടിസ്ഥാന വിവരങ്ങൾ പഠിച്ചതിനുശേഷം അടുത്ത ക്ലാസ്സ്‌ മുതൽ എങ്ങിനെ നമ്മൾ ഉണ്ടാക്കിയ വെബ്‌ പേജിനെ കളർ നല്കാനും അതിൽ ചിത്രങ്ങൾ ഉൾപെടുത്താo എന്നും പഠിക്കാം . ഇതിൽ എന്തെങ്ങിലും സംശയമുണ്ടെങ്ങിൽ നിങ്ങൾക്ക് കമന്റ്‌ ചെയ്ദു ചോദിക്കവുനതാണ്
No comments:
Post a Comment