304

ð£ì 5õ¬ô õ®õ£è - æ ÜPºè

(Introduction To Web Design)

5.1 ÜPºè

(Introduction)

õ¬ô õ®õ£è

(Web Design)

ñÁ ªý¯ââ

(HTML-Hyper Text Markup Language)

ÝAòõ¬ø èÁªè£÷ «õ´ªñQ, ºîL àè èEªð£P, Þ¬íò¶ì¡ âõ£Á áì£´Aø¶

(Intracts)

â¡ð¬î ¹K¶ªè£÷ «õ´. Þ¬íò â¡ð¶õ¬ôò¬ñ¹èO¡ õ¬ôò¬ñð£°. ¬ñò è´ð£´ â¶¾A¬ìò£¶. õ¬ôò¬ñH à÷ Ü¬ù¶ èµèÀ

(nodes)

å¡Áªè£¡Á Gèó£ù¬õ. åªõ£¼ èµ¾ ªêFè¬÷ à¼õ£è¾ ÜÂð¾ ªðø¾ ÜFè£ó ªðø¬õ. õ¬ôò¬ñHâ° èEªð£Pè G¬ø¶÷ù. ¬õò MK õ¬ôJ

(WorldWide Web-WWW)

â° Ýõíè G¬øF¼ð¬î è£íô£.¬õò MK õ¬ô â¡ð«î ÝõíèO¡ ªî£°¹ Ý°. ¬õòMK õ¬ô ªð¼ð£½ õ¬ô

(Web)

â¡«ø ²¼èñ£è Ü¬öèð´Aø¶. Þ¬íòF

(Net)

Þ¬í¹è

(Connection)

â¡ð¶ èEªð£PèÀ° Þ¬ìJô£ù õìè¬÷

(Cables)

°PA¡ø¶. Ýù£,¬õò 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¾¬ó

305

°PJ´ ªñ£N

(Hyper Text Markup Language-HTML)

â¡Â ªñ£N¬òðò¡ð´F à¼õ£èð´A¡øù. e¾¬ó Ýõíè¬÷ ðKñ£Pªè£÷, Þ¬íò£ñ£ù¶, e¾¬ó ðKñ£ø ªïPº¬ø

(Hyper TextTransfer 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½ Þìªðø«õ®ò å´è:

306

ªý¯ââ å´è â«ð£¶ «è£í Ü¬ì¹ °PèÀ° Ü¬ñèð´A¡øù. åªõ£¼ ªî£ìè å´ å¼ º®¹å¬ì ªè£®¼°. «ñèì â´¶è£®

<html>

â¡ð¶ªî£ìè å´.

</html>

â¡ð¶ º®¹ å´. Þì¶ «è£í Ü¬ì¹°P° Ü´¶ å¼ º¡ê£¾«è£´ Þìªðø «õ´.Üîè´¶ ªî£ì¹¬ìò å®¡ ªðò Þìªðø «õ´.å´ ªðòè â¿¶ õ®õ àí¾ Üø¬õ. Üî£õ¶, CPòâ¿F, ªðKò â¿F, âð®» Þ¼èô£. Þî ËLCPò â¿¶è«÷ ðò¡ð´îð´÷ù.ªî£ìè, º®¹ å´èÀA¬ì«ò ÞìªðÁ à¬ó, àÁH¡ à÷ìè Ý°. Þî¬ù å´è º¬øð® ¬èò£÷«õ´.ñ£FK ªý¯ââ àÁ¹ å¡¬ø è£è:

<body>This is my first HTML document</body>

ªý¯ââ àÁð£ù ªî£ìè å´

<body>

â¡ðFªî£ìA, º®¹ å´

</body>

â¡ðF º®Aø¶. º¿ õ¬ôÝõíº ÞM¼ å´èÀ° ÜìAM´A¡ø¶.à¬ñJ å¼ õ¬ô ÝõíF Þó´ ð°Fè à÷ù:

î¬ô¹ ð°F

àìð°Fî¬ô¹ ð°F,

â¡Â æ Þ¬í î¬ôå´è÷£ Ü¬ìò£÷ è£íð´Aø¶. àìð°F,

â¡Â æ Þ¬í àì å´è÷£ Ü¬ìò£÷ è£íð´Aø¶.å¼ ªý¯ââ «è£H âî ÞìF «õ´ñ£ù£½M÷è¾¬ó Þìªðøô£.

<!--comment>

â¡ø å´ Íô M÷è