Tamil Computer Book - Web Design
March 12, 2017 | Author: Sakthivel | Category: N/A
Short Description
Tamil Computer Book - Web Design...
Description
ð£ì 5 õ¬ô õ®õ£è - æ ÜPºè (Introduction To Web Design) 5.1 ÜPºè (Introduction) õ¬ô õ®õ£è (Web Design) ñÁ Hyper Text Markup Language) ÝAòõ¬ø
ªý¯ââ (HTMLèÁªè£÷ «õ´ ªñQ, ºîL àè èEªð£P, Þ¬íò¶ì¡ âõ£Á á죴 Aø¶ (Intracts) â¡ð¬î ¹K¶ªè£÷ «õ´. Þ¬íò â¡ð¶ õ¬ôò¬ñ¹èO¡ õ¬ôò¬ñð£°. ¬ñò è´ð£´ ⶾ A¬ìò£¶. õ¬ôò¬ñH à÷ ܬù¶ èµèÀ (nodes) å¡Áªè£¡Á Gèó£ù¬õ. åªõ£¼ èµ¾ ªêFè¬÷ à¼õ£è ¾ ÜÂð¾ ªðø¾ ÜFè£ó ªðø¬õ. õ¬ôò¬ñH â° èEªð£Pè G¬ø¶÷ù. ¬õò MK õ¬ôJ (World Wide Web-WWW) â° Ýõíè G¬øF¼ð¬î è£íô£. ¬õò MK õ¬ô â¡ð«î ÝõíèO¡ ªî£°¹ Ý°. ¬õò MK õ¬ô ªð¼ð£½ õ¬ô (Web) â¡«ø ²¼èñ£è ܬöèð´ Aø¶. Þ¬íòF (Net) Þ¬í¹è (Connection) â¡ð¶ èE ªð£PèÀ° Þ¬ìJô£ù õìè¬÷ (Cables) °PA¡ø¶. Ýù£, ¬õò MK õ¬ôJ e¾¬ó ªî£´¹è«÷ (Hyper Iinks) Þ¬í¹ è÷£°. Þ¬íòF èEªð£PèÀ° Þ¬ì«ò îèõ ðKñ£ø ªê» Góè«÷ Þ¡¬øò õ¬ô¬ò (Web) ê£Fòñ£A»÷ù. Þ¬íòI¡P Þ¡¬øò õ¬ô A¬ìò£¶. õ¬ôò£ù¶ Þ¬íò¬î ðòÂ÷î£A»÷¶. è£óí, ñè îèõè¬÷ ªðÁõF 裴 Ýõ«ñ Ý°. e¾¬ó Ýõí (Hypertext Document) Høî¶ 1991, ü¨¡ 12Þ. Þ¬íòF ðA¶ ªè£÷ð´ e¾¬ó Ýõíè õ¬ô ðèè (Web Pages) â¡Á ܬöèð´A¡øù. õ¬ô ðèè â¡ð¬õ, õ¬ô «ê¬õòèè (Web Servers) âùð´ èEªð£PèO «êI¶ ¬õè𴠫裹è÷£°. õ¬ô «ê¬õòèèOL¼¶ õ¬ô ðèè¬÷ «õ® ªðÁA¡ø èEªð£Pè õ¬ô ¸èMè (Web Clients) âùð´A¡øù. õ¬ô ¸èMè, õ¬ô àô£M (Web Browser) â¡Â GóL¡ àîM»ì¡, õ¬ô ðèè¬÷ ð£¬õJ´A¡øù. õ¬ôðèè, e¾¬ó 304
°PJ´ ªñ£N (Hyper Text Markup Language-HTML) â¡Â ªñ£N¬ò ðò¡ð´F à¼õ£èð´A¡øù. e¾¬ó Ýõíè¬÷ ðKñ£P ªè£÷, Þ¬íò£ñ£ù¶, e¾¬ó ðKñ£ø ªïPº¬ø (Hyper Text Transfer Protocol-HTTP) â¡Â îèõ ªî£ì¹ ªïPº¬ø¬ò ðò¡ ð´F ªè£Aø¶. å¼ ªêò𣴠âõ£Á G¬ø«õøð´ â¡ðî° õN裴 MFº¬ø«ò ªïPº¬ø (Protocol) âùð´ Aø¶. Þ¡Â ¶Lòñ£è ªê£õªîQ, ªêFèO¡ õ®õ¬ñ¹ è (Message Formats), ܪêFè¬÷ Þó´ èEªð£Pè îñ A¬ì«ò ðKñ£P ªè£÷ H¡ðø «õ®ò MFº¬øè ÝAò õP¡ º¬øò£ù MõK«ð ªïPº¬ø (Protocol) Ý°. e¾¬ó ÝõíèO¡ (õ¬ô ðèè) ܬñMì ºèõK, å¼Yó£ù õ÷ Þì裮 (Uniform Resource Locator - URL) â¡Á ÜPò ð´Aø¶. õ¬ôðè â¡ð¶ ªð¼ð£½ à¬ó, õ¬óè¬ô, ðÖìè, Hø ðèèÀè£ù ªî£´¹è ÝAòõ¬ø à÷ì Aò. ªý¯ââ ñÁ ªý¯¯d ÝAòõP¡ îó𣴠è¬÷, ¬õò MK õ¬ô «ðó¬ñ¹ (WWW Consortium) õ¬óòÁAø¶. îèõ¬ô à¼õ£è¾, Üî¬ù Þ¬íòF ð£¬õJì¾, ðóõ ô£è ãÁ ªè£÷ðì õ®õ¬ñð£è ªý¯ââ M÷°Aø¶. Þ¬íòF¡ îèõ¬ô ð£¬õJì Iè ªð£¶õ£è ðò¡ð´î ð´ àô£Mè (Browsers) ¬ñ«ó£ê£ç®¡ Þ¡ìªï âv ¹«÷£ó ñÁ ªïv«è «ïM«èì ÝAò Þó´ñ£°.
5.2 e¾¬ó °PJ´ ªñ£NJ¡ àÁ¹è (Elements of Hyper Text Markup Language) å¼ e¾¬ó Ýõí¬î, âõ£Á õ®õ¬ñ¶ F¬óJ è£ì «õ´ â¡ð¬î õ¬ô àô£M° àí¶ å´è¬÷ (Tags) à÷ìAò«î e¾¬ó °PJ´ ªñ£Nò£°. ªý¯ââ ªñ£N¬ò ðò¡ð´F õ¬ôðèè à¼õ£èð´A¡øù. «ï£«ð´ «ð£¡ø æ âO¬ñò£ù à¬ó ªî£°H (Text Editor) Üô¶ Hó¡«ðx «ð£¡ø å¼ õ¬ôðè ªî£°H¬ò ðò¡ ð´F õ¬ôðèè¬÷ à¼õ£è º®». ªý¯ââ å´ è¬÷ ðò¡ð´F ªý¯ââ àÁ¹è õ¬óòÁèð´A¡øù. ⴶ裴:
å¼ õ¬ôðèF¡ ªî£ìèF½ º®M½ Þìªðø «õ®ò å´è: 305
............. .............
ªý¯ââ å´è â«ð£¶ «è£í Ü¬ì¹ °PèÀ ° ܬñèð´A¡øù. åªõ£¼ ªî£ìè å´ å¼ º®¹ å¬ì ªè£®¼°. «ñèì ⴶ裮 â¡ð¶ ªî£ìè å´. â¡ð¶ º®¹ å´. Þì¶ «è£í Ü¬ì¹ °P° Ü´¶ å¼ º¡ê£¾«è£´ Þìªðø «õ´. Üîè´¶ ªî£ì¹¬ìò 审 ªðò Þìªðø «õ´. å´ ªðòè ⿶ õ®õ àí¾ Üø¬õ. Üî£õ¶, CPò â¿F, ªðKò â¿F, âð®» Þ¼èô£. Þî ËL CPò ⿶è«÷ ðò¡ð´îð´÷ù. ªî£ìè, º®¹ å´èÀA¬ì«ò ÞìªðÁ à¬ó, àÁ H¡ à÷ìè Ý°. Þî¬ù å´è º¬øð® ¬èò£÷ «õ´. ñ£FK ªý¯ââ àÁ¹ 塬ø è£è: This is my first HTML document
ªý¯ââ àÁð£ù ªî£ìè å´ < b o d y > â¡ðF ªî£ìA, º®¹ å´ â¡ðF º®Aø¶. º¿ õ¬ô Ýõíº ÞM¼ å´èÀ° ÜìAM´A¡ø¶. à¬ñJ å¼ õ¬ô ÝõíF Þó´ ð°Fè à÷ù: ®
î¬ô¹ ð°F
®
àìð°F
î¬ô¹ ð°F, , â¡Â æ Þ¬í î¬ô å´è÷£ ܬìò£÷ è£íð´Aø¶. àìð°F, , â¡Â æ Þ¬í àì å´è÷£ ܬìò£÷ è£íð´Aø¶. å¼ ªý¯ââ «è£H âî ÞìF «õ´ñ£ù£½ M÷辬ó Þìªðøô£.
View more...
Comments
