Bucklet

3. ñ³ýÇÏ³Ý Web- ¿çáõÙ

3.2 ÜÏ³ñ-ù³ñï½

²ÛÅÙ ¹Çï³ñÏÝù ÙÇ ³ÛëåÇëÇ ûñÇÝ³Ïª ÝÃ³¹ñÝù ÙÝù áõ½áõÙ Ýù ëïÕÍÉ ë³Ûï, áñáõÙ ÏÝÏ³ñ³ñíÇ AMD K6-2 ÏáÙåÛáõïñÁ, ³ñ¹Ý å³ïñ³ëïí³Í Ý ý³ÛÉñ ³Û¹ ÏáÙåÛáõïñÇ ÙáÝÇïáñÇ, Ñ³Ù³Ï³ñã³ÛÇÝ ÉáÏÇ ¨ ëÏ³í³é³Ï³ï³ñª monitor.html, computer.html, disk.html (ûñÇÝ³ÏáõÙ ÙÝù ÏëïÕÍÝù ³Û¹ ý³ÛÉñÁ, ë³ÛïÁ ëïáõÉáõ Ñ³Ù³ñ, ³Ûó ý³ÛÉñÁ ¹³ï³ñÏ Ý, Ýñ³Ýù å³ñáõÝ³ÏáõÙ Ý ÙÇ³ÛÝ íñÝ³Çñ): Øñ ËÝ¹ÇñÝ ¿ ëïÕÍÉ ë³ÛïÇ ëÏ½Ý³Ï³Ý ¿çÁ ¨ Ýñ³ íñ³ ïÕ³¹ñÉ ÏáÙåÛáõïñÇ å³ïÏñÁ:

²ÝÝù ³ÛÝåë, áñ ÙÏÝÝÇÏÁ ßñËÏ³óÝÉáí ÙáÝÇïáñÇÝ, ûï³áñÍáÕÁ ïÕ³÷áËíÇ ÙáÝÇïáñÇ ÝÏ³ñ³ñáõÃÛáõÝáí ¿çÇÝ, ßñËÏ³óÝÉáí ëÏ³í³é³Ï³ï³ñÇÝª ëÏ³í³é³Ï³ï³ñÇ ¿çÇÝ, ÇëÏ ÏáÙåÛáõïñÇÝª ÏáÙåÛáõïñÇ ÝÏ³ñ³ñáõÃÛáõÝáí ¿çÇÝ: Î³ñÉÇ ¿ ÇÑ³ñÏ ³Å³ÝÉ ÝÏ³ñÁ ñù Ù³ëÇ ¨ ³ÙÝ ÙÇ Ù³ëÁ Ó¨³ÏñåÉ áñåë ÑÕáõÙ, ³Ûó ³Û¹ ¹åùáõÙ ³ÙáÕç ÏáÙåÛáõïñÇ ÝÏ³ñÁ ÏË³ËïíÇ:

HTML-Á ÑÝ³ñ³íáñáõÃÛáõÝ ¿ ï³ÉÇë ÙÇ ÝÏ³ñáõÙ ïÕ³¹ñÉ ÙÇ ù³ÝÇ ÑÕáõÙ ³é³Ýó ³ÛÝ ³Å³ÝÉáõ: ²Û¹åÇëÇ å³ïÏñÝñÁ ÏáãíáõÙ Ý ñ³ýÇÏ³Ï³Ý ÑÕáõÙÝñÇ ù³ñï½ (imagemap): ñ³ýÇÏ³Ï³Ý ÑÕáõÙÝñÇ ù³ñï½Ç ëïÕÍÉÁ ³í³Ï³ÝÇÝ ³ñ¹ áñÍ ¿, ³Ûó ³ÛÝ ï³ÉÇë ¿ ß³ï ³½¹óÇù ³ñ¹ÛáõÝùÝñ:

úñÇÝ³Ï Ùñ computer.html ý³ÛÉÁª

<HTML>

<HEAD>

<TITLE>ÎàØäÚàôîºð</TITLE>

</HEAD>

<BODY>

ÏáÙåÛáõïñÇ ÝÏ³ñ³ñáõÃÛáõÝÁ

</FONT>

</BODY>

</HTML>

êÏ½Çó ëáíáñ³Ï³Ý Õ³Ý³Ïáíª <IMG> ïÇ ûÝáõÛ³Ù ÝÏ³ñÁ ïÕ³¹ñíáõÙ ¿ ¿çáõÙ

Ðïá Ñ³ñÏ³íáñ ¿ ³Û¹ ïÇÝ ï³É USEMAP= ³ïñÇáõïÁ, áñÇÝ áñåë ³ñÅù ïñíáõÙ ¿ ñ³ýÇÏ³Ï³Ý ÑÕáõÙÝñÇ ù³ñï½Ç ³ÝáõÝÁª ³éç¨Á ¹ÝÉáí # Ýß³ÝÁ: ºÃ ù³ñï½Á ¹é¨ë ëïÕÍí³Í ã¿, ÇÝãåë Ùñ ¹åùáõÙ, ³å³ Ýñ³Ý Ï³ñÉÇ ¿ ï³É ó³ÝÏ³ó³Í ³ÝáõÝ:

²ÛÅÙ åïù ¿ ëïÕÍÉ ÑÕáõÙÝñÇ ù³ñï½Á: ø³ñï½Á Ï³ñáÕ ¿ ïÝíÇ ÝáõÛÝÇëÏ áõñÇß ý³ÛÉáõÙ, ³Û¹ ¹åùáõÙ ³óÇ ù³ñï½Ç ³ÝáõÝÇó Ñ³ñÏ³íáñ ¿ ÝßÉ ³Û¹ ý³ÛÉÇ ³ÝáõÝÁª mapfile.html#mymap: ´³Ûó Ùñ ¹åùáõÙ Ïù ïÕ³¹ñÝù ù³ñï½Á ÝáõÛÝ ý³ÛÉÇ íñçáõÙ:

ñ³ÇÏ³Ï³Ý ÑÕáõÙÝñÇ ù³ñï½Á ëÏëíáõÙ ¿ <MAP> ïáí ¨ íñç³ÝáõÙ ¿ Ýñ³ ÷³ÏáÕ </MAP> ïáí: <MAP> ïÇÝ ³ÝÑñ³Åßï ¿ ï³É NAME= ³ïñÇáõïÁ: Üñ³ ³ñÅùÁ åïù ¿ ÉÇÝÇ ù³ñï½Ç ³ÝáõÝÁ, áñÁ ÙÝù íñ³ñÉ Ýù USEMAP= ³ïñÇáõïÇÝ: Øñ ¹åùáõÙ ¹³ compmap Ý ¿:

<MAP> ¨ </MAP> ïñÇ ÙÇã¨ åïù ¿ ïÝíÇ ù³ñï½Ç ÑÇÙÝ³Ï³Ý Ù³ëÁ: Ü³ ³ÕÏ³ó³Í ¿ ÙÇ ù³ÝÇ <AREA> ïñÇó, áñáÝóÇó Ûáõñ³ù³ÝãÛáõñÁ áñáßáõÙ ¿ å³ïÏñÇ ³ÏïÇí Ù³ëÁ: (²ÏïÇí Ù³ëÇÝ ßñËÏ³óÝÉáõó, Ï³ñÉÇ ¿ ³ÝóÝÉ ÑÕáõÙáí, ÙÝ³ó³Íª áã ³ÏïÇí Ù³ëñÁ áãÝãáí ãÝ ï³ññíáõÙ ëáíáñ³Ï³Ý ÝÏ³ñÇó): îíÛ³É ¹åùáõÙ Ù½ ³ÝÑñ³Åßï ¿ áñáßÉ ñù ³ÏïÇí ïÕ³Ù³ëª ÙáÝÇïáñÇ Ù³ëÁ, Ñ³Ù³Ï³ñã³ÛÇÝ ÉáÏÇ Ù³ëÁ ¨ ëÏ³í³é³Ï³ï³ñ:

²ÏïÇí ïÕ³Ù³ëñÁ Ï³ñáÕ Ý áõÝÝ³É áõÕÕ³ÝÏÛ³Ý, ßñç³Ý³ÍÇ Ï³Ù ³½Ù³ÝÏÛ³Ý ïëù: îëùÁ áñáßíáõÙ ¿ <AREA> ïÇ SHAPE= ³ïñÇáõïáí (³ÛÝ ûï³áñÍíáõÙ ¿ ³é³Ýó ÷³ÏáÕ ïÇ): ºÃ ³Û¹ ³ïñÇáõïÇÝ íñ³ñíÇ rect ³ñÅùÁ, ³å³ ïÕ³Ù³ëÁ ÏÉÇÝÇ áõÕÕ³ÝÏáõÝ, Ã ï³É circle, ³å³ ÏÉáñ, ÇëÏ polyª ³½Ù³ÝÏÛáõÝ:

²ÛÅÙ Ñ³ñÏ³íáñ ¿ áñáßÉ ³ÙÝ ³ÏïÇí ïÕ³Ù³ëÇ Ïááñ¹ÇÝ³ïÝñÁ ¨ íñ³ñÉ Ýñ³Ýù COORDS= ³ïñÇáõïÇÝ:

ºÃ ³ÏïÇí ïÕ³Ù³ëÁ áõÕÕ³ÝÏÛáõÝ ¿, ³å³ Ñ³ñÏ³íáñ ¿ ÝßÉ íñÇÝ Ó³Ë ¨ ëïáñÇÝ ³ç ³ÝÏÛáõÝÝñÇ Ïááñ¹ÇÝ³ïÝñÁ: Îááñ¹ÇÝ³ïÝñÁ áñáßÉÇëª Ñ³ñÏ³íáñ ¿ ÑÇßÉ, áñ ³ÙáÕç ÝÏ³ñÇ íñÇÝ Ó³Ë ³ÝÏÛ³Ý Ïááñ¹ÇÝ³ïÝñÁ (0:0) Ý: ºÃ ÙÝù áõÝÝù, ûñÇÝ³Ï 400X300 ÏïÇ å³ïÏñ ¨ áõ½áõÙ Ýù áñáßÉ ³ÛÝ áõÕÕ³ÝÏÛáõÝ ïÕ³Ù³ëÇ Ïááñ¹ÇÝ³ïÝñÁ, áñÁ ½³ÕóÝáõÙ ¿ å³ïÏñÇ íñÇÝ Ó³Ë ³ÝÏÛáõÝÁ ¨ áñÇ É³ÛÝáõÃÛáõÝÝ áõ ñÏ³ñáõÃÛáõÝÁ Ï³½ÙáõÙ ¿ ³ÙáÕç å³ïÏñÇ É³ÛÝáõÃÛ³Ý ¨ ñÏ³ñáõÃÛ³Ý ÏëÁ, ³å³ ÙÝù åïù ¿ ñÝùª

ºÃ ³ÏïÇí ïÕ³Ù³ëÁ áõÝÇ ßñç³Ý³ÍÇ ïëù, ³å³ Ñ³ñÏ³íáñ ¿ áñáßÉ ÙÇ³ÛÝ Ýñ³ ÏÝïñáÝÇ Ïááñ¹ÇÝ³ïÝñÁ ¨ ï³É ßñç³Ý³ÍÇ ß³é³íÇÕÁ, ûñÇÝ³Ïª

ºí, íñç³åë, ³ÙÝ³³ñ¹ ¨ ³ÙÝÇó Ñ³×³Ë Ñ³Ý¹ÇåáÕ ¹åùª ñ ³ÏïÇí ïÕ³Ù³ëÁ áõÝÇ ³½Ù³ÝÏ³ÛÝ ïëù: ²Ûë ¹åùáõÙ Ñ³ñÏ³íáñ ¿ Ñ³çáñ¹³³ñ ÝßÉ ³½Ù³ÝÏÛ³Ý áÉáñ ³³ÃÝñÇ Ïááñ¹ÇÝ³ïÝñÁ: ²ÛëïÕ ß³ï Ï³ñ¨áñ ¿ ³³ÃÝñÇ ÙÇ³óÙ³Ý Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÁ, ûñÇÝ³Ïª

ñáõÃÛáõÝÝñÁ Ïï³Ý ï³ññ ³ñ¹ÛáõÝùÝñ: ´³óÇ ¹ñ³ÝÇó, ÏïñÇ Ïááñ¹ÇÝ³ïÝñÁ ÑÝ³ñ³íáñ ã¿ áñáßÉ ³ãù³ã³÷áí. ³ÝÑñ³×ßï ¿ ïÕ³÷áËÉ å³ïÏñÁ ÇÝã-áñ ñ³ýÇÏ³Ï³Ý é¹³Ïïáñ, áñáßÉ ÏïñÇ Ïááñ¹ÇÝ³ÝñÁ ¨ ÙÇ³ÛÝ ¹ñ³ÝÇó Ñïá ïÕ³÷áËÉ ³ÛÝ HTML ÷³ëï³ÃáõÕÃ: ê³Ï³ÛÝ áñáß HTML-é¹³ÏïáñÝñÇ íñçÇÝ íñëÛ³ÝñÁ áõÝÝ Ïááñ¹ÇÝ³ïÝñÁ áñáßÉáõ Ýñ¹ñí³Í ÙÇçáóÝñ:

ºí ³ÙÝ³Ï³ñ¨áñÁª <AREA> ïÇÝ, ³óÇ SHAPE= ¨ COORDS= ³ïñÇáõïÝñÇó, Ñ³ñÏ³íáñ ¿ ï³É Ý³¨ ÑÕáõÙÁ áñáßáÕ HREF= ³ïñÇáõïÁ, áñÇ ³ñÅùÁ ÏáñáßÇ, Ã áñïÕ Ï³ÝóÝÇ ûï³áñÍáÕÁ ³Û¹ ³ÏïÇí ïÕ³Ù³ëÇÝ ßñËÏ³óÝÉáõó: <AREA> ïÇ HREF= ³ïñÇáõïÁ ÇñÝ å³ÑáõÙ ¿ ÝáõÛÝ Ó¨, ÇÝã <A> ïÇ Ùç:

´³óÇ ¹ñ³ÝÇó ûï³Ï³ñ ÏÉÇÝÇ ï³É ALT= ³ïñÇáõïÁ, áñÇ ³ñÅùÁ Ï³ñáÕ ¿ å³ñáõÝ³ÏÇ ³ó³ïñ³Ï³Ý ñáõÃÛáõÝ, áñÁ ÏÑ³ÛïÝíÇ ñ ÙÏÝÇÏÇ ÏáõñëáñÁ áõÕÕíÇ ³ÏïÇí ïÕ³Ù³ëÇÝ:

²ÛÅÙ íñ³¹³éÝ³Ýù Ùñ AMD K6-2-Ç ë³ÛïÇÝ: öáñÓÝù ³é³ÝÓÝ³óÝÉ Ýñ³ ³ÏïÇí ïÕ³Ù³ëñÁ: ä³ñ½ ¿, áñ ñùÝ ¿É ÏÉÇÝÝ ³½Ù³ÝÏáõÝ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">

<HTML>

<HEAD>

<TITLE>ÎáÙåÛáõïñÇ ÝÏ³ñ³ñáõÃÛáõÝÁ</TITLE>

</HEAD>

<DIV ALIGN="center"><BIG>²ÛëïÕ ÝñÏ³Û³óí³Í ¿ AMD K 6-2 ÏáÙåÛáõïñÇ ÝÏ³ñ³ñáõÃÛáõÝÁ</BIGX/DIV>

<DIV ALIGN="center"><IMG SRC="Images/computer.gif" WIDTH="451" HEIGHT="310" BORDER="0" ALT="AMD K 6-2"

USEMAP="#compmap"></DIV>

<DIV ALIGN="center">Úáõñ³ù³ÝãÛáõñ Ñ³ÝáõÛóÇ Ù³ëÇÝ Ù³Ýñ³Ù³ëÝ ïÕÏáõÃÛáõÝÝñ ëï³Ý³Éáõ Ñ³Ù³ñ ßñËÏ³óñù Ýñ³ å³ïÏñÇÝ</DIV>

</FONT>

</BODY> <MAP NAME="compmap">

<AREA ALT="ØàÜÆîàð" SHAPE="poly"

COORDS="95,41,289,40,289,180,212,180,211,167,86,168,86,54" HREF="monitor.html">

<AREA ALT="AMD K 6-2 ÏáÙåÛáõïñÁ" SHAPE="poly" COORDS="7,253,57,255,62,265,156,265,158,259,205,259,213,247,210,178,

208,169,30,168,6,245" HREF="computer.html">

<AREA ALT="êÎ²ì²è²Î²î²ð" SHAPE="poly" COORDS="293,197,345,154,438,168,441,196,437,224,400,265,294, 252,292,226"

HREF="disk.html">

</MAP>