Î. ². ʲâ²îðÚ²Ü ². Î. ÊàôðÞàô¸Ú²Ü
ÆÝï»ñÝ»ï Íñ³·ñ³íáñÙ³Ý ÑÇÙáõÝùÝ»ñ àõëáõÙÝ³Ï³Ý Ó»éݳñÏ
ºðºì²Ü îÝï»ë³·»ï 2006
6
Ðî¸ 681.3/.5 (07) ¶Ø¸ 32.973 y7 Ê 282
Ðñ³ï³ñ³ÏíáõÙ ¿ ÐäîÐ ·Çï³Ï³Ý ËáñÑñ¹Ç áñáßٳٵ
سëÝ. ËÙµ³·Çñ` ïÝï. ·.Ã., ¹áó»Ýï ì. ². ê³ñ·ëÛ³Ý ¶ñ³ËáëÝ»ñ` ï»Ë. ·.¹., åñáý»ëáñ Â. ². ܳÉã³çÛ³Ý, ï»Ë. ·.Ã., ¹áó»Ýï è. ì. ²ñٻݳÏÛ³Ý
Ê 282
ʳã³ïñÛ³Ý Î. ²., Êáõñßáõ¹Û³Ý ². Î. ÆÝï»ñÝ»ï Íñ³·ñ³íáñÙ³Ý ÑÇÙáõÝùÝ»ñ: àõëáõÙÝ³Ï³Ý Ó»éݳñÏ: ºñ.: §îÝï»ë³·»ï¦, 2006. – 300 ¿ç:
²ß˳ï³ÝùÁ ÝíÇñí³Í ¿ ÇÝýáñÙ³óÇáÝ ï»ËÝáÉá·Ç³Ý»ñÇ ½³ñ·³óÙ³Ý ³ñ¹Ç ÷áõÉÇÝ Ñ³Ù³å³ï³ëË³Ý ÇÝï»ñÝ»ï Íñ³·ñ³íáñÙ³Ý Ýáñ Ù»Ãá¹Ý»ñÇ áõëáõÙݳëÇñáõÃÛ³ÝÁ: Ò»éݳñÏáõÙ Éáõë³µ³ÝíáõÙ »Ý Web ϳÛù»ñÇ å³ïñ³ëïÙ³Ý ¨ ³íïáÙ³ï³óÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëí³Í Íñ³·ñ³íáñÙ³Ý HTML, VbScript, JavaScript, PHP É»½áõÝ»ñÇ ¨ ASP ï»ËÝáÉá·Ç³ÛÇ ³ß˳ï³ÝùÇ ëϽµáõÝùÝ»ñÁ: Ò»éݳñÏÁ ݳ˳ï»ëí³Í ¿ ïÝï»ë³·Çï³Ï³Ý µáõÑ»ñÇ áõë³ÝáÕÝ»ñÇ, ³ëåÇñ³ÝïÝ»ñ, ÇÝï»ñÝ»ï Íñ³·ñ³íáñáõÙÁ ·áñÍݳϳÝáõÙ ÏÇñ³éáÕ Ù³ëݳ·»ïÝ»ñÇ Ñ³Ù³ñ, ÇÝãå»ë ݳ¨ ϳñáÕ ¿ áõÕ»óáõÛó ÉÇÝ»É web ¹Ç½³ÛÝ ¨ ÇÝï»ñÝ»ï Íñ³·ñ³íáñáõÙ ¹³ë³í³Ý¹áÕ ¹³ë³ËáëÝ»ñÇ Ñ³Ù³ñ:
Ê
2404000000 2006 719(01) 2006
ISBN 99941 – 51 – 40-1
¶Ø¸ 32.973 y7
§îÝï»ë³·»ï¦ Ññ³ï³ñ³ÏãáõÃÛáõÝ, 2006
7
´áí³Ý¹³ÏáõÃÛáõÝ ²è²æ²´²Ü ............................................................................... ¶ÈàôÊ 1. WEB ¾æºðÆ êîºÔÌØ²Ü îºÊÜàÈà¶Æ²ÜºðÀ ....... ¢ 1.1. гٳϳñ·ã³ÛÇÝ ó³Ýó»ñÇ ÷áËѳٳ·áñͳÏóáõÃÛáõÝÁ .............................................................................................. ¢ 1.2. гëó»³íáñÙ³Ý Ñ³Ù³Ï³ñ·Á ÆÝï»ñÝ»ïáõÙ ............... ¢ 1.3. ÆÝï»ñÝ»ïáõÙ Ù³ïáõóíáÕ Í³é³ÛáõÃÛáõÝÝ»ñÁ ............. 1.3.1. гٳß˳ñѳÛÇÝ áëï³ÛÝ (WWW) ............................ 1.3.2. ¾É»ÏïñáݳÛÇÝ ÷áëï (E-Mail) ..................................... 1.3.3.лé³ÏáÝý»ñ³ÝëÝ»ñ (Usenet) ..................................... 1.3.4. гٳϳñ·ÇãÝ»ñÇ ÷áËѳٳ·áñͳÏóáõÙÁ (Telnet). 1.3.5. öÝïñáÕ Ñ³Ù³Ï³ñ·»ñ ............................................... ¢ 1.4. ö³ëï³ÃÕóßñç³Ý³éáõÃÛ³Ý Ï³½Ù³Ï»ñåáõÙÁ WWW-áõÙ ................................................................................. ¢ 1.5. Web - ¿ç»ñÇ ëï»ÕÍÙ³Ý ï»ËÝáÉá·Ç³Ý»ñÁ .................. ¢ 1.6. Web – ѳݷáõÛóÇ Ùß³ÏÙ³Ý ÷áõÉ»ñÁ ............................ ¶ÈàôÊ 2. HTML ¶Ì²ÜÞØ²Ü Èº¼àôÜ ..................................... ¢ 2.1. HTML ÷³ëï³ÃÕûñÇ Ï³éáõóí³ÍùÁ ¨ ÑÇÙÝ³Ï³Ý ï»·»ñÁ ..................................................................................... ¢ 2.2. î»ùëïÇ ·Í³ÝßáõÙÁ ¨ ϳ½Ù³Ï»ñåáõÙÁ HTML ÷³ëï³ÃÕûñáõÙ ..................................................................... 2.2.1. î»ùëïÇ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßáõÙ ........................... 2.2.2. î»ùëïÇ ïñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßáõÙ ................. 2.2.3. î»ùëïÇ Ï³½Ù³Ï»ñåáõÙÁ (í»ñݳ·ñ»ñ, ÑáñǽáÝ³Ï³Ý ·Í»ñ) ................................................................................. 2.2.4. òáõó³ÏÝ»ñ ................................................................... ¢ 2.3.ÐÇå»ñÑÕáõÙÝ»ñÇ Ï³½Ù³Ï»ñåáõÙÁ HTML-áõÙ .............. 2.3.1. ÐÇå»ñÑÕáõÙÝ»ñÇ ³ß˳ï³ÝùÇ ëϽµáõÝùÁ: ´³ó³ñÓ³Ï ¨ ѳñ³µ»ñ³Ï³Ý ѳëó»³íáñáõÙ ....................... 2.3.2. ÐÇå»ñÑÕáõÙÝ»ñÇ ¨ Ý»ñùÇÝ ÑÕáõÙÝ»ñÇ ëï»ÕÍáõÙÁ web-¿çáõÙ .................................................................................. 2.3.3. гïáõÏ ÑÇå»ñÑÕáõÙÝ»ñ .............................................. ¢ 2.4. ¶ñ³ýÇϳÛÇ ¨ ÙáõÉïÇÙ»¹Ç³ÛÇ û·ï³·áñÍáõÙÁ HTML ÷³ëï³ÃÕûñáõÙ ..................................................................... 2.4.1. ¶ñ³ýÇϳÛÇ û·ï³·áñÍáõÙÁ web-¿ç»ñáõÙ ................... 2.4.2. ØáõÉïÇÙ»¹Ç³ÛÇ û·ï³·áñÍáõÙÁ web-¿ç»ñáõÙ ............ ¢ 2.5. Web-¿ç»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ó¨³íáñáõÙÁ ........................ 2.5.1. ²ÕÛáõë³ÏÝ»ñÇ Ï³éáõóÙ³Ý ÑÇÙáõÝùÝ»ñÁ .................... 2.5.2. ²ÕÛáõë³ÏÝ»ñÇ Ó¨³íáñáõÙÁ ......................................... ¢ 2.6. à×»ñÇ ³ÕÛáõë³ÏÝ»ñ, ѳïáõÏ å³ÛٳݳÝÇß»ñ 8
6 7 7 10 14 14 15 15 16 17 17 23 27 33 33 38 38 39 43 45 48 48 52 55 57 57 63 68 68 73 82
(ëÇÙíáÉÝ»ñ) .............................................................................. 2.6.1. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÁݹѳÝáõñ ѳëϳóáõÃÛáõÝÁ ... 82 2.6.2. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ý»ñ¹ñáõÙÁ web-¿çáõÙ ............... 85 2.6.3. à×»ñÇ ¹³ë»ñ, á׳íáñÙ³Ý Ñ³ïáõϪ <div> ¨ <span> ï»·»ñÁ ..................................................................................... 87 2.6.4. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ï³å³ÏóáõÙÁ web-¿ç»ñÇÝ ........ 91 2.6.5. ´ÉáϳÛÇÝ ï³ññ»ñÇ ï»Õ³µ³ßËÙ³Ý ¨ ï»ëùÇ á×»ñÁ.. 92 2.6.6. гïáõÏ å³ÛٳݳÝÇß»ñ (åñÇÙÇïÇíÝ»ñ) ................. 96 ¢ 2.7. γÛù»ñÇ Ï³éáõóáõÙÁ ýñ»ÛÙÝ»ñÇ (ßñç³Ý³ÏÝ»ñÇ) ÙÇçáóáí .................................................................................... 98 ¢ 2.8. Meta-áñáßÇãÝ»ñÁ ........................................................... 108 ¢ 2.9. Web-ËÙµ³·ñÇãÝ»ñÁ ...................................................... 111 ȳµáñ³ïáñ ³ß˳ï³ÝùÝ»ñÇ ³é³ç³¹ñ³ÝùÝ»ñ .................. 114 ¶ÈàôÊ 3. ¸ÆܲØÆÎ WEB-¾æºðÆ êîºÔÌàôØÀ, JAVASCRIPT êòºÜ²ð²ÚÆÜ Èº¼àôÜ ..................................... ¢ 3.1. HTML å³ïÏ»ñ³Ó¨»ñÁ ................................................ 3.1.1. î»ùëï³ÛÇÝ ¹³ßï»ñ .................................................... 3.1.2. Իϳí³ñÙ³Ý ï³ññ»ñ ................................................ ¢ 3.2. ̳ÝáÃáõÃÛáõÝ JavaScript É»½íÇÝ................................... 3.2.1. êó»Ý³ñÝ»ñÇ Ý»ñ¹ñáõÙÁ ÷³ëï³ÃÕûñáõÙ ................. 3.2.2. üáõÝÏódzݻñÇ ëï»ÕÍáõÙÁ JavaScript-áõÙ .................. 3.2.3. ¶áñÍáÕáõÃÛáõÝÝ»ñ ÷á÷á˳ϳÝÝ»ñÇ Ñ»ï ................. 3.2.4. ²É·áñÇÃÙÝ»ñÇ Ï³ï³ñÙ³Ý ÁÝóóùÇ Õ»Ï³í³ñáõÙÁ... 3.2.5. òÇÏÉ»ñÇ Ï³½Ù³Ï»ñåáõÙÁ ............................................ 3.2.6. ¼³Ý·í³ÍÝ»ñÁ ............................................................. ¢ 3.3. JavaScript É»½íÇ ûµÛ»ÏïÝ»ñÁ ........................................ 3.3.1. ê»÷³Ï³Ý ûµÛ»ÏïÝ»ñÇ ëï»ÕÍáõÙÁ JavaScript-áõÙ .... 3.3.2. JavaScript-Ç Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÁ .................. 3.3.3. JavaScript-Ç Ý»ñϳéáõóí³Í ýáõÝÏódzݻñÁ .............. ¢ 3.4. Æñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ùß³ÏáõÙÁ JavaScript-áõÙ ........... ¢ 3.5. ´ñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ, ûµÛ»ÏïÝ»ñÁ ¨ ѳí³ù³ÍáõÝ»ñÁ (ÏáÉ»ÏódzݻñÁ) .................................................... 3.5.1. úµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ ÁݹѳÝáõñ ϳéáõóí³ÍùÁ ......... 3.5.2. window ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ ....... 3.5.3. window ûµÛ»ÏïÇ »ÝóûµÛ»ÏïÝ»ñÁ ............................. ¢ 3.6. HTML ¾ç»ñÇ µáí³Ý¹³ÏáõÃÛ³Ý ¨ ï»ëùÇ Õ»Ï³í³ñáõÙÁ ........................................................................... ¢ 3.7. Üáñ` ëáíáñ³Ï³Ý ¨ Ùá¹³É å³ïáõѳÝÝ»ñÇ ëï»ÕÍáõÙÁ ............................................................................... ¢ 3.8. ä³ïÏ»ñ³Ó¨»ñÇ µáí³Ý¹³ÏáõÃÛ³Ý Ý³ËÝ³Ï³Ý Ùß³ÏáõÙÁ .................................................................................. ¢ 3.9. ActiveX ջϳí³ñÙ³Ý ï³ññ»ñÇ û·ï³·áñÍáõÙÁ ......... 9
116 116 118 119 125 127 129 133 135 138 141 143 144 147 154 156 162 163 166 174 183 194 206 213
ȳµáñ³ïáñ ³ß˳ï³ÝùÝ»ñÇ ³é³ç³¹ñ³ÝùÝ»ñ .................. ¶ÈàôÊ 4. ÆÜîºð²ÎîÆì WEB-¾æºð: êºðìºð²ÚÆÜ Ìð²¶ð²ìàðàôØ ...................................................................... ¢4.1. îíÛ³ÉÝ»ñÇ ëï³óáõÙÁ å³ïÏ»ñ³Ó¨»ñÇó ...................... ¢4.2. ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñ (Active Server Pages) ............. 4.2.1. ASP-Ç ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ .......................................... 4.2.2. ASP ¿ç»ñÇ ëï»ÕÍÙ³Ý ï»ËÝáÉá·Ç³Ý ........................ 4.2.3. Ü»ñ¹ñíáÕ ý³ÛÉ»ñÇ û·ï³·áñÍÙ³Ý Ï³ÝáÝÝ»ñÁ ........ ¢4.3. Response ¨ Requeste ûµÛ»ÏïÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ ....... 4.3.1. Response ûµÛ»ÏïÁ ...................................................... 4.3.2. Request ûµÛ»ÏïÁ ......................................................... ¢4.4. Session ¨ Application ûµÛ»ÏïÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ ....... ¢4.5. Server ûµÛ»ÏïÁ. ³ß˳ï³ÝùÁ ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ........................................................................................... 4.5.1.CreateObject() Ù»Ãá¹Á .................................................. 4.5.2. Execute() Ù»Ãá¹Á ......................................................... 4.5.3. GetLastError() Ù»Ãá¹Á ................................................. 4.5.4. HTMLEncode() Ù»Ãá¹Á ................................................ 4.5.5.MapPath() Ù»Ãá¹Á ......................................................... 4.5.6.Transfer() Ù»Ãá¹Á .......................................................... 4.5.7.URLEncode() Ù»Ãá¹Á .................................................... ¢4.6. XML É»½íÇ ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÝ»ñÁ .................... ¢4.7. PHP É»½íÇ ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÝ»ñÁ .................... ²é³ç³¹ñ³ÝùÝ»ñ 3-ñ¹ ¨ 4-ñ¹ ·ÉáõËÝ»ñÇ Ã»Ù³Ý»ñáí ........... вìºÈì²Ìܺð ......................................................................... гí»Éí³Í 1. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ï»Õ»Ï³ïáõ .............................................................................. гí»Éí³Í 2. ²é³í»É Ñ³×³Ë ÏÇñ³éíáÕ åñÇÙÇïÇíÝ»ñÇ óáõó³ÏÁ ...................................................................................
10
229
231 231 236 236 239 242 244 244 249 256 260 260 270 271 271 272 272 273 273 282 286 289 289 299
²é³ç³µ³Ý سñ¹ÏáõÃÛ³Ý Ñ³Ù³ñ ÙáÉáñ³ÏÝ ³Ûëûñ ¹³ñÓ»É ¿ ã³÷³½³Ýó §÷áùñ¦, ¨ Ù³ñ¹Ï³ÛÇÝ ÙÇïùÁ ÷áñÓáõÙ ¿ Ýáñ ÑáñǽáÝÝ»ñ ·ñ³í»É: ijٳݳϳÏÇó ·ÇïáõÃÛáõÝÁ, ¹³ë³Ï³Ý áõÕÕáõÃÛáõÝÝ»ñÇ Ñ»ï Ù»Ïï»Õ, ÷áñÓáõÙ ¿ ·ïÝ»É ù³Õ³ù³ÏñÃáõÃÛ³Ý Ýáñ å³ÛÙ³ÝÝ»ñÇÝ Ñ³Ù³å³ï³ë˳ÝnÕ Ñ³Ù³Ï³ñ·»ñÇ ëï»ÕÍÙ³Ý áõÕÇÝ»ñ: ²Ù»Ýáõñ»ù ï»ÕÇ ¿ áõÝ»ÝáõÙ ·Éáµ³Éǽ³óÙ³Ý ·áñÍÁÝóó, áñÇÝ Ù»Í³å»ë Ýå³ëïáõÙ ¿ ݳ¨ ÆÝï»ñÝ»ïÁª ѳٳß˳ñѳÛÇÝ Ñ³Ù³Ï³ñ·ã³ÛÇÝ ó³ÝóÁ: î»Õ»Ï³ïí³Ï³Ý ï»ËÝáÉá·Ç³Ý»ñÁ í×é³Ï³Ý ³½¹»óáõÃÛáõÝ »Ý ·áñÍáõ٠ѳë³ñ³ÏáõÃÛ³Ý ïÝï»ë³Ï³Ý ¨ ëáóÇ³É³Ï³Ý Ï³éáõÛóÝ»ñÇ íñ³: ²Û¹ ï»ËÝáÉá·Ç³Ý»ñÇ ÑÇÙ³Ý íñ³ ¿ Ó¨³íáñíáõÙ “ÇÝýáñÙ³óÇáÝ” ѳë³ñ³ÏáõÃÛáõÝÁ, áñáõÙ, áñå»ë ѻ勉Ýù, ³ÝÑ»ï³ÝáõÙ ¿ Ù³ëݳ·»ïÝ»ñÇ` ³ß˳ï³ï»Õ»ñáõÙ ·ïÝí»Éáõ ³ÝÑñ³Å»ßïáõÃÛáõÝÁ: ²Û¹ ³éáõÙáí, ÇÝýáñÙ³óÇáÝ é»ëáõñëÝ»ñÇ Ó¨³íáñÙ³Ý ÑÇÙÝ³Ï³Ý ÙÇçáóÝ»ñ »Ý ¹³éÝáõÙ Web ϳÛù»ñÁ: ¸ñ³Ýó ³ß˳ï³ÝùÁ ϳ½Ù³Ï»ñåáÕ Web ï»ËÝáÉá·Ç³Ý»ñÁ ³å³ÑáíáõÙ »Ý ÙǨÝáõÛÝ ·áñͳéáõÛÃÝ»ñÁ ÇÝãå»ë ѳٳß˳ñѳÛÇݪ Internet, ³ÛÝå»ë ¿É ³é³ÝÓÇÝ Ï³½Ù³Ï»ñåáõÃÛáõÝÝ»ñǪ Intranet ÉáÏ³É Ñ³Ù³Ï³ñ·ã³ÛÇÝ ó³Ýó»ñáõÙ: Ò»éݳñÏÁ ͳÝáóóÝáõÙ ¿ ϳÛù»ñÇ ³íïáÙ³ï³óí³Í Ùß³ÏÙ³Ý Íñ³·ñ³ÛÇÝ ÙÇçáóÝ»ñÇݪ Web Íñ³·ñ³íáñÙ³Ý ÑݳñùÝ»ñÇÝ, ÇÝãå»ë ݳ¨ Web ËÙµ³·ñÇãÝ»ñÇÝ: гïáõÏ áõß³¹ñáõÃÛáõÝ ¿ ¹³ñÓíáõÙ HTML-ÇÝ ¨ Javascript áõ Vbscript ëó»Ý³ñ³ÛÇÝ É»½áõÝ»ñÇÝ: Ìñ³·ñ³íáñÙ³Ý ï»ËÝáÉá·Ç³Ý»ñÇ ½³ñ·³óÙ³Ý ³ñ¹Ç ÷áõÉáõÙ ·ÇñùÁ ³ñ¹Ç³Ï³Ý ¨ ³ñÅ»ù³íáñ ¿ ïÝï»ë³·Çï³Ï³Ý ѳٳϳñ·»ñÇ ëï»ÕÍٳٵ ¨ ÆÝï»ñÝ»ïáõÙ ¹ñ³Ýó ï»Õ³¹ñٳٵ ½µ³ÕíáÕ Ù³ëݳ·»ïÝ»ñÇ Ñ³Ù³ñ: ²ÛÝ Ï³ñáÕ ¿ áñå»ë áõÕ»óáõÛó ͳé³Û»É ÇÝãå»ë ïÝï»ë³·Çï³Ï³Ý µáõÑ»ñÇ áõë³ÝáÕÝ»ñÇ, ³ÛÝå»ë ¿É ³ëåÇñ³ÝïÝ»ñÇ ¨ ¹³ë³ËáëÝ»ñÇ Ñ³Ù³ñ:
11
¶ È àô Ê 1 WEB ¾æºðÆ êîºÔÌØ²Ü îºÊÜàÈà¶Æ²ÜºðÀ ¢ 1.1. гٳϳñ·ã³ÛÇÝ ó³Ýó»ñÇ ÷áËѳٳ·áñͳÏóáõÃÛáõÝÁ гٳß˳ñѳÛÇÝ ÆÝï»ñÝ»ï ó³ÝóÇ Ý³Ë³Ñ³ÛñÁ ϳñ»ÉÇ ¿ ѳٳñ»É ARPANet ѳßíáÕ³Ï³Ý ó³ÝóÁ, áñÁ ÑÇÙÝí»É ¿ñ “²é³ç³¹ÇÙ³Ï³Ý Ñ»ï³½áïáõÃÛáõÝÝ»ñÇ ·áñͳϳÉáõÃÛáõÝ” (Advanced Research Projects Agency) ³Ù»ñÇÏÛ³Ý Ï³é³í³ñ³Ï³Ý ϳ½Ù³Ï»ñåáõÃÛ³Ý ÏáÕÙÇó, 60-³Ï³Ý Ãí³Ï³ÝÝ»ñÇ í»ñçÇÝ: ²Û¹ ¿É»ÏïñáݳÛÇÝ ó³ÝóÇ ëï»ÕÍÙ³Ý ÷³ëïÁ ÏÙݳñ ³ÝÝϳï ϳ٠ѻï½Ñ»ï» Ùáé³óáõÃÛ³Ý ÏÙ³ïÝí»ñ, »Ã» ãÉÇÝ»ÇÝ ÙÇ ù³ÝÇ ÏáÝó»åïáõ³É ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñ, áñáÝù ¹ñí³Í ¿ÇÝ Ý³Ë³·ÍÇ ÑÇÙùáõÙ: ²é³çÇÝ ³é³ÝÓݳѳïÏáõÃÛáõÝÝ ³ÛÝ ¿ñ, áñ ARPANet-Ç µáÉáñ ѳٳϳñ·ÇãÝ»ñÁ ÷áËϳå³Ïóí³Í ¿ÇÝ Çñ³ñ Ñ»ï ѳí³ë³ñ ٳϳñ¹³ÏÝ»ñáí, ³ÛëÇÝùÝ` ãϳñ “·É˳íáñ ѳٳϳñ·Çã - »Ýóϳ ѳٳϳñ·Ç㔠ѳëϳóáõÃÛáõÝÁª ó³ÝóÁ ³å³Ï»Ýïñáݳóí³Í ¿ñ: ºñÏñáñ¹Áª áñå»ë ó³Ýó³ÛÇÝ ³ñӳݳ·ñáõÃÛáõÝ, ARPANet-áõÙ ÁݹáõÝí»É ¿ñ ÙÇçó³Ýó³ÛÇÝ IP (Internet Protocol) ³ñӳݳ·ñáõÃÛáõÝÁ: ò³Ýó³ÛÇÝ ³ñӳݳ·ñáõÃÛáõÝÁ ѳٳӳÛÝ»óí³Í ¨ ѳëï³ïí³Í ëï³Ý¹³ñï ¿, áñÁ å³ñáõݳÏáõÙ ¿ »ñÏáõ ѳٳϳñ·ÇãÝ»ñÇ ÙÇç¨ ï»ùëïÇ, ·Í³å³ïÏ»ñÝ»ñÇ (·ñ³ýÇϳÛÇ) ¨ ³ÛÉ ÇÝýáñÙ³ódzÛÇ Ñ³Õáñ¹Ù³Ý áõ ÁݹáõÝÙ³Ý Ï³ÝáÝÝ»ñÁ ¨ ëÇÝËñáݳóÝáõÙ ¿ ó³ÝóáõÙ Áݹ·ñÏíáÕ Ñ³Ù³Ï³ñ·ÇãÝ»ñÇ ³ß˳ï³ÝùÁ: ²Û¹ ³ñӳݳ·ñáõÃÛáõÝÝ û·ï³·áñÍ»Éáõ ßÝáñÑÇí Íñ³·ñ»ñÝ áõ ïíÛ³ÉÝ»ñÇ ÷³Ã»ÃÝ»ñÁ ÇÝùÝáõñáõÛÝ ¿ÇÝ “·ïÝáõ٠׳ݳå³ñÑÁ” Ù»Ï Ñ³Ý·áõÛóÇó ÙÛáõëÁ, ù³ÝÇ áñ ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÝ áõÝ»ñ ë»÷³Ï³Ý ѳëó»Ý (³Ûëå»ë Ïáãí³Í` IP-ѳëó»Ý, áñÇÝ Ï³Ý¹ñ³¹³éݳÝù ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ), áñÝ Çñ»ÝÇó Ý»ñϳ۳óÝáõÙ ¿ñ áñáß³ÏÇ Ãí³ÛÇÝ Í³Íϳ·Çñ: ¸³ Ý߳ݳÏáõÙ ¿ñ, áñ áõÕ³ñÏáÕ Ñ³Ù³Ï³ñ·ãÇó ÙÇÝ㨠ëï³óáÕÁ ÷³Ã»ÃÝ»ñÁ ϳñáÕ ¿ÇÝ Ñ³ëÝ»É ï³ñµ»ñ ׳ݳå³ñÑÝ»ñáí ¨ ¹³, ³ÝϳëϳÍ, ÃáõÛÉ ¿ñ ï³ÉÇë ٻͳóÝ»É ³Û¹åÇëÇ Ñ³Ù³Ï³ñ·Ç ϳÛáõÝáõÃÛáõÝÁ: ØÇçó³Ýó³ÛÇÝ IP ³ñӳݳ·ñáõÃÛáõÝÁ ѳݹÇë³ó³í áõÝÇí»ñë³É ÙÇçÑÇÙù³ÛÇÝ ëï³Ý¹³ñï ¨ ÃáõÛÉ ïí»ó Ùdzíáñ»É Ù»Ï ó³ÝóáõÙ ï³ñ³ï»ë³Ï ѳٳϳñ·ÇãÝ»ñ, áñáÝù ³ß˳ïáõÙ ¿ÇÝ ï³ñµ»ñ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ Õ»Ï³í³ñÙ³Ý Ý»ñùá: γñ¨áñ ¿ñ ÙdzÛÝ, áñ ³Û¹ ѳٳϳñ·»ñÁ ϳñáճݳÛÇÝ ë³ï³ñ»É IP ³ñӳݳ·ñáõÃÛ³ÝÁ: ê³Ï³ÛÝ IP ³ñӳݳ·ñáõÃÛáõÝÁ ÃáõÛÉ ¿ñ ï³ÉÇë ÙdzÛÝ Ñ³Õáñ¹»É ïíÛ³ÉÝ»ñÁ: гÕáñ¹Ù³Ý ·áñÍÁÝóóÁ ARPANet-áõ٠ջϳí³ñ»Éáõ ѳٳñ 80-³Ï³Ý Ãí³Ï³ÝÝ»ñÇ ëϽµÇÝ í»ñçݳϳݳå»ë Ùß³Ïí»ó ïíÛ³ÉÝ»ñÇ ÷á˳ݳÏáõÙÁ í»ñ³ÑëÏáÕ TCP (Transmission Control Protocol) ³ñӳݳ·ñáõÃÛáõÝÁ, áñÁ ÑÇÙÝíáõÙ ¿ñ IP ³ñӳݳ·ñáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝÝ»ñÇ íñ³: Ødzíáñí³Í TCP/IP ³ñӳݳ·ñáõÃÛáõÝÁ ¹³ñÓ³í ÑÇÙݳϳÝÁª ÷³Ã»ÃÝ»ñÇ ÷á˳ݳÏáõÙÁ ó³ÝóáõÙ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ: ²Û¹ Å³Ù³Ý³Ï ¿É å³ñ½ ¹³ñÓ³í, áñ Ýßí³Í ³ñӳݳ·ñáõÃÛáõÝÁ ϳñáÕ ¿ û·ï³·áñÍí»É ݳ¨ ï³ñµ»ñ ѳٳϳñ·ã³ÛÇÝ ó³Ýó»ñÇ ÙdzóÙ³Ý Ñ³Ù³ñ: ¸³ ÃáõÛÉ ¿ñ ï³ÉÇë ϳ½Ù³Ï»ñå»É ïíÛ³ÉÝ»ñÇ ÷á˳ݳÏáõÙÁ ³½·³ÛÇÝ ¨, ÝáõÛÝÇëÏ, ÙÇç³½·³ÛÇÝ Ù³Ï³ñ¹³ÏÝ»ñáí: лÝó ³Û¹åÇëÇ “ó³Ýó»ñÇ ó³ÝóÇ“ ³Ýí³ÝÙ³Ý Ñ³Ù³ñ ³é³çÇÝ ³Ý·³Ù û·ï³·áñÍí»ó “ÆÝï»ñÝ»ï” ï»ñÙÇÝÁ: 80-³Ï³Ý Ãí³Ï³ÝÝ»ñÇ í»ñçÇÝ ARPANet ݳ˳·ÇÍÝ ³í³ñïí»ó, ë³Ï³ÛÝ ³Û¹ Å³Ù³Ý³Ï ÆÝï»ñÝ»ïÁ ³ñ¹»Ý ѳë³Ý»ÉÇ ¿ñ ¹³ñÓ»É µ³½Ù³ÃÇí ѳٳÉë³ñ³ÝÝ»ñÇ ¨ ·Çï³Ï³Ý ϳ½Ù³Ï»ñåáõÃÛáõÝÝ»ñÇ: 90-³Ï³ÝÝ»ñÇ ëϽµÇÝ ï³ñµ»ñ Ïáñåáñ³ódzݻñ ³ÏïÇíáñ»Ý ëÏë»óÇÝ û·ï³·áñÍ»É ÆÝï»ñÝ»ïÁ` “¾É»ÏïñáݳÛÇÝ ÷áëïÇ” ÙÇçáóáí ïíÛ³ÉÝ»ñ ÷á˳ݳϻÉáõ ѳٳñ: ÆëÏ 1991 Ã., »ñµ ²½·³ÛÇÝ ·Çï³Ï³Ý ýáݹÁ ѳݻó ó³ÝóÇ` ÏáÙ»ñóÇáÝ û·ï³·áñÍÙ³Ý íñ³ ¹ñí³Í ³ñ·»ÉùÁ, ÆÝï»ñÝ»ïÁ ѳë³Ý»ÉÇ ¹³ñÓ³í µ³½Ù³ÃÇí ³ÝѳïÝ»ñÇ ¨ ϳ½Ù³Ï»ñåáõÃÛáõÝÝ»ñÇ: ÆÝýáñÙ³ódzÛÇ Ñ³Õáñ¹Ù³Ý ·áñÍÁÝóóÇ í»ñ³ÑëÏáõÙÁ å³ñ½³µ³Ý»Éáõ Ýå³ï³Ïáí å³ïÏ»ñ³óÝ»Ýù, áñ ó³ÝϳÝáõÙ »Ýù ÷áëïáí áõÕ³ñÏ»É ÙÇ Ñ³ëï ³Ùë³·Çñ` ãͳËë»Éáí Éñ³óáõóÇã ·áõÙ³ñ ͳÝñáó Ó¨³Ï»ñå»Éáõ ѳٳñ: ÆÝãå»±ë ÉáõÍ»É åñáµÉ»ÙÁ ³ÛÝ ¹»åùáõÙ, »ñµ ÷áëïÁ ãÇ ÁݹáõÝáõÙ Ù»Ï Ã»ñÃÇÏÇó ³í»ÉÇ å³ñáõݳÏáÕ Ý³Ù³ÏÝ»ñ: ºÉùÁ Ñ»ï¨Û³ÉÝ ¿ª µ³Å³Ý»É ³Ùë³·ÇñÁ ³é³ÝÓÇÝ Ã»ñÃÇÏÝ»ñÇ ¨ Ûáõñ³ù³ÝãÛáõñÁ áõÕ³ñÏ»É ³é³ÝÓÇÝ Ý³Ù³Ïáí: ÆëÏ ëï³óáÕÁ, Áëï ¿ç»ñÇ Ñ³Ù³ñÝ»ñÇ, ÝáñÇó Ïѳí³ùÇ ³Ùë³·ÇñÁ: Øáï³íáñ³å»ë ÝáõÛÝ ëϽµáõÝùáí ¿É ³ß˳ïáõÙ ¿ TCP ³ñӳݳ·ñáõÃÛáõÝÁ: ²ÛÝ Ù³ëݳïáõÙ ¿ ÇÝýáñÙ³óÇ³Ý ÙÇ ù³ÝÇ Ù³ë»ñÇ, ѳٳñ³Ï³ÉáõÙ Ûáõñ³ù³ÝãÛáõñ Ù³ëÁ, áñå»ë½Ç ѻﳷ³ÛáõÙ Ñݳñ³íáñ ÉÇÝÇ Ùdzíáñ»É ³ÛÝ ÙÛáõëÝ»ñÇÝ, ÏóáõÙ Ûáõñ³ù³ÝãÛáõñ Ù³ëÇÝ “ͳé³Ûáճϳݔ ÇÝýáñÙ³ódz ¨ ï»Õ³íáñáõÙ ³é³ÝÓÇÝ “IP Íñ³ñáõÙ”: ¸ñ³ÝÇó Ñ»ïá, ëï³óí³Í “Íñ³ñÁ” ó³Ýóáí áõÕ³ñÏíáõÙ ¿ ѳëó»³ïÇñáçÁ (ÇëÏ IP ÇÝýáñÙ³ódzÛÇ Ùß³ÏÙ³Ý »Õ³Ý³ÏÁ ³ñ¹»Ý ѳÛïÝÇ ¿): гëó»³ïáõÇ Ñ³Ù³Ï³ñ·ãáõÙ TCP ³ñӳݳ·ñáõÃÛáõÝÁ ϳï³ñáõÙ ¿ ·áñÍáÕáõÃÛáõÝÝ»ñÇ Ñ³Ï³é³Ï ѳçáñ¹³Ï³ÝáõÃÛáõÝÁª ½ïáõÙ ¿ ÇÝýáñÙ³óÇ³Ý ¨ Ý»ñϳ۳óÝáõÙ “ѳí³ùí³Í” (³ÛëÇÝùݪ ëϽµÝ³Ï³Ý) ï»ëùáí: ÆÝï»ñÝ»ïáõÙ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý 12
ųٳݳϳÏÇó ëË»Ù³Ý áõÝÇ µ³½Ù³ß»ñï ϳéáõóí³Íù, áñÝ Áݹ·ñÏáõÙ ¿ ÙÇ ù³ÝÇ Ù³Ï³ñ¹³ÏÝ»ñ: ²Û¹ ϳéáõóí³ÍùÁ ÏáãíáõÙ ¿ OSI (Open Systems Interconnectionª µ³ó ѳٳϳñ·»ñÇ ÷áËѳٳÏóáõÙ): ²ÛëÇÝùÝ` “Íñ³ñÇ” ÷³Ã»Ã³íáñáõÙÁ ϳï³ñíáõÙ ¿ ÙÇ ù³ÝÇ Ù³Ï³ñ¹³ÏÝ»ñáõÙ (ѳÕáñ¹»ÉÇë` í»ñÇó í³ñ, ÇëÏ ÁݹáõÝ»ÉÇë` í³ñÇó í»ñ), ¨ Ûáõñ³ù³ÝãÛáõñ ٳϳñ¹³ÏáõÙ “Íñ³ñÇÝ” ³í»É³óíáõÙ ¿ (ëï³óáÕÇ Ùáï ѳϳé³ÏÁª å³Ï³ë»óíáõÙ ¿) áñáß³ÏÇ Í³é³ÛáÕ³Ï³Ý ÇÝýáñÙ³ódz: ¾É»ÏïñáݳÛÇÝ ó³Ýó»ñáí ѳÕáñ¹íáÕ ÇÝýáñÙ³óÇ³Ý ß³ï Ñ³×³Ë ÏáñãáõÙ ¿ ϳ٠ï³ñµ»ñ å³ï׳éÝ»ñáí ³Õ³í³Õíáõ٠ϳåÇ ·Í»ñáõÙ: TCP-ÇÝ áõÝÇ Ý»ñϳéáõóí³Í Íñ³·ñ»ñ, áñáÝù í»ñ³ÑëÏáõÙ »Ý ѳÕáñ¹íáÕ ÇÝýáñÙ³ódzÛÇ ëïáõÛ·áõÃÛáõÝÁ: úñÇݳÏ, ³é³í»É ï³ñ³Íí³Í í»ñ³ÑëÏÙ³Ý Ù»Ãá¹Ý ³ÛÝ ¿, áñ Ûáõñ³ù³ÝãÛáõñ IP ÷³Ã»Ã áõճϻÉÇë ѳٳϳñ·ÇãÁ ¹ñ³ í»ñݳ·ñ³ÛÇÝ (ͳé³ÛáճϳÝ) Ù³ëáõÙ ·ñ³ÝóáõÙ ¿ ëïáõ·áÕ³Ï³Ý Ãí»ñ: êï³óáÕ Ñ³Ù³Ï³ñ·ÇãÁ ѳٳå³ï³ëË³Ý Ó¨áí ѳßí³ñÏáõÙ ¿ ³Û¹ ÃÇíÁ ¨ ѳٻٳïáõÙ í»ñݳ·ñáõÙ »Õ³Í ÃíÇ Ñ»ï: ²Ýѳٳå³ï³ë˳ÝáõÃÛ³Ý ¹»åùáõÙ TCP-Ý ÷áñÓáõÙ ¿ ÏñÏÝ»É Ñ³Õáñ¹áõÙÁ: гñÏ ¿ Ýß»É, áñ ÇÝýáñÙ³óÇáÝ ÷³Ã»ÃÝ»ñ áõÕ³ñÏ»ÉÇë TCP-Ý å³Ñ³ÝçáõÙ ¿ ëï³óÙ³Ý Ñ³í³ëï³·ñáõÙÁ: ¸³ Çñ³Ï³Ý³óíáõÙ ¿ ѳÕáñ¹Ù³Ý ÁÝóóùáõ٠ѳïáõÏ ëå³ëáõÙÝ»ñÇ (óÛÙ³áõÃÝ»ñÇ) ϳ½Ù³Ï»ñåÙ³Ý ÙÇçáóáí: ºí, ÝáõÛÝÇëÏ ³ÛÝ ¹»åùáõÙ, »ñµ ѳí³ëï³·ñáõÙÁ ¹»é ãÇ ëï³óí»É, ïíÛ³ÉÝ»ñÁ ß³ñáõݳÏíáõÙ »Ý ѳÕáñ¹í»É: ²é³ç³ÝáõÙ ¿ ѳÕáñ¹í³Í, ë³Ï³ÛÝ ëï³óáõÙÁ ãѳí³ëïí³Í ïíÛ³ÉÝ»ñÇ áñáß³ÏÇ Í³í³É: ²ÛÉ Ï»ñå ³ë³Í` TCP-Ý Ï³½Ù³Ï»ñåáõÙ ¿ ÇÝýáñÙ³ódzÛÇ »ñÏÏáÕÙ³ÝÇ ÷á˳ݳÏáõÙ, ÇÝãÁ Ýå³ëïáõÙ ¿ ¹ñ³ ѳÕáñ¹Ù³Ý ³í»ÉÇ Ù»Í ³ñ³·³·áñÍáõÃÛ³ÝÁ: Æñ³Ï³ÝáõÙ, ѳÕáñ¹áÕ Ñ³Ù³Ï³ñ·ãÇó ÇÝýáñÙ³óÇ³Ý ³ÝÙÇç³å»ë ãÇ Ñ³Õáñ¹íáõ٠ѳëó»³ï»ñ ѳٳϳñ·ãÇÝ: êϽµáõÙ ïíÛ³ÉÝ»ñÁ ѳÕáñ¹íáõÙ »Ý ³ÛÝ Ñ³Ù³Ï³ñ·ãÇÝ, áñÁ ϳå³ÏóáõÙ ¿ ѳÕáñ¹áÕÇÝ Ð³Ù³ß˳ñѳÛÇÝ ó³ÝóÇ Ñ»ï, Ñ»ïá` ѳçáñ¹ÇÝ ¨ ³Û¹å»ë ÙÇÝ㨠³é³çÇÝ ó³Ýó³ÛÇÝ Ñ³Ý·áõÛó: ò³Ýó³ÛÇÝ Ñ³Ý·áõÛó ¿ Ïáãíáõ٠ѳٳϳñ·ÇãÁ, áñÁ ÙdzíáñáõÙ ¿ ÙǨÝáõÛÝ ó³Ýó³ÛÇÝ ³ñӳݳ·ñáõÃÛáõÝÁ û·ï³·áñÍáÕ ÙÇ ù³ÝÇ ÉáÏ³É ó³Ýó»ñ: гݷáõÛóáõÙ áñáßíáõÙ ¿ ³ÛÝ áõÕÕáõÃÛáõÝÁ, áñÁ Ùáï³íáñ³å»ë ѳٳå³ï³ë˳ÝáõÙ ¿ ѳëó»³ï»ñ ѳٳϳñ·ãÇ ·ïÝí»Éáõ í³ÛñÇÝ, ³ÛëÇÝùÝ` áñáßíáõÙ ¿ ÇÝýáñÙ³óÇáÝ ÷³Ã»ÃÇ »ñÃáõÕÇÝ: ²Ù»Ý ÙÇ Ñ³çáñ¹ ѳݷáõÛóáõÙ ÝáõÛÝå»ë áñáßíáõÙ ¿ ÷³Ã»ÃÇ Ñ»ï³·³ »ñÃáõÕÇÝ ¨ ³Û¹å»ë ß³ñáõݳÏ, ÙÇÝ㨠³ÛÝ Ñ³ëÝáõÙ ¿ í»ñçÝ³Ï³Ý ëï³óáÕÇÝ: àñå»ë½Ç ÷³Ã»ÃÁ “ãÙáÉáñíÇ”, ÆÝï»ñÝ»ïÇ µáÉáñ ѳݷáõÛóÝ»ñáõÙ ³éϳ »Ý, ³Ûëå»ë Ïáãí³Í, “»ñÃáõÕ³ÛÇÝ ³ÕÛáõë³ÏÝ»ñ” – ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñ, áñáÝù å³ñáõݳÏáõÙ »Ý ³Ûë ϳ٠³ÛÝ ÷³Ã»ÃÁ áõÕ³ñÏ»Éáõ áõÕÕáõÃÛáõÝÝ»ñÇ áñáßÙ³Ý Ï³ñ·³·ñ»ñÁ: ºñÃáõÕÇÝ»ñÁ áñáßáÕ Ñ³Ý·áõÛóÝ»ñÇ Ñ³Ù³Ï³ñ·Çã ë»ñí»ñÝ»ñÁ ëï³ó»É »Ý »ñÃáõÕ³íáñáÕÝ»ñ ϳ٠éááõûñÝ»ñ (router) ³Ýí³ÝáõÙÁ: ºñÃáõÕÇÝ»ñÁ áñáßáÕ Ï³ÝáÝÝ»ñÁ Ýϳñ³·ñí³Í »Ý ÙÇ ù³ÝÇ ³ñӳݳ·ñáõÃÛáõÝÝ»ñáõÙª ICMP (Internet Control Message Protocol), RIP (Routing Internet Protocol) ¨ OSPF (Open Shortest Path First): ÆëÏ ÇÝãå»±ë ¿ »ñÃáõÕ³íáñáÕÁ ÇÙ³ÝáõÙ` áñ áõÕÕáõÃÛ³Ùµ ¿ ³ÝÑñ³Å»ßï áõÕ³ñÏ»É ÇÝýáñÙ³óÇáÝ ÷³Ã»ÃÁ: ÆѳñÏ»` Ñ»Ýó ѳÕáñ¹áÕÇó, ù³ÝÇ áñ, ÇÝãå»ë ¨ ÷áëïáí Ý³Ù³Ï áõÕ³ñÏ»ÉÇë, ÇÝýáñÙ³óÇ³Ý ó³Ýóáí ѳÕáñ¹»ÉÇë ³ÝÑñ³Å»ßï ¿ Ýß»É, û áõ±ñ (ϳ٠áõ±Ù) ¿ áõÕ³ñÏíáõÙ:
¢ 1.2. гëó»³íáñÙ³Ý Ñ³Ù³Ï³ñ·Á ÆÝï»ñÝ»ïáõÙ ÆÝãå»ë »ñÏñ³·Ý¹Ç Ûáõñ³ù³ÝãÛáõñ µÝ³ÏÇã áõÝÇ Ñ³ëó», Áëï áñÇ` ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ Ýñ³Ý ϳñ»ÉÇ ¿ ·ïÝ»É, ³ÛÝå»ë ¿É ÆÝï»ñÝ»ïáõÙ ³ß˳ïáÕ Ûáõñ³ù³ÝãÛáõñ ѳٳϳñ·Çã áõÝÇ »½³ÏÇ Ñ³ëó»: ÆѳñÏ», ÆÝï»ñÝ»ïÇ Ñ³ëó»Ý»ñÁ ï³ñµ»ñíáõÙ »Ý ÷áëï³ÛÇÝÝ»ñÇó: úñÇݳÏ, »Ã» ·ñ»Ýù “ä³ñáÝ Intel Pentium IV – ÇÝ, ù. ºñ¨³Ý, ÷. ²µáíÛ³Ý, ß.15, µÝ.10”, ³å³ ѳٳϳñ·ÇãÁ É³í³·áõÛÝ ¹»åùáõ٠ϳÝï»ëÇ ³Û¹åÇëÇ ·ñ³ÝóáõÙÁ: ê³Ï³ÛÝ, ûñÇݳϪ 192.85.102.14 ï»ëùÇ ·ñ³ÝóáõÙÁ ѳٳϳñ·ãÇÝ Ùdzݷ³Ù³ÛÝ Ñ³ëϳݳÉÇ ¿, ù³ÝÇ áñ ³ÛÝ Ñ³Ù³å³ï³ë˳ÝáõÙ ¿ TCP/IP ³ñӳݳ·ñáõÃÛ³Ý ëï³Ý¹³ñïÇÝ ¨ ÏáãíáõÙ ¿ IP ѳëó»: IP ѳëó»Ý ϳ½Ùí³Í ¿ ãáñë ï³ë³Ï³Ý Ù»Ï µ³Ûï³Ýáó ǹ»ÝïÇýÇϳïáñÝ»ñÇó (ãáñë ûÏï»ïÝ»ñÇó), áñáÝù Çñ³ñÇó µ³Å³ÝíáõÙ »Ý Ï»ï»ñáí: Ò³Ë ûÏï»ïÁ µÝáõó·ñáõÙ ¿ ³ÛÝ ÉáÏ³É »Ýóó³ÝóÇ ï»ë³ÏÁ, áñÇÝ ³ÝÙÇç³å»ë Ùdzóí³Í ¿ ѳٳϳñ·ÇãÁ: TCP/IP ëï³Ý¹³ñïÁ ݳ˳ï»ëáõÙ ¿ ÑÇÝ· ï»ë³ÏÇ »Ýóó³Ýó»ñ, áñáÝù Ý»ñϳ۳óí³Í »Ý ³ÕÛáõë³Ï 1.2.1-áõÙ: ²ÕÛáõë³Ï 1.1 ºÝóó³Ýó»ñÇ ï»ë³ÏÝ»ñÁ ò³ÝóÇ Ò³Ë ûÏï»ïÇ ºÝóó³Ýó»ñÇ Ñݳ¹³ëÁ ѳٳñÝ»ñÁ ñ³íáñ ù³Ý³ÏÁ
гݷáõÛóÝ»ñÇ Ñݳñ³íáñ 13
ù³Ý³ÏÁ A B C D E
1 – 126 128 – 191 192 – 223 224 – 239 240 - 247
126 16382 2097150 -
16777214 65534 254 2 – 28 2 - 27
A ¹³ëÇ Ñ³ëó»Ý»ñÁ Ý߳ݳÏí³Í »Ý ÁݹѳÝáõñ û·ï³·áñÍÙ³Ý Ëáßáñ ó³Ýó»ñÇ Ñ³Ù³ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ëï»ÕÍ»É Ù»Í Ãíáí ѳݷáõÛóÝ»ñ Áݹ·ñÏáÕ Ñ³Ù³Ï³ñ·»ñ: B-ݪ ÙÇçÇÝ ã³÷»ñÇ Ïáñåáñ³ïÇí ó³Ýó»ñÇ Ñ³Ù³ñ: C ¹³ëÁ û·ï³·áñÍíáõÙ ¿ áã Ù»Í Ó»éݳñÏáõÃÛáõÝÝ»ñÇ ÉáÏ³É ó³Ýó»ñáõÙ: гٳϳñ·ÇãÝ»ñÇ ³é³ÝÓÇÝ ËÙµ»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ D ¹³ëÇ Ñ³Ù³ñÝ»ñÇ ë»ñdzÝ, ÇëÏ E ¹³ëÁ ³é³ÛÅÙ (ÇÝãå»ë Ù»½ ѳÛïÝÇ ¿) ãÇ û·ï³·áñÍíáõÙ: IP ѳëó»Ç í»ñçÇÝ ûÏï»ïÁ óáõÛó ¿ ï³ÉÇë ÑáëïÇ Ñ³Ù³ñÁ ïíÛ³É ÉáÏ³É ó³ÝóáõÙ: Ðáëï »Ý ³Ýí³ÝáõÙ ÆÝï»ñÝ»ïÇÝ Ùdzó³Í ó³Ýϳó³Í ѳٳϳñ·ÇãÁ` ³ÝÏ³Ë ¹ñ³ Ý߳ݳÏáõÙÇó: ØÛáõë »ñÏáõ ûÏï»ïÝ»ñÁ ³í»ÉÇ ó³Íñ ٳϳñ¹³ÏÝ»ñÇ »Ýóó³Ýó»ñÇ Ñ³Ù³ñÝ»ñÝ »Ý: ´³ó³ïñ»Ýù ¹³ ûñÇݳÏáí: ºÝó¹ñ»Ýù` ó³ÝϳÝáõÙ »Ýù 196.65.28.14 ѳëó»áí áõÕ³ñÏ»É Ã³ñ٠ѳٳϳñ·ã³ÛÇÝ íÇñáõëÝ»ñÇ ÷³Ã»Ã: êϽµáõÙ ³ÛÝ ÏáõÕ³ñÏíÇ ÆÝï»ñÝ»ïÇ 196-ñ¹ ó³ÝóÇÝ (³ÛÝ å³ïϳÝáõÙ ¿, ÇÝãå»ë ï»ëÝáõÙ »Ýù, C ¹³ëÇÝ): ÀݹáõÝ»Ýù, áñ ³Û¹ ó³ÝóÁ å³ñáõݳÏáõÙ ¿ 71 »Ýóó³Ýó»ñ, ë³Ï³ÛÝ ÷³Ã»ÃÁ áõÕ³ñÏíáõÙ ¿ ¹ñ³ÝóÇó 65-ñ¹Ç 28-ñ¹ ³í»ÉÇ ÷áùñ »Ýóó³ÝóÇÝ, ¨ »Ã» ³Û¹ ó³ÝóÇÝ Ùdzóí³Í »Ý, ûñÇݳÏ, 30 ѳٳϳñ·ÇãÝ»ñ, ³å³ ¹Åí³ñ ã¿ Ïé³Ñ»É, áñ ÷³Ã»ÃÁ Ïëï³Ý³ ¹ñ³ÝóÇó 14-ñ¹ ѳٳñÝ áõÝ»óáÕ Ñ³Ù³Ï³ñ·ÇãÁ: ê³Ï³ÛÝ ³ß˳ñÑáõÙ ¹Åí³ñ û ·ïÝíÇ ÙÇ Ù³ñ¹, áñÁ Ïϳñáճݳ ³Ý·Çñ ³Ý»É Ãí»ñÇ ³Û¹ ³Ñé»ÉÇ Ñ³í³ù³ÍáõÝ»ñÁ, ÇëÏ ù³ÝÇ áñ ÆÝï»ñÝ»ïÁ ëï»ÕÍáÕ Ù³ëݳ·»ïÝ»ñÁ ÝáõÛÝå»ë Ù³ñ¹ÇÏ »Ý, ³å³ áñáß Å³Ù³Ý³Ï Ùïáñ»Éáõó Ñ»ïá Ýñ³Ýù ëï»ÕÍ»óÇÝ Ñ³ëó»³íáñÙ³Ý ã³÷³½³Ýó û·ï³Ï³ñ ¨ ѳñÙ³ñ »Õ³Ý³Ï, áñÁ ÏáãíáõÙ ¿ “²ÝáõÝÝ»ñÇ ¹áÙ»ÛݳÛÇÝ Ñ³Ù³Ï³ñ·” – DNS (Domain Name System): àñå»ë ÑÇÙù` DNS-áõÙ ÁݹáõÝí³Í ¿ ëáíáñ³Ï³Ý ÷áëï³ÛÇÝ Ñ³Õáñ¹áõÙÝ»ñÇ (ûñÇݳϪ ݳٳÏÝ»ñÇ) ѳëó»³íáñÙ³Ý ëϽµáõÝùÁ: êϽµáõÙ “ݳٳÏÁ” áõÕ³ñÏíáõÙ ¿ ³é³í»É Ëáßáñ ³¹ÙÇÝÇëïñ³ïÇí ï³ñ³Íùª »ñÏÇñ: ø³ÝÇ áñ ³ß˳ñÑáõÙ ·áÛáõÃÛáõÝ ãáõÝ»Ý ÙǨÝáõÛÝ ³ÝáõÝÝ áõÝ»óáÕ »ñÏáõ »ñÏñÝ»ñ, ³å³ ³Û¹ ÷áõÉáõ٠ݳٳÏÁ ãÇ ÏáñãÇ: ¸ñ³ÝÇó Ñ»ïá, ѳçáñ¹³µ³ñ ³ÛÝ Ñ³ëÝáõÙ ¿ ù³Õ³ù, ÷áÕáó, ß»Ýù ¨, í»ñç³å»ë, µÝ³Ï³ñ³Ý: ²ÛëÇÝùÝ` »Ã» Ù»Ýù Ýϳñ³·ñ»Ýù ѳëó»Ý ûñÇÝ³Ï ³Ûëå»ë` “µÝ.1, ß.12, ÷.²µáíÛ³Ý, ù.ºñ¨³Ý, г۳ëï³ÝÇ Ð³Ýñ³å»ïáõÃÛáõÝ” (ØdzóÛ³É Ü³Ñ³·Ý»ñáõÙ, áñï»Õ ëï»ÕÍ»É »Ý ÆÝï»ñÝ»ïÁ, ѳëó»Ý ·ñ³ÝóíáõÙ ¿ Ñ»Ýó ³Û¹åÇëÇ Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµ), ³å³ ѳëÝ»Éáí ëϽµáõ٠г۳ëï³Ý, ³å³ ºñ¨³Ý, ²µáíÛ³Ý ÷áÕáó, 12-ñ¹ ß»Ýù ¨, í»ñç³å»ë, 1-ÇÝ µÝ³Ï³ñ³Ýª ݳٳÏÁ Ï·ïÝÇ Ñ³ëó»³ïÇñáçÁ: ¶áñÍݳϳÝáõÙ ¹áÙ»ÛݳÛÇÝ Ñ³ëó»Ý áãÝãáí ãÇ ï³ñµ»ñíáõÙ í»ñÁ Ýßí³ÍÇó, ûñÇݳÏ` myhost.mydomain.am: ìÇñïáõ³É ѳëó»Ç ³Û¹åÇëÇ Ý߳ݳÏáõÙÁ ÁݹáõÝí³Í ¿ ³Ýí³Ý»É URL (Uniform Resourse Locator), ÇÝãÁ ϳñ»ÉÇ ¿ óñ·Ù³Ý»É` “é»ëáõñëÇ ï»ÕáñáßÙ³Ý áõÝÇí»ñë³É áñáßÇã”: ÆÝãå»ë ï»ëÝáõÙ »Ýù, гٳß˳ñѳÛÇÝ ó³ÝóÇ ³Ûë ϳ٠³ÛÝ é»ëáõñëÇ Ñ³ëó»Ý Ù³ëݳïí³Í ¿ ÙÇ ù³ÝÇ µ³Õ³¹ñÇãÝ»ñÇ, áñáÝù ÏáãíáõÙ »Ý ¹áÙ»ÛÝÝ»ñ: ¸áÙ»ÛÝÁ ÆÝï»ñÝ»ïÇ áñáß³ÏÇ ïñ³Ù³µ³Ý³Ï³Ý ٳϳñ¹³Ï ¿, ³ÛëÇÝùÝ` ó³Ýó³ÛÇÝ é»ëáõñëÝ»ñÇ ÙÇ ËáõÙµ, áñÝ áõÝÇ ë»÷³Ï³Ý ³Ýí³ÝáõÙÁ ¨ ջϳí³ñíáõÙ ¿ ë»÷³Ï³Ý ó³Ýó³ÛÇÝ Ï³Û³Ýáí: DNS ѳëó»Ç ÑÇÙÝ³Ï³Ý µ³Õ³¹ñÇãÁ, ³Ûëå»ë Ïáãí³Í, “³é³çÇÝ Ù³Ï³ñ¹³ÏÇ ¹áÙ»ÛÝÝ ¿”, áñÁ µÝáõó·ñáõÙ ¿ áñáß³ÏÇ ·Éáµ³É ³ß˳ñѳ·ñ³Ï³Ý ï³ñ³Íù, ûñÇݳÏ` ³é³ÝÓÇÝ å»ïáõÃÛ³Ý ï³ñ³ÍùÁ (ѳïϳÝß³Ï³Ý ¿, áñ ØdzóÛ³É Ü³Ñ³Ý·Ý»ñÇ ë»÷³Ï³Ý ï³ñ³Íù³ÛÇÝ ¹áÙ»ÛÝÁª “US”, ëáíáñ³µ³ñ ãÇ ÝßíáõÙ, ù³ÝÇ áñ ëϽµÝ³Ï³Ý ßñç³ÝáõÙ ÆÝï»ñÝ»ñÁ ѳݹÇë³ÝáõÙ ¿ñ ³Ù»ñÇÏÛ³Ý ³½·³ÛÇÝ ó³Ýó): ºñÏñáñ¹ ٳϳñ¹³ÏÇ ¹áÙ»ÛÝÝ»ñÇÝ (¹ñ³Ýù ϳñáÕ »Ý ÉÇÝ»É µ³ÝÏ»ñÇ, ·Çï³Ï³Ý ϳ½Ù³Ï»ñåáõÃÛáõÝÝ»ñÇ, ù³Õ³ù³ÛÇÝ ÙáõÝÇóÇå³É ͳé³ÛáõÃÛáõÝÝ»ñÇ ÉáÏ³É ó³Ýó»ñ ϳ٠³é³ÝÓÇÝ ë»ñí»ñÝ»ñ, áñáÝù ïñ³Ù³¹ñáõÙ »Ý û·ïíáÕÝ»ñÇÝ ï³ñµ»ñ ï»ë³ÏÇ Í³é³ÛáõÃÛáõÝÝ»ñ) ïñíáõÙ »Ý Ï³Ù³Û³Ï³Ý ³ÝáõÝÝ»ñ, ÙdzÛÝ Ã» í»ñçÇÝÝ»ñë ãÏñÏÝí»Ý ³í³· ¹áÙ»ÛÝÇ ë³ÑÙ³ÝÝ»ñáõÙ: ÜáõÛÝ ëϽµáõÝùáí »Ý ïñíáõÙ ³ÝáõÝÝ»ñ »ññáñ¹ ٳϳñ¹³ÏÇ ¹áÙ»ÛÝÝ»ñÇÝ: âáññáñ¹ ٳϳñ¹³ÏáõÙª áñå»ë Ñáëï, ëáíáñ³µ³ñ í»ñóíáõÙ ¿ ϳ٠ÉáÏ³É ó³Ýóáõ٠ѳٳϳñ·ãÇÝ ïñí³Í ³ÝáõÝÁ (ûñÇݳÏ, comp10) ϳ٠áñ¨¿ ³ÛÉ ³ÝáõÝ (ûñÇݳϪ Sargis, Lusine ¨ ³ÛÉÝ)ª Áëï ѳٳϳñ·ãÇ ïÇñáç ׳߳ÏÇ: ÆÝãå»ë ³ëí»ó, ÆÝï»ñÝ»ïÁ ÙdzëÝ³Ï³Ý Ï³éáõóí³Íù ¿, áñÁ ÙdzíáñáõÙ ¿ 13 ѳ½³ñÇó ³í»ÉÇ ï³ñµ»ñ ÉáÏ³É ó³Ýó»ñ ¨, µ³óÇ ³Û¹, µ³½Ù³ÃÇí ³é³ÝÓÇÝ (³Ýѳï) û·ïíáÕÝ»ñÇ: ܳËÏÇÝáõÙ ÆÝï»ñÝ»ïáõÙ Ùdzíáñí³Í µáÉáñ ó³Ýó»ñÁ ïíÛ³ÉÝ»ñ ѳÕáñ¹»Éáõ ѳٳñ û·ï³·áñÍáõÙ ¿ÇÝ ÙdzÛÝ IP ³ñӳݳ·ñáõÃÛáõÝÁ, ë³Ï³ÛÝ ½³ñ·³óÙ³Ý ÁÝóóùáõÙ Ýñ³Ý Ùdzó³Ý ݳ¨ ³ÛÝ ÉáÏ³É Ñ³Ù³Ï³ñ·»ñÇ û·ïíáÕÝ»ñÁ, 14
áñáÝù ã¿ÇÝ û·ï³·áñÍáõÙ IP: î³ñµ»ñ ³ñӳݳ·ñáõÃÛáõÝÝ»ñÇó û·ïíáÕ ó³Ýó»ñÁ Ùdzíáñ»Éáõ ѳٳñ ëï»ÕÍí»óÇÝ, ³Ûëå»ë Ïáãí³Í, ßÉÛáõ½Ý»ñÁ: ÞÉÛáõ½Á Íñ³·Çñ ¿, áñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ÇÝýáñÙ³óÇ³Ý ÷áË³Ý³Ï»É »ñÏáõª ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý ï³ñµ»ñ ³ñӳݳ·ñáõÃÛáõÝÝ»ñ û·ï³·áñÍáÕ, ѳٳϳñ·»ñÇ ÙÇç¨: ÞÉÛáõ½Ç ÙÇçáóáí ÇÝýáñÙ³óÇ³Ý Ñ³Õáñ¹»Éáõ ѳٳñ Ùß³Ïí»óÇÝ Ý³¨ ÙÇç³ÝóÇÏ ³ñӳݳ·ñáõÃÛáõÝÝ»ñ, áñáÝù ³å³ÑáíáõÙ »Ý ïíÛ³ÉÝ»ñÇ ³Ý³ñ·»É ³ÝóáõÙÁ IP ó³Ýó»ñÇó áã IP-»ñÇÝ ¨, ѳϳé³ÏÁ: ²í³ñï»Éáí ÆÝï»ñÝ»ïÇ Ï³éáõóí³ÍùÇ ¨ ³ß˳ï³ÝùÇ ëϽµáõÝùÝ»ñÇ Ýϳñ³·ñáõÃÛ³ÝÁ í»ñ³µ»ñáÕ Ã»Ù³Ý, ѳñÏ ¿ Ýᯐ ¨ë Ù»Ï ó³Ýó³ÛÇÝ ³ñӳݳ·ñáõÃÛáõݪ ü³ÛÉ»ñÇ ÷á˳ݳÏÙ³Ý ³ñӳݳ·ñáõÃÛáõÝÁ – FTP (File Transfer Protocol): ÆÝãå»ë Ñ»ï¨áõÙ ¿ ³Ýí³ÝáõÙÇó, ³ÛÝ Ý߳ݳÏí³Í ¿ ÆÝï»ñÝ»ïÇ ÙÇçáóáí ý³ÛÉ»ñ ѳÕáñ¹»Éáõ ѳٳñ: лÝó ³Û¹ ³ñӳݳ·ñáõÃÛ³Ý íñ³ »Ý ÑÇÙÝí³Í, ³Ûëå»ë Ïáãí³Í, “¹³áõÝÉá¹Ç” ¨ “³÷Éá¹Ç” ·áñͳéáõÛÃÝ»ñÁ: ¸³áõÝÉá¹ ¿ (Download) ÏáãíáõÙ Ñ»é³óí³Í ó³Ýó³ÛÇÝ Ñ³Ù³Ï³ñ·ãÇó (ë»ñí»ñÇó) Ýñ³Ý ѳñóáõ٠ϳï³ñáÕ Ñ³Ù³Ï³ñ·ãÇ (ÏÉÇ»ÝïǪ ѳ׳Ëáñ¹Ç) íñ³ ý³ÛÉ»ñÇ å³ï׻ݳѳÝÙ³Ý ·áñÍÁÝóóÁ: ²÷Éá¹Á (Upload) ¹ñ³Ý ѳϳé³Ï ·áñÍáÕáõÃÛáõÝÝ ¿ª ý³ÛÉ»ñÇ µ»éÝáõÙÁ Ñ»é³óí³Í ѳٳϳñ·ãÇ íñ³: FTP ³ñӳݳ·ñáõÃÛáõÝÁ ÃáõÛÉ ¿ ï³ÉÇë ѳٳϳñ·ãÇó ѳٳϳñ·Çã ÷á˳¹ñ»É áã ÙdzÛÝ ³é³ÝÓÇÝ ý³ÛÉ»ñ, ³Ûɨ ³ÙµáÕç³Ï³Ý ¹Çñ»Ïïáñdzݻñ, áñáÝù ϳñáÕ »Ý Áݹ·ñÏ»É ó³Ýϳó³Í ËáñáõÃÛ³Ùµ Ý»ñ¹ñí³Í »Ýó¹Çñ»Ïïáñdzݻñ: ¸³ Çñ³Ï³Ý³óíáõÙ ¿ ïíÛ³É ³ñӳݳ·ñáõÃÛ³Ý Ý»ñϳéáõóí³Í ýáõÝÏódzݻñÁ Ýϳñ³·ñáÕ Ññ³Ù³ÝÝ»ñÇ Ñ³Ù³Ï³ñ·ÇÝ ¹ÇÙ»Éáõ ÙÇçáóáí: ê»ñí»ñÇ ¨ ѳ׳Ëáñ¹Ç ÙÇç¨ Ï³åÁ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ FTP ³ñӳݳ·ñáõÃÛáõÝÁ û·ï³·áñÍáõÙ ¿ TCP-Ç »ñÏáõ ï³ñµ»ñ ÙdzóáõÙÝ»ñ: ²Û¹ ÙdzóáõÙÝ»ñÁ ÏáãíáõÙ »Ý ջϳí³ñáÕ (control connection) ¨ ï»Õ»Ï³ïí³Ï³Ý (data connection): ì»ñçÇÝë ÏáãíáõÙ ¿ ݳ¨ ïíÛ³ÉÝ»ñÇ ÷á˳ݳÏÙ³Ý ÙdzíáñáõÙ (data transfer connection): ØdzóáõÙÁ ϳñáÕ ¿ ·ïÝí»É 2 íÇ׳ÏÝ»ñÇó Ù»ÏáõÙª Իϳí³ñáÕ ÙdzóáõÙÁ Ï³å ¿ ³å³Ñáíáõ٠ѳ׳Ëáñ¹Ç ¨ FTP ë»ñí»ñÇ ÙÇç¨ ¨ ÙÝáõÙ ¿ Ùdzó³Í 뻳ÝëÇ ³ÙµáÕç ÁÝóóùáõÙ: Իϳí³ñáÕ ÙdzóáõÙÁ ÑëÏíáõÙ ¿ ·áñÍÁÝóóÝ»ñÇ Ñ³ïáõÏ ËÙµáíª ë»ñí»ñÇ ³ñӳݳ·ñáõÃÛ³Ý í»ñͳÝÇãáí (ÇÝï»ñåñ»ï³ïáñáí` server Protocol interpreter ϳ٠server PI): ޳ѳ·áñÍáÕ³Ï³Ý ³ñӳݳ·ñáõÃÛ³Ý ÇÝï»ñåñ»ï³ïáñÁ Çñ³Ï³Ý³óÝáõÙ ¿ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý ·áñÍÁÝóóÇ Õ»Ï³í³ñáõÙÁ (user Data Transfer Processª user DTP): ÆÝýáñÙ³óÇáÝ ÙdzóáõÙÁ Çñ³Ï³Ý³óíáõÙ ¿ ѳ׳Ëáñ¹Ç ¨ ë»ñí»ñÇ ÙÇç¨ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý ųٳݳÏ, ÇëÏ ÇÝýáñÙ³ódzÛÇ Ñ³Õáñ¹áõÙÁ í»ñç³óÝ»Éáõó Ñ»ïá ³ÛÝ ÷³ÏíáõÙ ¿, áñÇó Ñ»ïá ջϳí³ñáõÙÁ ÙÝáõÙ ¿ µ³ó: ²Ù»Ý ¹»åùáõÙ, »ñµ ëÏëíáõÙ ¿ ѳÕáñ¹Ù³Ý Ýáñ ·áñÍÁÝóó, µ³óíáõÙ ¿ ѳ׳Ëáñ¹Ç Ýáñ ѳݷáõÛó: îíÛ³ÉÝ»ñÇ Ñ³Ý·áõÛóÁ ë»ñí»ñáõÙ ÙÇßï áõÝÇ 20 ѳٳñÁ: FTP 뻳ÝëÁ ·áñͳñÏíáõÙ ¿ Ññ³Ù³Ý³ÛÇÝ ïáÕáí: ¶áñÍÁÝóóÁ ëÏë»Éáõ ¨ ë»ñí»ñÇÝ ÙdzݳÉáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ Ññ³Ù³Ý³ÛÇÝ ïáÕáõ٠ѳí³ù»Éª ftp: // IP ѳëó»Ý ϳ٠¹áÙ»ÛݳÛÇÝ Ñ³ëó»Ý:
¢ 1.3. ÆÝï»ñÝ»ïáõÙ Ù³ïáõóíáÕ Í³é³ÛáõÃÛáõÝÝ»ñÁ ÆÝï»ñÝ»ïÇ Ñ³Ù³ñ Ùß³Ïí³Í µáÉáñ Íñ³·ñ»ñÁ µ³Å³ÝíáõÙ »Ý »ñÏáõ Ù»Í ËÙµ»ñǪ ë»ñí»ñÝ»ñ ¨ ÏÉÇ»ÝïÝ»ñ: ê»ñí»ñ-Íñ³·ñ»ñÁ ѳïϳóÝáõÙ »Ý ÏÉÇ»Ýï-Íñ³·ñ»ñÇÝ ³Ûë ϳ٠³ÛÝ ï»ë³ÏÇ é»ëáõñëÝ»ñ ¨ ³å³ÑáíáõÙ ¹ñ³Ýó ѳë³Ý»ÉÇáõÃÛáõÝÁ: ºñµ ÏÉÇ»Ýï-Íñ³·ñÇÝ ³ÝÑñ³Å»ßï ¿ ÉÇÝáõÙ áñ¨¿ ý³ÛÉ Ï³Ù ÁݹѳÝñ³å»ë áñ¨¿ ï»ë³ÏÇ ïíÛ³É, ³ÛÝ Ó¨³íáñáõÙ ¿ ѳïáõÏ ÏÉÇ»Ýï³Ï³Ý ѳñóáõÙ ¨ áõÕ³ñÏáõÙ ë»ñí»ñÇÝ: ê»ñí»ñÁ Ùß³ÏáõÙ ¿ ³Û¹ ѳñóáõÙÁ ¨ áõÕ³ñÏáõÙ ë»ñí»ñ³ÛÇÝ å³ï³ë˳Ý, áñÁ å³ñáõݳÏáõÙ ¿ ϳ٠ѳñóíáÕ ïíÛ³ÉÝ»ñÁ, ϳ٠(³ÛÝ ¹»åùáõÙ, »ñµ ³Û¹ ïíÛ³ÉÝ»ñÁ áñ¨¿ å³ï׳éáí ѳë³Ý»ÉÇ ã»Ý) ѳÕáñ¹³ÏóáõÃÛáõÝ ë˳ÉÇ Ù³ëÇÝ: гٳϳñ·ã³ÛÇÝ ×³ñï³ñ³å»ïáõÃÛ³Ý, ³ÛëÇÝùÝ` ѳßíáÕ³Ï³Ý Ñ³Ù³Ï³ñ·Ç ϳéáõóÙ³Ý ³Û¹åÇëÇ ëϽµáõÝùÁ ÏáãíáõÙ ¿ “ÏÉÇ»Ýï-ë»ñí»ñ” ϳ٠»ñÏûճϳÝÇ: лÝó ¹ñ³Ýáí ¿É ³ÛÝ ï³ñµ»ñíáõÙ ¿ Ù»ÏûճϳÝÇ Ñ³Ù³Ï³ñ·»ñÇó, áñáÝóáõÙ Áݹ·ñÏí³Í µáÉáñ ѳٳϳñ·ÇãÝ»ñÝ áõÝ»Ý Ñ³í³ë³ñ Çñ³íáõÝùÝ»ñ ¨ ϳñáÕ »Ý ÇÝãå»ë µ³Å³Ý»É, ³ÛÝå»ë ¿É û·ï³·áñÍ»É ó³Ýó³ÛÇÝ é»ëáõñëÝ»ñÁ: “ÎÉÇ»Ýï-ë»ñí»ñ” ëϽµáõÝùÇ íñ³ »Ý ÑÇÙÝí³Í ÆÝï»ñÝ»ïÇ Ñ³Ù³ñÛ³ µáÉáñ ͳé³ÛáõÃÛáõÝÝ»ñÁ: ÆÝï»ñÝ»ï ó³ÝóÇ ÙÇçáóáí û·ïíáÕÝ»ñÇÝ Ù³ïáõóíáõÙ ¿ ͳé³ÛáõÃÛáõÝÝ»ñÇ µ³½Ù³ï»ë³Ï ÁÝïñ³ÝÇ, áñáÝó ß³ñùÝ »Ý ¹³ëíáõÙ Ù»½ ù³ç ѳÛïÝÇ ³ÛÝåÇëÇ Í³é³ÛáõÃÛáõÝÝ»ñ, ÇÝãåÇëÇù »Ýª WWW (World Wide Web) - гٳß˳ñѳÛÇÝ áëï³ÛÝ, Electronic Mail ϳ٠E-Mail - ¾É»ÏïñáݳÛÇÝ ÷áëï³ÛÇÝ Í³é³ÛáõÃÛáõÝ, Usenet - Ñ»é³ÏáÝý»ñ³ÝëÝ»ñ, 15
Telnet – ѳٳϳñ·ÇãÝ»ñÇ ÷áËѳٳ·áñͳÏóáõÙ:
1.3.1. гٳß˳ñѳÛÇÝ áëï³ÛÝ (WWW) Web-ë»ñí»ñÁ ѳٳϳñ·Çã ¿, áñÁ Ùdzóí³Í ¿ ÆÝï»ñÝ»ïÇÝ ¨ áõÝÇ ë»ñí»ñ³ÛÇÝ Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙ (ûñÇݳϪ Windows 2000 server, MacOs, Unix ¨ ³ÛÉÝ): ²ÛÝ Ùßï³å»ë ³éϳ ¿ ÆÝï»ñÝ»ïáõÙ ¨ ѳñóáõÙÝ»ñ ¿ ëå³ëáõÙ ÏÉÇ»Ýï-Íñ³·ñ»ñÇó: WWW ͳé³ÛáõÃÛáõÝáõÙ áñå»ë ÏÉÇ»Ýï-Íñ³·ñ»ñ ѳݹ»ë »Ý ·³ÉÇë web-Ù»Ïݳµ³ÝÝ»ñÁª µñ³áõ½»ñÝ»ñÁ (browser) ϳ٠ѳٳÝÙ³Ý Íñ³·ñ»ñÁ, áñáÝù ϳñáÕ³ÝáõÙ »Ý Ùß³Ï»É web-¿ç»ñÁ (ûñÇݳÏ` Internet Explorer, Netscape, Opera): Web-ë»ñí»ñÝ»ñÁ Ùß³ÏáõÙ »Ý web-Ù»Ïݳµ³ÝÝ»ñÇ Ñ³ñóáõÙÝ»ñÁ ¨ áõÕ³ñÏáõÙ í»ñçÇÝÝ»ñÇÝ ³ÝÑñ³Å»ßï ý³ÛÉ»ñÁ: WWW-áõÙ, áñå»ë ë»ñí»ñÝ»ñÇ ¨ ÏÉÇ»ÝïÝ»ñÇ ÙÇç¨ “»ñÏËáëáõÃ۳ݔ ÑÇÙù, û·ï³·áñÍáõÙ »Ý HTTP (HyperText Transfer Protocol) – µ³ñÓñ³Ù³Ï³ñ¹³Ï ³ñӳݳ·ñáõÃÛáõÝÁ, áñÁ ³ß˳ïáõÙ ¿ TCP/IP ³ñӳݳ·ñáõÃÛ³Ý “íñ³ÛÇó”, ³ÛëÇÝùÝ` ëÏëáõÙ ¿ ³ß˳ï»É ÙdzÛÝ ³ÛÝ µ³ÝÇó Ñ»ïá, »ñµ TCP/IP ³ñӳݳ·ñáõÃÛáõÝáí ѳëï³ïíÇ ÏÉÇ»Ýï-ë»ñí»ñ ÙdzóáõÙÁ: ²Û¹ ϳåÁ ëáíáñ³µ³ñ Çñ³·áñÍíáõÙ ¿ ëï³Ý¹³ñïª 80-ñ¹ ѳݷáõÛóÇ (åáñïÇ) ÙÇçáóáí: ØdzݳÉáõó Ñ»ïá ÏÉÇ»Ýï-Íñ³·ÇñÁ (web-Ù»Ïݳµ³ÝÁ) HTTP Ññ³Ù³ÝÇ ÙÇçáóáí ѳñóáõÙ ¿ áõÕ³ñÏáõÙ web-ë»ñí»ñÇÝ: гñóáõÙÁ Ùß³ÏíáõÙ ¿, ¨ ÏÉÇ»Ýï-Íñ³·ñÇÝ áõÕ³ñÏíáõÙ ¿ å³ï³ë˳Ý, áñÁ å³ñáõݳÏáõÙ ¿ å³Ñ³ÝçíáÕ ÇÝýáñÙ³ódzÝ` ѳïáõÏ Ó¨áí ·Í³Ýßí³Í HTML ÷³ëï³ÃÕÃÇ ï»ëùáí: ö³ëï³ÃáõÕÃÁ ëï³Ý³ÉÇë ÁݹáõÝáÕ ÏáÕÙÁ ³ñ¹»Ý ÇÝùÝ ¿ áñáßáõÙ, û DZÝã ¿ å»ïù ³Ý»É ¹ñ³ Ñ»ïª óáõó³¹ñ»É ¿Ïñ³ÝÇ íñ³, å³Ñå³Ý»É ëϳí³é³ÏÇ íñ³, û µÕ³í»É “Ï»óó»”: HTTP ³ñӳݳ·ñáõÃÛáõÝáõÙ û·ï³·áñÍíáõÙ ¿ ѳëó»³íáñÙ³Ý Ñ»ï¨Û³É ï»ëùÁª http://IP ѳëó»Ý ϳ٠¹áÙ»ÛݳÛÇÝ Ñ³ëó»Ý:
1.3.2. ¾É»ÏïñáݳÛÇÝ ÷áëï (E-Mail) ¾É»ÏïñáݳÛÇÝ ÷áëïÁ ÙÇÙÛ³Ýó Ñ»ï ѳÕáñ¹³Ïóí»Éáõ ³é³í»É ï³ñ³Íí³Í ÙÇçáóÝ»ñÇó Ù»ÏÝ ¿: ²ÛÝ Ñݳñ³íáñáõÃÛáõÝ ¿ ï³ÉÇë ѳßí³Í í³ÛñÏÛ³ÝÝ»ñÇ ÁÝóóùáõ٠ѳÕáñ¹»É ³Ù»Ýáõñ, áñï»Õ ϳ ÆÝï»ñÝ»ï, ï»ùëï, web-¿ç»ñ ¨, ³éѳë³ñ³Ï, Ï³Ù³Û³Ï³Ý ý³ÛÉ»ñ` áñå»ë ݳٳÏÝ»ñÇ Ý»ñ¹ÇñÝ»ñ: ¾É»ÏïñáݳÛÇÝ ÷áëïÇ Ñ³ëó»Ý»ñÁ áñáß ã³÷áí ï³ñµ»ñíáõÙ »Ý DNS ѳٳϳñ·áõÙ ÁݹáõÝí³Í ѳëó»Ý»ñÇó: Úáõñ³ù³ÝãÛáõñ û·ïíáÕÇ ÷áëï³ñÏÕÇ Ñ³ëó»Ý áõÝÇ Ñ»ï¨Û³É ï»ëùÁª ûïíáÕÇ_³ÝáõÝ@÷áëï³ÛÇÝ_ë»ñí»ñÇ_ѳëó»: àñå»ë½Ç ѳٳϳñ·ÇãÁ ϳñáճݳ ½³ï»É ë»ñí»ñÇ ³ÝáõÝÁ, áñÇÝ áõÕ³ñÏíáõÙ ¿ ݳٳÏÁ û·ïíáÕÇ ³ÝáõÝÇó (³í»ÉÇ ßáõï` Ýñ³ ³ÝÓÝ³Ï³Ý Ï³ñ·³ó³ÝÏÇó` ϳï³Éá·Çó, áñáõÙ ë»ñí»ñÁ ·ñ³ÝóáõÙ ¿ ëï³óí³Í ݳٳÏÝ»ñÁ), û·ï³·áñÍíáõÙ ¿ @ Ýß³ÝÁ (ß³ï Ñ³×³Ë ³ÛÝ ³Ýí³ÝáõÙ »Ý “ßÝÇÏ”): ²Û¹ ϳñ·³ó³ÝÏáõ٠ݳٳÏÁ å³Ñå³ÝíáõÙ ¿ ³ÛÝù³Ý ųٳݳÏ, ÙÇÝ㨠ѳëó»³ï»ñÁ ãí»ñóÝÇ ³ÛÝ Ï³Ù ã³í³ñïíÇ å³Ñå³ÝÙ³Ý Å³ÙÏ»ïÁ:
1.3.3. лé³ÏáÝý»ñ³ÝëÝ»ñ (Usenet) Usenet-Ç Ñ»é³ÏáÝý»ñ³ÝëÝ»ñÁ »ñÏËáë³Ï³Ý ËÙµ»ñ »Ý, áñáÝù ϳ½Ù³Ï»ñåí³Í »Ý ëïáñ³Ï³ñ·Ù³Ý (ÑÇ»ñ³ñËÇÏ) ëϽµáõÝùáí: ì»ñÇÝ Ù³Ï³ñ¹³ÏáõÙ Usenet-Á µ³Å³Ýí³Í ¿ Ûáà ÑÇÙÝ³Ï³Ý Ã»Ù³ïÇÏ ËÙµ»ñÇ: ¸ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÁ Çñ Ñ»ñÃÇÝ Áݹ·ñÏáõÙ ¿ ѳñÛáõñ³íáñ »ÝóËÙµ»ñ: γ½Ù³íáñí³Í ¿ ͳé³ÝÙ³Ý Ï³éáõóí³Íù, áñÁ ÑÇß»óÝáõÙ ¿ ý³ÛɳÛÇÝ Ñ³Ù³Ï³ñ·Ç ϳéáõóí³ÍùÁ: àñå»ë ûñÇݳÏ` ÑÇÙÝ³Ï³Ý (í»ñÇÝ Ù³Ï³ñ¹³ÏÇ) ûٳïÇÏ ËÙµ»ñÇó ϳñ»ÉÇ ¿ ³é³ÝÓݳóÝ»É Ñ»ï¨Û³ÉÝ»ñÁª Comp, Sci, News, Soc, Talk: سëݳÏó»Éáí Ñ»é³ÏáÝý»ñ³ÝëÇ Áëï áñ¨¿ ûٳÛÇ, µ³Å³Ýáñ¹Á ϳñáÕ ¿ áõÕ³ñÏ»É Çñ»Ý Ñ»ï³ùñùñáÕ Ã»Ù³Ûáí ѳÕáñ¹³·ñáõÃÛáõÝ: ¶áÛáõÃÛáõÝ áõÝÇ ³Ûë ·áñÍÁÝóóÇ Çñ³Ï³Ý³óÙ³Ý »ñÏáõ Ù»ÃṪ å³ï³ë˳ÝÇ áõÕ³ñÏáõÙÁ Ñá¹í³ÍÇ Ñ»ÕÇݳÏÇÝ ¿É»ÏïñáݳÛÇÝ ÷áëïÇ ÙÇçáóáí, ë»÷³Ï³Ý ѳÕáñ¹³·ñáõÃÛ³Ý ïñ³Ù³¹ñáõÙÁ Ñ»é³ÏáÝý»ñ³ÝëÇ µáÉáñ Ù³ëݳÏÇóÝ»ñÇÝ:
1.3.4. гٳϳñ·ÇãÝ»ñÇ ÷áËѳٳ·áñͳÏóáõÙÁ (Telnet) Telnet ѳٳϳñ·Á (ͳé³ÛáõÃÛáõÝÁ) ëï»ÕÍí»É ¿ Ñ»é³óí³Í ѳٳϳñ·ÇãÝ»ñÇÝ, ³¹ÙÇÝÇëïñ³ïáñÇ Ù³Ï³ñ¹³Ïáí, áã ѳë³Ý»ÉÇáõÃÛáõÝ ³å³Ñáí»Éáõ Ýå³ï³Ïáí: ÐÇÙݳϳÝáõÙ ³ÛÝ Ý߳ݳÏí³Í ¿ Ñ»é³óí³Í ë»ñí»ñÝ»ñÇ íñ³ ï»Õ³¹ñí³Í ϳÛù»ñÁ ëå³ë³ñÏ»Éáõ ѳٳñ: Telnet-Ç ³ß˳ï³ÝùÇ Ù»Ë³ÝǽÙÁ, å³ñ½»óí³Í ï»ëùáí, Ñ»ï¨Û³ÉÝ ¿: лé³óí³Í ë»ñí»ñ³ÛÇÝ Ñ³Ù³Ï³ñ·ãÇ ³¹ÙÇÝÇëïñ³ïáñÁ µ³óáõÙ ¿ û·ïíáÕÇ (ϳÛùÇ ïÇñáç) ѳٳñ “³¹ÙÇÝÇëïñ³ïáñÇ Ñ³ßÇí” (root account)` ѳïϳóÝ»Éáí ïñ³Ù³µ³Ý³Ï³Ý ѳßí³éÙ³Ý ·ñ³ÝóáõÙ (login) ¨ ·³Õïݳµ³é (password)` ë»ñí»ñÇ Ñ»ï ÙdzóáõÙÁ Çñ³·áñÍ»Éáõ ѳٳñ: î»Õ³¹ñ»Éáí ³ÝÓÝ³Ï³Ý Ñ³Ù³Ï³ñ·ãÇ íñ³ ѳïáõϪ Telnet-ÏÉÇ»Ýï Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙÁ ¨ ϳå ѳëï³ï»Éáí Ñ»é³óí³Í ѳٳϳñ·ãÇ Ñ»ï, 16
û·ïíáÕÁ ϳñáÕ ¿ ջϳí³ñ»É Ñ»é³íáñ ѳٳϳñ·ãÁ ÇÝãå»ë ³ÝÓݳϳÝÁ (µÝ³Ï³Ý³µ³ñ, Ñ»é³óí³Í ѳٳϳñ·ãÇ ³¹ÙÇÝÇëïñ³ïáñÇ ÏáÕÙÇó ÃáõÛɳïñí³Í ßñç³Ý³ÏÝ»ñáõÙ): úñÇݳϪ Ñݳñ³íáñ ¿ ÷á÷áË»É, Ñ»é³óÝ»É, ëï»ÕÍ»É ý³ÛÉ»ñ ¨ ¹Çñ»Ïïáñdzݻñ: ÐÇÙݳϳÝáõÙ û·ïíáÕÁ ëï³ÝáõÙ ¿ ³Ýë³Ñٳݳ÷³Ï ѳë³Ý»ÉÇáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝ ÙdzÛÝ ³ÝÓÝ³Ï³Ý “ÃÕóå³Ý³ÏÇÝ”: Telnet-Á ϳñáÕ ¿ Ù³ïáõó»É ݳ¨ ͳé³ÛáõÃÛáõÝÝ»ñÇ »ñÏáõ ï»ë³ÏÝ»ñª ·ñ³¹³ñ³Ý³ÛÇÝ Ï³ñ·³ó³ÝÏ»ñ (ϳï³Éá·Ý»ñ), ѳÛï³ñ³ñáõÃÛáõÝÝ»ñÇ ¿É»ÏïñáݳÛÇÝ í³Ñ³Ý³ÏÝ»ñ (BBS–Bulletin Board System): ²é³çÇÝ ¹»åùáõÙ û·ïíáÕÁ Ñݳñ³íáñáõÃÛáõÝ ¿ ëï³ÝáõÙ ¹Çï³ñÏ»Éáõ ³ÛÉ û·ïíáÕÝ»ñÇ Ï³ñ·³ó³ÝÏ»ñÇ µáí³Ý¹³ÏáõÃÛáõÝÁ, ë³Ï³ÛÝ ãÇ Ï³ñáÕ ¹ñ³Ýóáõ٠ϳï³ñ»É áñ¨¿ ÷á÷áËáõÃÛáõÝ: ¶áÛáõÃÛáõÝ áõÝ»Ý »ñÏËáë³Ï³Ý ͳé³ÛáõÃÛáõÝÝ»ñ, áñáÝù ïñ³Ù³¹ñáõÙ »Ý ѳÛï³ñ³ñáõÃÛáõÝÝ»ñÇ ¿É»ÏïñáݳÛÇÝ í³Ñ³Ý³ÏÝ»ñÇ ¹Çï³ñÏÙ³Ý Çñ³íáõÝù: ¾É»ÏïñáݳÛÇÝ í³Ñ³Ý³ÏÝ»ñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ³ñï³·ñ»É ï³ñµ»ñ ý³ÛÉ»ñ, Çñ³Ï³Ý³óÝ»É »ñÏËáëáõÃÛáõÝÝ»ñ, Ù³ëݳÏó»É ï³ñµ»ñ ˳ջñÇ: BBS-Á áõÝÇ Ý³¨ ¿É»ÏïñáݳÛÇÝ ÷áëïÇ ë»÷³Ï³Ý ѳٳϳñ·: гÛï³ñ³ñáõÃÛáõÝÝ»ñÇ ¿É»ÏïñáݳÛÇÝ í³Ñ³Ý³ÏÝ»ñÇ ³é³í»É ѳÛïÝÇ ï»ë³ÏÁ “Compu Serve” ѳٳϳñ·Ý ¿: ì»ñçÇÝë Ñݳñ³íáñáõÃÛáõÝ ¿ ï³ÉÇë ÆÝï»ñÝ»ïÇ µ³Å³Ýáñ¹Ý»ñÇÝ û·ïí»Éáõ ó³ÝóÇ é»ëáõñëÝ»ñÇó:
1.3.5. öÝïñáÕ Ñ³Ù³Ï³ñ·»ñ ²ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ÉÇÝáõÙ áõëáõÙݳëÇñ»É áñáß³ÏÇ Ã»Ù³ÛÇÝ í»ñ³µ»ñáÕ ÷³ëï³ÃÕûñ, ë³Ï³ÛÝ Ñ³ÛïÝÇ ã¿ ¹ñ³Ýó ѳëó»Ý ÆÝï»ñÝ»ïáõÙ, û·ïíáÕÝ»ñÁ ¹ÇÙáõÙ »Ý, ³Ûëå»ë Ïáãí³Í, “÷ÝïñáÕ Ù»ù»Ý³Ý»ñÇ” û·ÝáõÃÛ³ÝÁ: “öÝïñáÕ Ù»ù»Ý³Ý»ñÁ” ѳïáõÏ Web-ϳÛù»ñ »Ý, áñáÝù ݳ˳ï»ëí³Í »Ý ÆÝï»ñÝ»ïáõÙ ÇÝýáñÙ³ódz ÷Ýïñ»Éáõ ѳٳñ: ²Û¹åÇëÇ Ñ³Ù³Ï³ñ·»ñÇ ³ÝÑñ³Å»ßïáõÃÛáõÝÝ ³é³ç³ó³í ÆÝï»ñÝ»ïÇ ½³ñ·³óÙ³Ý ¨ ÁݹɳÛÝÙ³Ý ÁÝóóùáõÙ, »ñµ ÇÝýáñÙ³ódzÛÇ ÷ÝïñáõÙÁ ¹³ñÓ³í Éáõñç ÑÇÙݳËݹÇñ: 1995 Ã-ÇÝ ÙÇ ù³ÝÇ ³Ù»ñÇϳóÇ áõë³ÝáÕÝ»ñ Ùdzíáñ»óÇÝ Çñ»Ýó û·ï³Ï³ñ ÇÝï»ñÝ»ï-ÑÕáõÙÝ»ñÇ Ñ³í³ù³ÍáõÝ»ñÁ ïíÛ³ÉÝ»ñÇ Ù»Ï µ³½³ÛáõÙ, Áݹ áñáõÙ, µ³óÇ web-ѳëó»Ý»ñÇó ³ÛÝ å³ñáõݳÏáõÙ ¿ñ ¹ñ³Ýó ûٳïÇϳÛÇ Ýϳñ³·ñáõÃÛáõÝÁ ¨ µ³é-µ³Ý³ÉÇÝ»ñÇ ÁÝïñ³ÝùÝ»ñÁ: ´³é-µ³Ý³ÉÇÝ»ñÇ û·ÝáõÃÛ³Ùµ ÙdzñÅ»ùáñ»Ý Ýϳñ³·ñíáõÙ ¿ñ Ûáõñ³ù³ÝãÛáõñ ¿çÇ µáí³Ý¹³ÏáõÃÛáõÝÁ (ûñÇݳÏ` »ñ³Åßï³Ï³Ý ϳÛùÇ Ñ³Ù³ñ ³Û¹åÇëÇù ϳñáÕ »Ý ÉÇÝ»É` “»ñ³ÅßïáõÃÛáõÝ”, “³áõ¹Çá”, “»ñ³ÅÇßï” ¨ ³ÛÉÝ): ¸ñ³ÝÇó Ñ»ïá Ýñ³Ýù ·ñ»óÇÝ Ñ³ïáõÏ Íñ³·Çñ, áñÁ Çñ³Ï³Ý³óÝáõÙ ¿ñ ѳëó»Ç ÷ÝïñáõÙÁ Áëï ·ñ³Ýóí³Í µ³éÇ ¨ í»ñ³¹³ñÓÝáõÙ å³ï³ë˳ÝÁ µáÉáñ ·ïÝí³Í ÑÕáõÙÝ»ñÇ óáõó³ÏÁ å³ñáõݳÏáÕ web¿çÇ ï»ëùáí: ´³óÇ ³Û¹, Ùß³Ïí»ó ݳ¨ Íñ³·Çñ, áñÁ ³ÝÁÝ¹Ñ³ï ¹Çï³ñÏáõÙ ¿ñ ÆÝï»ñÝ»ïÁ, ·ïÝáõÙ Ýáñ web-¿ç»ñ ¨ ·ñ³ÝóáõÙ ¹ñ³Ýù µ³½³ÛáõÙ: ²Û¹åÇëÇ Íñ³·ñ»ñÝ ³ÛÅÙ ³Ýí³ÝáõÙ »Ý “÷ÝïñáÕ éáµáïÝ»ñ” ϳ٠ϳï³Ïáíª “ë³ñ¹»ñ”: ²Û¹å»ë ³é³ç³ó³í ³é³çÇÝ “÷ÝïñáÕ Ù»ù»Ý³Ý”, áñÁ ·áÛáõÃÛáõÝ áõÝÇ ÙÇÝ㨠³ÛÅÙ ¨ ÏáãíáõÙ ¿ “Yahoo!” (http://www.yahoo.com): ²ÛÅÙ ·áÛáõÃÛáõÝ áõÝ»Ý µ³½Ù³ÃÇí ³Û¹åÇëÇ Ñ³Ù³Ï³ñ·»ñ, áñáÝóÇó ϳñ»ÉÇ ¿ Ýᯐ AltaVista, InfoSeek, Lycos, Google, Yandex, Rambler ¨ ³ÛÉÝ:
¢ 1.4. ö³ëï³ÃÕóßñç³Ý³éáõÃÛ³Ý Ï³½Ù³Ï»ñåáõÙÁ WWW-áõÙ Ü»ñϳÛáõÙë ÇÝýáñÙ³ódzÛÇ Ù»ù»Ý³Û³Ï³Ý ÏñÇãÝ»ñÇ íñ³ å³Ñå³ÝíáõÙ ¿ ÙÇÉdzñ¹³íáñ Ù»ù»Ý³·Çñ ¿ç»ñÇÝ Ñ³Ù³ñÅ»ù ÇÝýáñÙ³ódz: ê³Ï³ÛÝ ³Û¹ ÇÝýáñÙ³ódzÛÇ Ù»Í Ù³ëÁ ·ñ³Ýóí³Í ¿ ï³ñµ»ñ ï»ë³ÏÇ ý³ÛÉ»ñÇ ï»ëùáí (³Û¹ Ãíáõ٠ݳ¨` ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ), ¨ í»ñçÇÝÝ»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ å³Ñ³ÝçíáõÙ ¿ ÏÇñ³é»É Íñ³·ñ»ñ, áñáÝó û·ÝáõÃÛ³Ùµ ¹ñ³Ýù ëï»ÕÍí»É »Ý: ²Û¹åÇëÇ µ³½Ù³ï»ë³Ï ÇÝýáñÙ³óÇ³Ý Ù»Ï ï»ë³ÏÇ ÷³ëï³ÃÕÃáõÙ Ùdzíáñ»Éáõ ¨ Ù³ñ¹Ï³ÛÇÝ ÁÝϳÉÙ³ÝÁ ѳë³Ý»ÉÇ ¹³ñÓÝ»Éáõ ѳٳñ ëï»ÕÍí»óÇÝ Ñ³ïáõÏ ï»ë³ÏÇ ¿É»ÏïñáݳÛÇÝ ÷³ëï³ÃÕûñ, ³Ûëå»ë Ïáãí³Í` Web-÷³ëï³ÃÕûñ ϳ٠Web¿ç»ñ: ÆÝï»ñÝ»ïáõÙ û·ï³·áñÍíáÕ ÷³ëï³ÃÕûñÁ ÑÇÙݳϳÝáõÙ ëï»ÕÍí³Í »Ý HTML (Hyper Text Markup Language` î»ùëïÇ ·Í³ÝßÙ³Ý ÑÇå»ñ É»½áõ ) ýáñÙ³ïáõÙ: ¸³ ëï³Ý¹³ñï Ïá¹»ñÇ ¨ ѳٳӳÛÝáõÃÛáõÝÝ»ñÇ Ñ³í³ù³Íáõ ¿, áñÁ ݳ˳ï»ëí³Í ¿ web-¿ç»ñ ëï»ÕÍ»Éáõ ¨ ÏÉÇ»Ýï-Íñ³·ñÇ (³ÛëÇÝùݪ µñ³áõ½»ñÇ) ¿Ïñ³ÝÇÝ ¹ñ³Ýó ³ñï³óáÉáõÙÁ ݳ˳å³ïñ³ëï»Éáõ ѳٳñ: ²Û¹åÇëÇ ÷³ëï³ÃÕûñÁ ϳ½ÙáõÙ »Ý web-ѳݷáõóÝ»ñÇ (ë»ñí»ñÝ»ñÇ) ÑÇÙÝ³Ï³Ý µáí³Ý¹³ÏáõÃÛáõÝÁ ¨ ÃáõÛÉ »Ý ï³ÉÇë ³ñï³óáÉ»É ï»ùëï, ·ñ³ýÇϳ, ÙáõÉïÇÙ»¹Ç³, ÇÝãå»ë ݳ¨ ÆÝï»ñÝ»ïÇ é»ëáõñëÝ»ñÇ ³ÛÉ µ³Õ³¹ñÇã Ù³ë»ñÁ: HTML-Ç ÑÇÙÝ³Ï³Ý ýáõÝÏóÇáÝ³É ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñÇó Ù»ÏÁ ÑÇå»ñÑÕáõÙÝ»ñÇ Ï³½Ù³Ï»ñåÙ³Ý 17
Ñݳñ³íáñáõÃÛáõÝÝ ¿, ÇÝãÇ ßÝáñÑÇí ¿É É»½áõÝ ëï³ó»É ¿ ³Ýí³ÝáõÙÁ: ÐÇå»ñÑÕáõÙÁ web-¿çáõÙ å³ñáõݳÏíáÕ áñ¨¿ ûµÛ»ÏïÇ ¨ ³ÛÉ ÷³ëï³ÃÕÃÇ ÙÇç¨ ¹ÇݳÙÇÏ Ï³åÇ ³å³ÑáíÙ³Ý Ó¨ ¿: ö³ëï³ÃÕÃáõ٠ϳñáÕ ¿ å³ñáõݳÏí»É ÑÕáõÙ ³ÛÉ ÷³ëï³ÃÕûñÇÝ, áñáÝù ϳåí³Í »Ý ÇÙ³ëïáí, ûñÇݳÏ` ïñí³Í ï»ùëïÇ Ëáñ³óí³Í ѳëϳóáõÃÛáõÝÁ: ¸ÇÙáõÙÝ»ñÇ Ñ»ï ϳñáÕ »Ý ϳåí³Í ÉÇÝ»É ÝϳñÝ»ñ, Ó³ÛݳÛÇÝ ·É˳½³ñ¹»ñ, íǹ»á ѳïí³ÍÝ»ñ: ÜϳñÝ»ñÁ ϳ٠¹ñ³Ýó Ù³ë»ñÁ Çñ»Ýó Ñ»ñÃÇÝ Ï³ñáÕ »Ý Áݹ·ñÏ»É ¹ÇÙáõÙÝ»ñ ï»ùëï»ñÇÝ, Ýáñ ÝϳñÝ»ñÇÝ Ï³Ù Ó³ÛÝ»ñÇÝ: ö³ëï³ÃÕûñÁ, áñáÝó ÑÕáõÙ ¿ ϳï³ñíáõÙ, ϳñáÕ »Ý ·ïÝí»É Ñ»é³óí³Í ѳٳϳñ·ÇãÝ»ñÇ íñ³: ¸ÇÙáõÙÝ»ñÇ ßÕóÛáí ϳñ»ÉÇ ¿ ½·³ÉÇáñ»Ý Ñ»é³Ý³É ÇÝýáñÙ³ódzÛÇ ëϽµÝ³Ï³Ý ³ÕµÛáõñÇó, ë³Ï³ÛÝ Ï³ñ»ÉÇ ¿ ݳ¨ Ñ»ßïáñ»Ý ¹ñ³Ý í»ñ³¹³éݳÉ: úñÇݳϪ ·»Õ³ñí»ëï³Ï³Ý å³ïÏ»ñ³ëñ³ÑÇ Ù³ëÇÝ Ñá¹í³Í ϳñ¹³ÉÇë ³ÝÙÇç³å»ë ϳñ»ÉÇ ¿ ¹Çï»É ÝϳñÝ»ñÁ, ÇëÏ áõëáõÙݳëÇñ»Éáí »ñ³Åßï³Ï³Ý ·áñÍÇùÝ»ñÁ` Éë»É ¹ñ³Ýó Ó³ÛÝÁ: ê³Ï³ÛÝ ëï³Ý¹³ñï³óÙ³Ý ï»ë³Ï»ïÇó, HTML-Ç ÝáõÛÝÇëÏ í»ñçÇÝ` ãáññáñ¹ ï³ñµ»ñ³ÏÇÝ µÝáñáß ¿ ³½³ïáõÃÛ³Ý áñáß³ÏÇ ³ëïÇ×³Ý (HTML-ÇÝ ½áõ·³Ñ»é ëï»ÕÍí³Í ·Í³ÝßÙ³Ý ³ÛÉ É»½áõÝ»ñÇó ¨ áã Ù»ÏÁ ѳٳï»Õ»ÉÇ ã¿ ÙÇ ù³ÝÇ åɳïýáñÙÝ»ñÇ ¨, ÝáõÛÝÇëÏ, Íñ³·ñ³ÛÇÝ ÷³Ã»ÃÝ»ñÇ Ñ»ï): ¾É»ÏïñáݳÛÇÝ ÷³ëï³ÃÕûñÇ ·Í³ÝßáõÙÁ ëï³Ý¹³ñï³óÝ»Éáõ ¨ ÙÇçåɳïýáñÙ³ÛÇÝ ¹³ñÓÝ»Éáõ Ýå³ï³Ïáí 1986 Ãí³Ï³ÝÇÝ êï³Ý¹³ñïÝ»ñÇ ÙÇç³½·³ÛÇÝ Ï³½Ù³Ï»ñåáõÃÛáõÝÁ (ISO) ëï»ÕÍ»ó SGMLÁ (Standart Generalized Markup Language)ª “¶Í³ÝßÙ³Ý ÁݹѳÝñ³óí³Í ëï³Ý¹³ñï É»½áõÝ” (³í»ÉÇ ëïáõÛ·` ³ÛÝ å»ïù ¿ ³Ýí³Ý»É Ù»ï³É»½áõ): ¸ñ³ ëï»ÕÍáõÙÁ Ñݳñ³íáñ ¹³ñÓñ»ó ·Í³ÝßÙ³Ý É»½áõÝ»ñÇ áõÝÇýÇϳóáõÙÁ (Ùdzï»ë³Ï³óáõÙÁ), áñÁ, Çñ Ñ»ñÃÇÝ, ÃáõÛÉ ïí»ó ³å³Ñáí»É í»ñçÇÝÝ»ñÇ ×ÏáõÝáõÃÛáõÝÝ áõ û·ïíáÕÝ»ñÇ Ñ³í»Éí³ÍÝ»ñÇ ¨ ï³ñµ»ñ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ ÙÇç¨ ÇÝýáñÙ³ódzÛÇ ÷á˳ݳÏÙ³Ý Ñݳñ³íáñáõÃÛáõÝÁ: SGML-Á ϳñ»ÉÇ ¿ ¹Çï³ñÏ»É áñå»ë É»½íÇ Ó¨³ÝÙáõß (ß³µÉáÝ), áñÁ ϳñ»ÉÇ ¿ Éñ³óÝ»É ûå»ñ³ïáñÝ»ñÇ ¨ ѳïϳÝÇßÝ»ñÇ ÏáÝÏñ»ï ³ñÅ»ùÝ»ñáí: SGML-Ç ÑÇÙ³Ý íñ³ ëï»ÕÍí³Í Ûáõñ³ù³ÝãÛáõñ É»½íÇ ýáõÝÏóÇ³Ý ÷³ëï³ÃÕÃÇ ï³ñµ»ñ ï³ññ»ñÇ ÷á˳¹³ñÓ Ï³å»ñÇ áñáßáõÙÝ ¿, ³ÛëÇÝùÝ` SGML-Á Ýϳñ³·ñáõÙ ¿ ÷³ëï³ÃÕÃÇ Ï³éáõóí³ÍùÁ, ³ÛÉ áã û ³ñï³ùÇÝ ï»ëùÁ: ¶Í³ÝßÙ³Ý É»½áõÝ µ³Õϳó³Í ¿ ï»ùëïÇ ³å³Í³Íϳ·ñÙ³Ý Ñ³Ù³ñ û·ï³·áñÍíáÕ Ññ³Ù³ÝÝ»ñÇ Ñ³Ù³ËÙµÇó: ²ÛÝ å»ïù ¿ áñáßǪ á±ñ ·Í³ÝßáõÙÝ ¿ Ñݳñ³íáñ, á±ñÝ ¿ ³ÝÑñ³Å»ßï, ¨ ÇÝãå»±ë ï³ñµ»ñ»É ³ÛÝ ÷³ëï³ÃÕÃÕÇ Ùݳó³Í ï»ùëïÇó: SGML-ÇÝ ³Û¹ ³Ù»ÝÁ µÝáñáß ¿, ë³Ï³ÛÝ Ýñ³ÝáõÙ ã»Ý áñáßíáõÙ ·Í³ÝÇßÝ»ñÇ ³Ýí³ÝáõÙÝ»ñÁ ¨ ³ñÅ»ùÝ»ñÁ: 2000 Ãí³Ï³ÝÇÝ WWWC ϳ٠W3C ÏáÝëáñóÇáõÙÁ (áñÇ Ù»ç ÙïÝáõÙ »Ý Ù³ëݳíáñ³å»ë` Microsoft, Netscape, AOL ¨ AT&T ýÇñٳݻñÁ) ëï»ÕÍ»ó web-¿ç»ñÇ å³ïñ³ëïÙ³Ý ëϽµáõÝù³ÛÝáñ»Ý Ýáñ ëï³Ý¹³ñïª XML (Extensible Markup Language) – “¶Í³ÝßÙ³Ý ÁݹɳÛÝíáÕ É»½áõ”: Àëï ϳéáõóí³ÍùÇ ³ÛÝ (ÇÝãå»ë ¨ SGML-Á) áã û ·Í³ÝßÙ³Ý É»½áõ ¿, ³ÛÉ Ù»ï³É»½áõ, áñÁ ݳ˳ï»ëí³Í ¿ ³í»ÉÇ ó³Íñ ٳϳñ¹³ÏÇ É»½áõÝ»ñ Ýϳñ³·ñ»Éáõ ѳٳñ: ÆÝãå»ë Ýßí»ó, web-÷³ëï³ÃÕûñÁ å³ÑíáõÙ »Ý Internet ó³ÝóÇ web-ë»ñí»ñÝ»ñáõÙ: ¸ñ³Ýó Ñ»ï ³ß˳ï»Éáõ ѳٳñ Ùß³Ïí³Í »Ý µ³½Ù³ÃÇí ÏÉÇ»Ýï³Ï³Ý Íñ³·ñ»ñ, áñáÝù ÏáãíáõÙ »Ý webÙ»Ïݳµ³ÝÝ»ñ ϳ٠µñ³áõ½»ñÝ»ñ (browsers): ´ñ³áõ½»ñÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ϳÝã»É ѳÛïÝÇ Ñ³ëó»áí ï»Õ³¹ñí³Í ³ÝÑñ³Å»ßï ÷³ëï³ÃÕûñÁ, Ïáõï³Ï»É ¹ñ³Ýù, ¹³ë³Ï³ñ·»É, Ùdzíáñ»É, ËÙµ³·ñ»É, ïå»É: ¶áÛáõÃÛáõÝ áõÝ»Ý µñ³áõ½»ñÝ»ñÇ ÙÇ ù³ÝÇ ¹³ë»ñ, áñáÝù ï³ñµ»ñíáõÙ »Ý Çñ³·áñÍáÕ Ñݳñ³íáñáõÃÛáõÝÝ»ñÇ ßñç³Ý³ÏÝ»ñáí: ÐÇÙÝ³Ï³Ý »ñÏáõëÁ ³ÛÝ ¹³ë»ñÝ »Ý, áñáÝù ë³ï³ñáõÙ »Ý ϳ٠áã web-¿ç»ñÇ ·ñ³ýÇÏ³Ï³Ý ï³ññ»ñÁ: ijٳݳϳÏÇó µñ³áõ½»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ å³ïϳÝáõÙ ¿ ³é³çÇÝ ¹³ëÇÝ: ²Û¹åÇëÇ Íñ³·ñ»ñÇó ³é³í»É ׳ݳãí³Í »Ý Microsoft Internet Explorer–Á (IE), Netscape Navigator-Á, Opera-Ý ¨ ³ÛÉÝ: ºñÏñáñ¹Ý»ñÇó ϳñ»ÉÇ ¿ Ýᯐ Unix-ѳٳï»Õ»ÉÇ Lynx µñ³áõ½»ñÁ: Ü»ñϳÛáõÙë ³é³í»É ï³ñ³Íí³Í »Ý Internet Explorer ¨ Netscape Navigator µñ³áõ½»ñÝ»ñÁ, áñáÝù ݳ˳ï»ëí³Í »Ý Windows ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·Ç ջϳí³ñÙ³Ý Ý»ñùá ³ß˳ï»Éáõ ѳٳñ: гñÏ ¿ Ýß»É, áñ ï³ñµ»ñ µñ³áõ½»ñÝ»ñáõÙ Ý»ñϳéáõóí³Í ÇÝï»ñåñ»ï³ïáñÝ»ñÁ ÙdzÝÙ³Ý ã»Ý ³ß˳ïáõÙ, ÇÝãÇ å³ï׳éáí ÙǨÝáõÛÝ HTML ÷³ëï³ÃáõÕÃÁ ϳñáÕ ¿ ³ñï³å³ïÏ»ñí»É ¹ñ³ÝóáõÙ ï³ñµ»ñ ï»ëùáí: ²ÛÝáõ³Ù»Ý³ÛÝÇí, áñáß³ÏÇ íÇ׳ϳ·ñ³Ï³Ý Ùß³ÏáõÙÝ»ñ ϳï³ñ»Éáõó Ñ»ïá Ñݳñ³íáñ ¿ ¹³éÝáõÙ í»ñ³óÝ»É Ïá¹Ç Ùß³ÏÙ³Ý ³É·áñÇÃÙÝ»ñÇ µáÉáñ ¿³Ï³Ý ï³ñµ»ñáõÃÛáõÝÝ»ñÁ: W3C-Ç ËݹÇñÝ»ñÇó Ù»ÏÁ HTML É»½íÇ Ýϳñ³·ñáõÃÛáõÝÝ»ñÇ (ëå»óÇýÇϳódzݻñÇ) Ùß³ÏáõÙÝ ¿, ¨, ù³ÝÇ áñ ï»ËÝáÉá·Ç³Ý»ñÁ ³ÝÁÝ¹Ñ³ï ½³ñ·³ÝáõÙ »Ý, ³ß˳ï³ÝùÁ Ýáñ ëï³Ý¹³ñïÝ»ñÇ Ùß³ÏÙ³Ý µÝ³·³í³éáõÙ ÝáõÛÝå»ë ϳï³ñíáõÙ ¿ ³ÝÁݹѳï: Üáñ ëï³Ý¹³ñïÝ»ñÇÝ Ñ³Ù³å³ï³ë˳Ý` ýÇñٳݻñÁ å»ïù ¿ óñÙ³óÝ»Ý ³ñï³¹ñíáÕ µñ³áõ½»ñÝ»ñÇ í³ñϳÍÝ»ñÁ: гϳé³Ï ¹»åùáõÙ ³Û¹ ýÇñٳݻñÇ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÁ ãÇ ³ñï³å³ïÏ»ñÇ Ýáñ ëï³Ý¹³ñïÝ»ñÇÝ Ñ³Ù³å³ï³ëË³Ý Ï³½Ùí³Í ÷³ëï³ÃÕûñÁ, ÇëÏ ¹³ Ý߳ݳÏáõÙ ¿ ßáõϳÛÇ Ïáñáõëï: 18
HTML É»½íÇ í»ñçÇÝ í³ñϳÍÁ (4.01) Ùß³Ïí»É ¿ 1999 Ãí³Ï³ÝÇÝ: ¸ñ³ÝÇó Ñ»ïá ÑÇÙÝ³Ï³Ý áõß³¹ñáõÃÛáõÝÁ ѳïϳóí»ó É»½íÇ ³ÛÝ µ³Õ³¹ñ³Ù³ë»ñÇ ëï»ÕÍÙ³ÝÁ, áñáÝù å»ïù ¿ ѳٳï»Õ»ÉÇ ÉÇÝ»ÇÝ XML-Ç ëï³Ý¹³ñïÇ Ñ»ï: ²Û¹åÇëÇ Ó¨³÷áËáõÃÛ³Ý ³ñ¹ÛáõÝùáõ٠ϳéáõóí»ó Ýáñª XHTML (Extensible Hyper Text Markup Language) ëï³Ý¹³ñïÁ: ²ÛÝ ß³ï ãÇ ï³ñµ»ñíáõÙ Çñ ݳËáñ¹Çó` HTML4.01-Çó ¨, ³í»ÉÇ ßáõï, ÑÇÝ ëï³Ý¹³ñïÝ»ñÇ ³í»ÉÇ ËÇëï Ó¨³Ï»ñåí³Í ï³ñµ»ñ³ÏÝ ¿: WWW-Ç Ñ³ÙÁݹѳÝáõñ ½³ñ·³óáõÙÁ ¨ ÏÇñ³éáõÙÁ ³é³ç³óñ»ó ï³ñ³µÝáõÛà ٻͳͳí³É ÇÝýáñÙ³ódzÛÇ` web-ë»ñí»ñÝ»ñáõÙ ³ñ³· ¨ áñ³Ïáí ï»Õ³¹ñÙ³Ý, ÇÝãå»ë ݳ¨ ë»ñí»ñÝ»ñÇó ÇÝýáñÙ³ódzÛÇ å³Ñ³Ýç³·ñÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝ: ¶Í³ÝßÙ³Ý É»½áõÝ»ñÇ ¨ µñ³áõ½»ñÝ»ñÇ ëï»ÕÍáõÙÁ ѳñóÇ ÉáõÍÙ³Ý ÙdzÛÝ Ù»Ï Ù³ëÝ ¿, ù³ÝÇ áñ ëáëÏ ¹ñ³Ýó ³éϳÛáõÃÛáõÝÁ Ñݳñ³íáñáõÃÛáõÝ ãÇ ï³ÉÇë ϳ½Ù³Ï»ñå»Éáõ ³ß˳ï³ÝùÇ, ³Ûëå»ë Ïáãí³Í, ÇÝï»ñ³ÏïÇí é»ÅÇÙÁ, »ñµ ë»ñí»ñÁ Ùß³ÏáõÙ ¿ ÏÉÇ»ÝïÍñ³·ñÇó ëï³óí³Í ѳÛïÁ ¨, ϳËí³Í ¹ñ³ÝáõÙ å³ñáõݳÏíáÕ å³Ñ³ÝçÝ»ñÇó, Ùß³ÏáõÙ ³ÛÝ áõ áõÕ³ñÏáõÙ ¹ÇݳÙÇÏ Ï»ñåáí ëï»ÕÍí³Í å³ï³ë˳ÝÁ (web-¿çÁ): ²Û¹ áõÕÕáõÃÛ³Ùµ WWW-Ç Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ ÁݹɳÛÝ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý ѳïáõϪ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñ, áñáÝù ë»ñí»ñÇ íñ³ Ùß³ÏáõÙ »Ý ѳ׳Ëáñ¹Ç ÏáÕÙÇó áõÕ³ñÏí³Í ïíÛ³ÉÝ»ñÁ ¨ í»ñ³¹³ñÓÝáõÙ å³ï³ë˳ÝÁ å³ïñ³ëïÇ web-¿çÇ ï»ëùáí: ÆëÏ ÇÝãå»±ë ¿ Ùß³ÏáõÙ ë»ñí»ñÁ û·ïíáÕÝ»ñÇó ëï³óí³Í ïíÛ³ÉÝ»ñÁ: ´³ÝÝ ³ÛÝ ¿, áñ ë»ñí»ñÁ áõÝ³Ï ã¿ ¹ñ³Ýù Ù߳ϻÉ: ê»ñí»ñÇ ËݹÇñÁ Ñ»ï¨Û³ÉÝ ¿ª - ÁݹáõÝ»É µñ³áõ½»ñÇó ï³ñµ»ñ ý³ÛÉ»ñÇ Ñ³ñóáõÙÝ»ñÁ (web-¿ç»ñÇ, á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ, ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÇ, ³ñËÇíÝ»ñÇ, ýÇÉÙ»ñÇ, »ñ³ÅßïáõÃÛ³Ý ¨ ³ÛÉÝ), - ÷Ýïñ»É ³ÝÑñ³Å»ßï ïíÛ³ÉÝ»ñÁ ë»÷³Ï³Ý (áñáß ¹»åù»ñáõÙ` FTP-ë»ñí»ñÇ) Ïáßï Ù³·ÝÇë³Ï³Ý ëϳí³é³ÏÇ íñ³, - ·ïÝí³Í ý³ÛÉ»ñÁ ϳ٠Ө³íáñí³Í å³ï³ë˳ÝÁ áõÕ³ñÏ»É Ñ³ñóáõ٠ϳï³ñáÕ µñ³áõ½»ñÇÝ: ê»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÝ ³ß˳ïáõÙ »Ý ë»ñí»ñÇ Ñ»ï ѳٳï»Õ ÝáõÛÝ ë»ñí»ñ³ÛÇÝ Ñ³Ù³Ï³ñ·ãÇ íñ³: ¸ñ³Ýù ãáõÝ»Ý û·ïíáÕÇ ÇÝï»ñý»Ûë ¨ “ѳÕáñ¹íáõÙ »Ý” ÙdzÛÝ ë»ñí»ñÇ Ñ»ïª ÁݹáõÝáõÙ »Ý í»ñçÇÝÇó ïíÛ³ÉÝ»ñÁ, áñáÝù ëï³óí»É »Ý û·ïíáÕÇó ¨ í»ñ³¹³ñÓÝáõÙ ë»ñí»ñÇÝ Ùß³ÏÙ³Ý ³ñ¹ÛáõÝùÝ»ñÁ: ¸ñ³Ýáí ¿É ¹ñ³Ýù ï³ñµ»ñíáõÙ »Ý ÏÉÇ»Ýï³Ï³Ý Íñ³·ñ»ñÇó (ûñÇݳÏ, µñ³áõ½»ñÝ»ñÇó), áñáÝù ³ß˳ïáõÙ »Ý ³ÝÙÇç³å»ë û·ïíáÕÇ Ñ»ï: ²é³í»É ϳñ¨áñÝ ³ÛÝ ¿, áñ ë»ñí»ñ³ÛÇÝ Íñ³·ñÇ ÏáÕÙÇó ë»ñí»ñÇÝ í»ñ³¹³ñÓí³Í ³ñ¹ÛáõÝùÁ ëáíáñ³Ï³Ý HTML Ïá¹ ¿, ³ÛëÇÝùÝ, ÷³ëïáñ»Ý, web ¿ç, áñÁ Ó¨³íáñí³Í ¿ û·ïíáÕÇó ëï³ó³Í ïíÛ³ÉÝ»ñÇ ÑÇÙ³Ý íñ³: Æ ï³ñµ»ñáõÃÛáõÝ web-¹Ç½³ÛÝ»ñÇ ëï»ÕÍ³Í ¨ ë»ñí»ñÇ íñ³ ý³ÛÉ»ñÇ ï»ëùáí å³Ñå³Ýí³Í ëï³ïÇÏ ¿ç»ñÇ, ³Û¹åÇëÇ ¿çÁ ÏáãíáõÙ ¿ ¹ÇݳÙÇÏ: лÝó ³Û¹ª ¹ÇݳÙÇÏ ¿çÝ ¿ áõÕ³ñÏíáõÙ ÏÉÇ»ÝïÇÝ` Ç å³ï³ëË³Ý Ýñ³ÝÇó ëï³óí³Í ïíÛ³ÉÝ»ñÇ: ê»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÁ µ³Å³ÝíáõÙ »Ý Ñ»ï¨Û³É ãáñë ËÙµ»ñÇ. CGI Íñ³·ñ»ñ: ¸ñ³Ýù ϳï³ñíáÕ Íñ³·ñ»ñ »Ý, áñáÝù ³ß˳ïáõÙ »Ý CGI (Common Gateway Interface)ª öá˳ݳÏÙ³Ý ÁݹѳÝáõñ ÇÝï»ñý»ÛëÇ ÙÇçáóáí: Web-ë»ñí»ñÇ ÁݹɳÛÝáõÙÝ»ñª ISAPI, NSAPI, Apache ýáñÙ³ïÇ Íñ³·ñ»ñ, áñáÝù Ý»ñϳéáõóíáõÙ »Ý Ñ»Ýó web-ë»ñí»ñáõÙ` ¹³éݳÉáí ¹ñ³ µ³ÕϳóáõóÇã Ù³ëÁ: ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñ (JSP ¨ ASP): ê»ñí»ñ³ÛÇÝ ëó»Ý³ñÝ»ñ, áñáÝù ëï»ÕÍíáõÙ »Ý áñ¨¿ Ù»Ïݳµ³ÝíáÕ É»½íáí, ûñÇݳÏ` Perl, Python, JavaScript, VbScript ¨ ³ÛÉÝ: CGI Íñ³·ñ»ñÁ ëáíáñ³Ï³Ý ϳï³ñíáÕ (.exe) ý³ÛÉ»ñ »Ý` Íñ³·ñ³íáñÙ³Ý áñ¨¿ É»½íáí ϳ½Ù³Í ¨ ÏáÙåÇɳóí³Í: ¸ñ³Ýù ³ß˳ïáõÙ »Ý Ñ»Ýó ë»ñí»ñ³ÛÇÝ Ñ³Ù³Ï³ñ·ãÇ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·Ç ջϳí³ñáõÃÛ³Ùµ ¨ ·áñͳñÏíáõÙ »Ý ³ÛÝ Å³Ù³Ý³Ï, »ñµ û·ïíáÕÝ»ñÇ ïíÛ³ÉÝ»ñÁ Ù߳ϻÉáõ ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ: Àݹ áñáõÙ, »Ã» ë»ñí»ñÁ ëï³ó»É ¿ ÙÇ ù³ÝÇ Ñ³ñóáõÙ, ³å³ ëÏëáõÙ »Ý ³ß˳ï»É CGI Íñ³·ñÇ Ñ³Ù³å³ï³ëË³Ý ù³Ý³Ïáí å³ï×»ÝÝ»ñ: ²Û¹ ï»ë³ÏÇ Íñ³·ñ»ñÇ ³é³í»ÉáõÃÛáõÝÝ»ñÇó ϳñ»ÉÇ ¿ Ýᯐ ëï»ÕÍÙ³Ý ¨ ϳñ·³íáñÙ³Ý Ñ³Ù»Ù³ï³Ï³Ý Ñ»ßïáõÃÛáõÝÁ: ´³óÇ ³Û¹, ù³ÝÇ áñ ¹ñ³Ýù ³ß˳ïáõÙ »Ý ë»ñí»ñÇó ³ÝϳË, ³å³ ˳÷³ÝÙ³Ý ¹»åùáõ٠Ϲ³¹³ñ»óíÇ ÙdzÛÝ Íñ³·ñÇ ³ß˳ï³ÝùÁ ÇëÏ ë»ñí»ñÁ Ïß³ñáõݳÏÇ ³ß˳ï»É: »ñáõÃÛáõÝÝ»ñÇó »Ý` ëÇëï»Ù³ÛÇÝ é»ëáõñëÝ»ñÇ Ù»Í Í³ËëÁª ÙÇ³Å³Ù³Ý³Ï ³ß˳ïáÕ å³ï×»ÝÝ»ñÇ Ù»Í ù³Ý³ÏÇ ¹»åùáõÙ ë»ñí»ñÁ ϳñáÕ ¿ “ϳËí»É”: Web-ë»ñí»ñÇ ÁݹɳÛÝáõÙÝ»ñÁª ëáíáñ³Ï³Ý dll (dinamic linked library) ·ñ³¹³ñ³ÝÝ»ñ »Ý (ÝáõÛÝå»ë ÏáÙåÇɳóíáÕ), áñáÝó ÙÇçáóáí Çñ³·áñÍíáõÙ ¿ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ïñ³Ù³µ³ÝáõÃÛáõÝÁ: ¸ñ³Ýù Ý»ñϳéáõóíáõÙ »Ý ë»ñí»ñÇ Íñ³·ñÇÝ ¨ ³ß˳ïáõÙ áñå»ë í»ñçÇÝÇ ³Ýµ³Å³Ý»ÉÇ Ù³ë: ø³ÝÇ áñ dll ·ñ³¹³ñ³ÝÝ»ñÁ ³ß˳ïáõÙ »Ý ÙdzÛÝ Windows ÙÇç³í³ÛñáõÙ, ÙÛáõë ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ Ñ³Ù³ñ ëï»ÕÍí»É »Ý ³ÛÉ ÁݹɳÛÝáõÙÝ»ñ, ûñÇݳÏ` Apache ë»ñí»ñÇ ÁݹɳÛÝáõÙÝ»ñÇ ýáñÙ³ïÁ ÏáãíáõÙ ¿Ý Apache: Microsoft ýÇñÙ³ÛÇ Internet Information Server (IIS) ¨ Netscape ýÇñÙ³ÛÇ Netscape Web Server (NWS) 19
ë»ñí»ñÝ»ñÇ ÁݹɳÛÝáõÙÝ»ñÇ ýáñÙ³ïÝ»ñÁ ѳٳå³ï³ë˳ݳµ³ñª ISAPI ¨ NSAPI »Ý: ÀݹɳÛÝáõÙÝ»ñÇ ·É˳íáñ ³ñųÝÇùÁ ѳٳϳñ·³ÛÇÝ é»ëáõñëÝ»ñÇ ËݳÛáÕ³µ³ñ û·ï³·áñÍáõÙÝ ¿, ù³ÝÇ áñ, ³ÝÏ³Ë û·ïíáÕÇ ïíÛ³ÉÝ»ñÇ Ñ³Ù³ËÙµ»ñÇ ù³Ý³ÏÇó, ·áñͳñÏíáõÙ ¿ ÁݹɳÛÝÙ³Ý Áݹ³Ù»ÝÁ Ù»Ï ÝÙáõß: ê³Ï³ÛÝ ¹ñ³Ýó ëï»ÕÍáõÙÁ µ³í³Ï³ÝÇÝ ¹Åí³ñ ¿, Íñ³·ñ³íáñáÕÇó å³Ñ³ÝçáõÙ ¿ Ù»Í í³ñå»ïáõÃÛáõÝ ¨, µ³óÇ ³Û¹, ¹ñ³Ýù ³ÛÝù³Ý ¿É ³Ýíï³Ý· ã»Ý ÇÝãå»ë CGI Íñ³·ñ»ñÁ, ù³ÝÇ áñ ³ß˳ïáõÙ »Ý áñå»ë ë»ñí»ñÇ ÙÇ Ù³ë ¨ ó³Ýϳó³Í Íñ³·ñ³ÛÇÝ ëË³É Ï³ñáÕ ¿ “ϳ˻ɔ ë»ñí»ñÁ: ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñÁ ëáíáñ³Ï³Ý web-¿ç»ñ »Ý, áñáÝù Áݹ·ñÏáõÙ »Ý ݳ¨ ë»ñí»ñÇ Ï³Ù ë»ñí»ñ³ÛÇÝ ÁݹɳÛÝáõÙÝ»ñÇ ÏáÕÙÇó ϳï³ñíáÕ Ñ³ïáõÏ ë»ñí»ñ³ÛÇÝ ëó»Ý³ñÝ»ñ: سëݳíáñ³å»ë` ASP (Active Server Pages), áñáÝù ë³ï³ñíáõÙ »Ý Microsoft IIS ë»ñí»ñÇ ÏáÕÙÇó ¨ JSP (Java Server Pages)ª ݳ¨ ÙÇ ß³ñù ³ÛÉ ë»ñí»ñÝ»ñÇ ÏáÕÙÇó ³ß˳ïáõÙ »Ý Ñ»Ýó ³Û¹ ëϽµáõÝùáí: ASP ¿ç»ñÁ ϳ½ÙíáõÙ »Ý JavaScript ¨ VbScript É»½áõÝ»ñáí, ÇëÏ JSP-Ý` JavaScript-áí: ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñÇ ³é³í»ÉáõÃÛáõÝÝ»ñÝ »Ýª ϳéáõóÙ³Ý ¨ ϳñ·³íáñÙ³Ý Ñ»ßïáõÃÛáõÝÝ áõ ³ñ³·áõÃÛáõÝÁ, ÇëÏ Ã»ñáõÃÛáõÝÁª ѳٳϳñ·³ÛÇÝ é»ëáõñëÝ»ñÇÝ Ý»ñϳ۳óíáÕ µ³ñÓñ å³Ñ³ÝçÝ»ñÁ ¨ ϳï³ñÙ³Ý Ñ³ñ³µ»ñ³Ï³Ý ¹³Ý¹³ÕáõÃÛáõÝÁ, ù³ÝÇ áñ, Ç ï³ñµ»ñáõÃÛáõÝ ³ñ³·³·áñÍ ÏáÙåÇɳóí³Í Íñ³·ñ»ñÇ, áñáÝù ³ñ¹»Ý í»ñ³Íí³Í »Ý åñáó»ëáñÇ Ù»ù»Ý³Û³Ï³Ý Ïá¹»ñÇ, í»ñͳÝíáÕ (ÇÝï»ñåñ»ï³óíáÕ) É»½áõÝ»ñáí ϳ½Ùí³Í Íñ³·ñ»ñÇ Ûáõñ³ù³ÝãÛáõñ ϳñ·³·ÇñÁ (ÇÝëïñáõÏódzÝ) ÁÝûñóíáõÙ ¿, í»ñ³ÍíáõÙ Ù»ù»Ý³Û³Ï³Ý Ïá¹Ç ¨ Ùß³ÏíáõÙ ÙdzÛÝ Ï³ï³ñÙ³Ý ÁÝóóùáõÙ: ê»ñí»ñ³ÛÇÝ ëó»Ý³ñÝ»ñÁ, ÇÝãå»ë ¨ ³ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñÁ, í»ñͳÝíáÕ »Ý, ë³Ï³ÛÝ ¹ñ³Ýù Áݹ·ñÏáõÙ »Ý ÙdzÛÝ “Ù³ùáõñ” Íñ³·ñ³ÛÇÝ Ïá¹: êáíáñ³µ³ñ ëó»Ý³ñÝ»ñÁ ·ñíáõÙ »Ý ѳïáõϪ ï»ùëïÇ Ùß³ÏÙ³Ý Ñ³Ù³ñ Ý߳ݳÏí³Í Íñ³·ñ³íáñÙ³Ý Perl É»½íáí: ¶áñÍݳϳÝáõÙ ¹ñ³Ýù ϳñ»ÉÇ ¿ ·ñ»É ó³Ýϳó³Í É»½íáí, áñÝ áõÝÇ í»ñͳÝÇã Íñ³·Çñ (ÇÝï»ñåñ»ï³ïáñ), ûñÇݳϪ Python, JavaScript ¨ ³ÛÉÝ: êó»Ý³ñÝ»ñÇ ³ñųÝÇùÝ»ñÁ ¨ ³é³í»ÉáõÃÛáõÝÝ»ñÁ ÝáõÛÝÝ »Ý, ÇÝã ¨ ³ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñÇÝÁ, ë³Ï³ÛÝ ëó»Ý³ñÝ»ñÁ ËÉáõÙ »Ý ã³÷³½³Ýó, ÝáõÛÝÇëÏ CGI Íñ³·ñ»ñÇó ¿É ß³ï ëÇëï»Ù³ÛÇÝ é»ëáõñëÝ»ñ, ù³ÝÇ áñ û·ïíáÕÝ»ñÇ ïíÛ³ÉÝ»ñÇ Ûáõñ³ù³ÝãÛáõñ ѳí³ù³ÍáõÇ Ùß³ÏÙ³Ý Ñ³Ù³ñ ·áñͳñÏíáõÙ ¿ ÇÝï»ñåñ»ï³ïáñÇ ³é³ÝÓÇÝ å³ï×»Ý, áñÝ, Çñ Ñ»ñÃÇÝ, å³Ñ³ÝçáõÙ ¿ é»ëáõñëÝ»ñÇ Ù»Í Í³Ëë: ê»ñí»ñÝ»ñÇ Ã»Ù³ïÇÏ µáí³Ý¹³ÏáõÃÛáõÝÁ ϳñáÕ ¿ ï³ï³Ýí»É ɳÛÝ ë³ÑÙ³ÝÝ»ñáõÙ: ²ÛÝ Ï³Ëí³Í ¿ ëï»ÕÍÙ³Ý Ýå³ï³ÏÝ»ñÇó, Ñݳñ³íáñáõÃÛáõÝÝ»ñÇó ¨ ÙÇ ß³ñù ³ÛÉ Ñ³Ý·³Ù³ÝùÝ»ñÇó: ò³Ýϳó³Í ¹»åùáõÙ ÉdzñÅ»ù ë»ñí»ñÁ å»ïù ¿ Çñ»ÝÇó Ý»ñϳ۳óÝÇ, ÇÝãå»ë ÁݹáõÝí³Í ¿ ³ë»Éª “ÇÝýáñÙ³óÇáÝ åáñï³É”, ³ÛëÇÝùÝ` µ³í³Ï³Ý³ã³÷ Ù»Í íÇñïáõ³É ï³ñ³ÍáõÃÛáõÝ, áñÁ µ³Õϳó³Í ¿ ÷áùñ³ã³÷ ûٳïÇÏ ëïáñ³µ³Å³ÝáõÙÝ»ñÇó ϳ٠ÇÝùÝáõñáõÛÝ Ý³Ë³·Í»ñÇó:
¢ 1.5. Web - ¿ç»ñÇ ëï»ÕÍÙ³Ý ï»ËÝáÉá·Ç³Ý»ñÁ Web-ͳé³ÛáõÃÛáõÝÝ»ñÇ ÑÇÙùáõÙ ÁÝÏ³Í »Ý web-ϳÛù»ñÁ (web-site, ѻﳷ³ ß³ñ³¹ñ³Ýùáõ٠ϳÝí³Ý»Ýù å³ñ½³å»ë ϳÛù»ñ)ª ¿É»ÏïñáݳÛÇÝ ÷³ëï³ÃÕûñÇ Ñ³í³ù³ÍáõÝ»ñÁ, áñáÝù å³ñáõݳϻÉáí Ññ³å³ñ³ÏíáÕ ÇÝýáñÙ³ódz ¨ ½»ï»Õí»Éáí web-server-Ý»ñáõÙ, Ù³ïã»ÉÇ »Ý ¹³éÝáõÙ ÆÝï»ñÝ»ïÇ û·ïíáÕÝ»ñÇ Ñ³Ù³ñ: Æ ï³ñµ»ñáõÃÛáõÝ ë»ñí»ñÝ»ñÇ, ϳÛù»ñÁ ãáõÝ»Ý ³é³ÝÓݳóí³Í ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñ: àñå»ë ϳÝáÝ, Ûáõñ³ù³ÝãÛáõñ ϳÛù ë»ñí»ñÇ ÇÝï»·ñí³Í ÙÇ Ù³ëÝ ¿, ϳñ·³ó³ÝÏÁ, ãÝ³Û³Í ÑÇÙݳϳÝáõ٠ϳÛù»ñÝ áõÝ»Ý ³Ýѳï³Ï³Ý ¹áÙ»ÛݳÛÇÝ ³ÝáõÝÝ»ñ: γÛùÁ ï³ñµ»ñíáõÙ ¿ ë»ñí»ñÇó ݳ¨ ÇÝýáñÙ³óÇáÝ µáí³Ý¹³ÏáõÃÛ³Ùµ: γÛùÁ (³Ý·É»ñ»Ý site – ÑáÕ³Ù³ë, ï»Õ³Ù³ë) ë»ñí»ñÇ ÙÇ “ï»Õ³Ù³ëÝ ¿”, ³ÛëÇÝùÝ` µ³ÅÇÝÁ, áñÁ ÉÇáíÇÝ ÝíÇñí³Í ¿ áñ¨¿ Ù»Ï Ã»Ù³ÛÇ: ÆѳñÏ», ·áñÍݳϳÝáõÙ µáÉáñ ϳÛù»ñÁ Áݹ·ñÏáõÙ »Ý µ³½Ù³ÃÇí »Ýóµ³ÅÇÝÝ»ñ, áñáÝù Çñ»Ýó Ñ»ñÃÇÝ Ï³ñáÕ »Ý µ³Å³Ýí»É ³í»ÉÇ ÷áùñ µ³ÕϳóáõóÇã Ù³ë»ñÇ, ë³Ï³ÛÝ µáÉáñ ¹»åù»ñáõÙ ¹ñ³Ýó ÙdzíáñáõÙ ¿ áñáß³ÏÇ ÇÙ³ëï³ÛÇÝ áõÕÕí³ÍáõÃÛáõÝÁ, Éñ³óÙ³Ý ÁݹѳÝáõñ »Õ³Ý³ÏÁ: àõÝÇí»ñë³É “µ³Õ³¹ñ³ïáÙë»ñ” ϳÛùÇ Ï³éáõóí³ÍùÇ í»ñ³µ»ñÛ³É ·áÛáõÃÛáõÝ ãáõݻݪ ³Ù»Ý ÇÝã ϳËí³Í ¿ Ñ»ÕÇݳÏÇ Ýå³ï³ÏÝ»ñÇó ¨ ¹ñ³Ýù Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ ÁÝïñí³Í Ù»Ãá¹Ý»ñÇó: àñáß³ÏÇ “ëï³Ý¹³ñï” Ó¨³íáñí»É ¿ ÙdzÛÝ å³ßïáÝ³Ï³Ý ³é¨ïñ³ÛÇÝ Ï³Ûù»ñÇ í»ñ³µ»ñÛ³É: ²Ûëï»Õ å³ñï³¹Çñ ¿ ѳٳñíáõÙ “Ò»éݳñÏáõÃÛ³Ý Ù³ëÇÝ” (µ»ñí³Í ³ÝáõÝÝ»ñÁ å³ÛÙ³Ý³Ï³Ý »Ý) ¿çÁ, áñáõÙ ïñíáõÙ »Ý ï»Õ»ÏáõÃÛáõÝÝ»ñ ¹ñ³ ëï»ÕÍÙ³Ý å³ïÙáõÃÛ³Ý, ·áñÍáõÝ»áõÃÛ³Ý áõÕÕí³ÍáõÃÛ³Ý, ½³ñ·³óÙ³Ý áõÕÇÝ»ñÇ, ݳ˳·Í»ñÇ í»ñ³µ»ñÛ³É: “²ñï³¹ñ³ï»ë³ÏÝ»ñ / ͳé³ÛáõÃÛáõÝÝ»ñ” ¿çáõÙ Ýϳñ³·ñíáõÙ ¿, û ÇÝãáí ¿ ½µ³ÕíáõÙ Ó»éݳñÏáõÃÛáõÝÁ, ïñíáõÙ ¿ ³åñ³ÝùÝ»ñÇ ¨ ͳé³ÛáõÃÛáõÝÝ»ñÇ ó³ÝÏÁ, ³é³ç³ñÏíáõÙ Ó»éù µ»ñ»É ϳ٠å³ïíÇñ»É áñ¨¿ ³åñ³Ýù ϳ٠ͳé³ÛáõÃÛáõÝ: “²ß˳ï³ï»Õ»ñ” ¿çáõÙ Ý»ñϳ۳óíáõÙ ¿ ó÷áõñ å³ßïáÝÝ»ñÇ (å³Ñ³ÝçíáÕ Ù³ëݳ·»ïÝ»ñÇ) óáõó³ÏÁ ¨ ³ß˳ï³ÝùÇ ÁݹáõÝÙ³Ý å³ÛÙ³ÝÝ»ñÁ: гٳß˳ñѳÛÇÝ ó³ÝóáõÙ ½»ï»Õí³Í Ï³Ù³Û³Ï³Ý é»ëáõñë, ÉÇÝÇ ¹³ ѽáñ ÇÝýáñÙ³óÇáÝ åáñï³É, 20
áñÝ ûñ³Ï³Ý ³Ûó»ÉáõÙ »Ý ï³ëÝÛ³Ï Ñ³½³ñ³íáñ ѳ׳Ëáñ¹Ý»ñ, ϳ٠ѳٻëï ³Ýѳï³Ï³Ý ¿ç (³Ûëå»ë Ïáãí³Í` homepage), áñÇ Ñ³×³Ëáñ¹Ý»ñÇ ÃÇíÁ ³Ùë³Ï³Ý ë³Ñٳݳ÷³ÏíáõÙ ¿ »ñÏáõëáí (ѳßí³Í Ñ»ÕÇݳÏÇÝ), Ý³Ë ¨ ³é³ç ³ñí»ëïÇ ·áñÍ ¿, ÇÝŻݻñ³¹Ç½³ÛÝ»ñ³Ï³Ý ËݹÇñÝ»ñÇ ÉáõÍÙ³Ý µ³ñ¹ ѳٳÉÇñ: ò³Ýϳó³Í ¹»åùáõÙ ¹ñ³Ýó ëï»ÕÍÙ³Ý ÁÝóóùáõÙ ÏÇñ³éíáõÙ »Ý ÙdzÝÙ³Ý ÑݳñùÝ»ñ ¨ ï»ËÝÇÏ³Ï³Ý ÉáõÍáõÙÝ»ñ: ²ÏÝѳÛï ¿, áñ Ûáõñ³ù³ÝãÛáõñ ï»ËÝáÉá·Ç³, Ûáõñ³ù³ÝãÛáõñ ëï»Õͳ·áñÍ³Ï³Ý åñáó»ë Ï³Ù³Û³Ï³Ý µÝ³·³í³éáõÙ »ÝóñÏíáõÙ ¿ áñáß³ÏÇ ûñ»ÝùÝ»ñÇ áõ ϳÝáÝÝ»ñÇ, ¨ ¹ñ³Ýó ãѻ層ÉÁ ϳñáÕ ¿ ѳݷ»óÝ»É µ³½Ù³ÃÇí ³Ý³ËáñÅáõÃÛáõÝÝ»ñÇ: γÛùÁ, áñå»ë ÇÝŻݻñ³·»Õ³ñí»ëï³Ï³Ý ÉáõÍáõÙÝ»ñÇ Ñ³Ù³ÉÇñ, ÝáõÛÝå»ë »Ýó¹ñáõÙ ¿ ÙÇ ß³ñù ã³÷³ÝÇßÝ»ñ, áñáÝó ³ÝÑñ³Å»ßï ¿ ѻ層É, áñå»ë½Ç ëï»ÕÍí³Í é»ëáõñëÝ áõݻݳ Ù³ëݳ·Çï³Ï³Ý ï»ëù: ¶É˳íáñ ã³÷³ÝÇßÁ ѳñÙ³ñ³í»ïáõÃÛáõÝÝ ¿ í»ñçÝ³Ï³Ý û·ïíáÕÇ, ³ÛëÇÝùÝ` ϳÛùÇ ³å³·³ ³Ûó»ÉáõÝ»ñÇ Ñ³Ù³ñ: ø³ÝÇ áñ Ýñ³Ýó ù³Ý³ÏÁ µ³í³Ï³Ý³ã³÷ Ù»Í ¿, Áݹ áñáõÙ` Ýñ³Ýù û·ï³·áñÍáõÙ »Ý Íñ³·ñ³ÛÇÝ ³å³ÑáíÙ³Ý ¨ ³å³ñ³ï³ÛÇÝ ÙÇçáóÝ»ñÇ É³ÛÝ ³Ýí³Ý³ó³ÝÏ, ³å³ ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ Ùß³Ï»É web-¹Ç½³ÛÝÇ ¨ Ùß³ÏÙ³Ý ³É·áñÇÃÙÝ»ñÇ áñáß³ÏÇ ëï³Ý¹³ñï, áñÁ ϵ³í³ñ³ñÇ Ñݳñ³íáñ ³Ûó»ÉáõÝ»ñÇ å³Ñ³ÝçÝ»ñÁ, ÃáõÛÉ Ïï³ ³é³í»É³·áõÛÝ Ñ³ñÙ³ñ³í»ïáõÃÛ³Ùµ ÁÝÏ³É»É Ï³ÛùÇ µáí³Ý¹³ÏáõÃÛáõÝÁ: Þ³ï ¹»åù»ñáõÙ ¹ñ³Ý ϳñ»ÉÇ ¿ ѳëÝ»É` ѻ層Éáí ÙÇ ù³ÝÇ å³ñ½ ϳÝáÝÝ»ñÇ: ²ÝÑñ³Å»ßï ¿ ×Çßï ϳ½Ù³Ï»ñå»É ϳÛùÁ, ³ÛëÇÝùÝ` ³å³Ñáí»É ³ÝÑñ³Å»ßï ÇÝýáñÙ³ódzÛÇ ¹ÛáõñÇÝ ÷ÝïñáõÙÁ: γÛùÇ ×Çßï ϳ½Ù³Ï»ñåáõÙÁ ³Ýµ³Å³Ý»ÉÇ ¿, ³Ûëå»ë Ïáãí³Í, “ݳíÇ·³ódzÛÇó” (¿ç»ñáí ¨ µ³ÅÇÝÝ»ñáí áõÕÕáñ¹í»Éáõ Ñݳñ³íáñáõÃÛáõÝÇó), ³ÛëÇÝùÝ` ³ÝÑñ³Å»ßï ¿ ï»Õ³¹ñ»É ѳëϳݳÉÇ ÑÕáõÙÝ»ñ ϳÛùÇ µáÉáñ ¿ç»ñÇÝ: Àݹ áñáõÙ` ó³ÝϳÉÇ ¿, áñ ÑÕáõÙÝ»ñÁ ÙÇßï ï»Õ³µ³ßËí³Í ÉÇÝ»Ý ¿Ïñ³ÝÇ ÙǨÝáõÛÝ Ù³ëáõÙ: гñÏ ã¿ ëïÇå»É û·ïíáÕÝ»ñÇÝ “ݳíÇ·³ódzݔ Çñ³Ï³Ý³óÝ»É ÙáõÉïÇÙ»¹Ç³ ï»ËÝáÉá·Ç³Ý»ñÇ ÙÇçáóáí, ù³ÝÇ áñ ß³ï ¹»åù»ñáõÙ ³Ûó»ÉáõÇ Ñ³Ùµ»ñáõÃÛáõÝÁ ϳñáÕ ¿ å³ñ½³å»ë ãÑ»ñÇù»É ÙáõÉïÇÙ»¹Ç³ÛÇ µáÉáñ ï³ññ»ñÇ µ»éÝÙ³ÝÁ ëå³ë»ÉáõÝ: ºí, í»ñç³å»ë, å»ïù ¿ ѳßíÇ ³éÝ»É ³Ûó»ÉáõÝ»ñÇ Ñ³Ù³Ï³ñ·ã³ÛÇÝ ÏñÃí³ÍáõÃÛ³Ý Ù³Ï³ñ¹³ÏÁ: úñÇݳϪ »Ã» ϳÛùÁ ÝíÇñí³Í ¿ ѳٳϳñ·ã³ÛÇÝ Ë³Õ»ñÇÝ, ³å³ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É ï³ñµ»ñ ½³Ý·³ÏÝ»ñÇ, Ó³ÛݳÛÇÝ ¿ý»ÏïÝ»ñÇ, ëáõÉÇãÝ»ñÇ ¨ ÑÕáõÙÝ»ñÇ Ñ³ñáõëï ½ÇݳÝáó: гϳé³ÏÁª »Ã» ³ÛÝ ÝíÇñí³Í ¿, ûñÇݳÏ, ë»Õ³ÝÇ Éáõñç ˳ջñÇÝ (ݳñ¹Ç, ¹áÙÇÝá ¨ ³ÛÉÝ), ³Û¹åÇëÇ Ùáï»óáõÙÁ ³ñ¹³ñ³óí³Í ãÇ ÉÇÝÇ, ù³ÝÇ áñ “Ùï³íáñ” ˳ջñÇ ëÇñ³Ñ³ñÝ»ñÁ ã»Ý ëÇñáõÙ ³í»Éáñ¹ ³ÕÙáõÏ: ÆÝï»ñÝ»ïÇ Ûáõñ³ù³ÝãÛáõñ é»ëáõñë Áݹ·ñÏáõÙ ¿ ÙÇÙÛ³Ýó Ñ»ï ÑÇå»ñÑÕáõÙÝ»ñáí ϳåí³Í ÙÇ ß³ñù ûٳïÇÏ µ³ÅÇÝÝ»ñ: àñå»ë ϳÝáÝ, ϳÛùÇ µáÉáñ µ³ÅÇÝÝ»ñÇÝ Ï³ï³ñíáÕ ÑÕáõÙÝ»ñÁ ¨ ¹ñ³Ýó µáí³Ý¹³ÏáõÃÛ³Ý Ïñ׳ï ͳÝáõóáõÙÝ»ñÁ (³ÝáÝëÝ»ñÁ) µ»ñíáõÙ »Ý ³é³çÇݪ Ùáõïù³ÛÇÝ ¿çáõÙ, áñÇÝ ëáíáñ³µ³ñ ßÝáñÑíáõÙ ¿ “index.html” ³ÝáõÝÁ: ºÃ» ûٳïÇÏ µ³ÅÇÝÝ»ñÁ Çñ»Ýó Ñ»ñÃÇÝ å³ñáõݳÏáõÙ »Ý »Ýóµ³ÅÇÝÝ»ñ, ³å³ µ³ÅÇÝÝ»ñÇó Ûáõñ³ù³ÝãÛáõñÁ ÝáõÛÝå»ë å»ïù ¿ áõݻݳ Ùáõïù³ÛÇÝ “index.html” ¿ç: ²Û¹å»ë ËáñÑáõñ¹ ¿ ïñíáõÙ ³Ýí³Ý»É ϳÛùÇ µáÉáñ Ùáõïù³ÛÇÝ ¿ç»ñÁ: гϳé³Ï ¹»åùáõÙ, »Ã» ¹ÇÙ»Ýù áñ¨¿ »Ýóµ³ÅÝÇÝ Ïñ׳ï ѳëó»áíª ³é³Ýó ѳٳå³ï³ëË³Ý ¿çÇ ³ÝáõÝÁ Ýß»Éáõ, ¿Ïñ³ÝÇÝ Ïëï³Ý³Ýù ³Û¹ »Ýóµ³ÅÝÇ (ÃÕóå³Ý³ÏÇ) ý³ÛÉ»ñÇ óáõó³ÏÁ, ³ÛÉ áã û ³ÝÑñ³Å»ßï ¿çÁ: úñÇݳÏ, »Ýó¹ñ»Ýù` ϳÛùáõÙ áõÝ»Ýù ýáïáÝϳñÝ»ñÇ »Ýóµ³ÅÇÝ (photos ÃÕóå³Ý³Ï), áñÇ ëϽµÝ³Ï³Ý ¿çÁ ³Ýí³Ý»É »Ýù áã û index.html, ³ÛÉ photo.html: ºÃ» »Ýóµ³ÅÝÇÝ ³ÝóÝ»Éáõ ѳٳñ ÑÇå»ñÑÕáõÙÁ ·ñ³Ýó»Ýù ³Ûëå»ëª http://www.oursite.am/photos/, ³ÛÉ áã û http://www.oursite.am/photos/photo.html, ³å³ ³ñ¹ÛáõÝùáõÙ µñ³áõ½»ñÁ ϳñï³å³ïÏ»ñÇ photos ÃÕóå³Ý³ÏáõÙ å³ñáõݳÏíáÕ ý³ÛÉ»ñÇ ¨ ÃÕóå³Ý³ÏÝ»ñÇ óáõó³ÏÁ: »ٳïÇÏ µ³ÅÇÝÝ»ñÇ, ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÇÝ å³ïϳÝáÕ ÷³ëï³ÃÕûñÇ ¨ ¹ñ³Ýó ÙÇç¨ Ý³Ë³å»ë ݳ˳·Íí³Í µáÉáñ ÑÇå»ñϳå»ñÇ Ù³Ýñ³Ù³ëÝ ó³ÝÏÁ ÏáãíáõÙ ¿ ϳÛùÇ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³Íù: ä³ïÏ»ñ 1.5.1-áõÙ Ý»ñϳ۳óí³Í ¿ ϳÛùÇ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÇ ûñÇݳÏ: γÛùÇ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÁ ݳ˳ï»ëáõÙ ¿ ýǽÇÏ³Ï³Ý ý³ÛÉ»ñÇ ï»Õ³µ³ßËáõÙÁ Áëï ÑÇÙÝ³Ï³Ý (³Ûëå»ë Ïáãí³Í` ³ñÙ³ï³ÛÇÝ) ¹Çñ»ÏïáñdzÛÇ »Ýó¹Çñ»ÏïáñdzݻñÇ: üǽÇÏ³Ï³Ý ¨ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÝ»ñÁ ϳñáÕ »Ý ¨ ãѳÙÁÝÏÝ»É, ù³ÝÇ áñ é»ëáõñëÇ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÁ Ùß³ÏíáõÙ ¿` ý³ÛÉ»ñÇ ï»Õ³µ³ßËÙ³Ý Ñ³ñÙ³ñáõÃÛáõÝÇó »ÉÝ»Éáí: ê³Ï³ÛÝ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÇ µ³ÅÇÝÝ»ñÇ Ñ³çáñ¹³Ï³ÝáõÃÛ³Ý å³Ñå³ÝáõÙÁ ݳ¨ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÁ ݳ˳·Í»ÉÇë ÃáõÛÉ ¿ ï³ÉÇë µ³í³Ï³Ý³ã³÷ Ñ»ßï³óÝ»É Ï³ÛùÇ Ñ»ï³·³ Éñ³óáõÙÝ»ñÁ ¨ ÷á÷á21
ËáõÃÛáõÝÝ»ñÁ: ä³ïÏ»ñ 1.5.2-áõÙ óáõó³¹ñí³Í ¿ å³ïÏ»ñ 1.5.1-áõÙ µ»ñí³Í ϳÛùÇ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÁ:
ä³ïÏ»ñ 1.5.1. γÛùÇ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÇ ûñÇݳÏ
ä³ïÏ»ñ 1.5.2. γÛùÇ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÇ ûñÇÝ³Ï ÊáñÑáõñ¹ ¿ ïñíáõ٠ϳÛùÇ Ý³Ë³·ÍÇ ¿É»Ù»ÝïÝ»ñ ѳݹÇë³óáÕ µáÉáñ ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÁ å³Ñå³Ý»É ³é³ÝÓÇÝ ÃÕóå³Ý³ÏáõÙ (³Ýí³Ý»Éáí, ûñÇݳÏ, “images”), áñÁ å»ïù ¿ ï»Õ³¹ñíÇ Ï³ÛùÇ ³ñÙ³ï³ÛÇÝ ¹Çñ»ÏïáñdzÛáõÙ: ¸³ ÃáõÛÉ Ïï³ ÷á÷áËáõÃÛáõÝÝ»ñ ϳï³ñ»É ÙÛáõë ûٳïÇÏ µ³ÅÇÝÝ»ñÇ HTML ÷³ëï³ÃÕûñáõÙ` ³é³Ýó ·ñ³ýÇϳÛÇ ï»Õ³÷áËáõÃÛ³Ý, û·ï³·áñÍ»É ÙǨÝáõÛÝ ·ñ³ýÇÏ³Ï³Ý ý³ÛÉ»ñÁ ϳÛùÇ µáÉáñ µ³ÅÇÝÝ»ñáõÙ ¨, ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ, ÝáõÛÝÇëÏ Ñ»é³óÝ»É áñáß ¹Çñ»Ïïáñdzݻñ ³ÙµáÕçáíÇÝ: àñå»ë½Ç ϳÛùÇ µáÉáñ ÑÇå»ñÑÕáõÙÝ»ñÁ å³ïß³× ³ß˳ï»Ý ¨ µáÉáñ ÷³ëï³ÃÕûñÁ µ³óí»Ý ×Çßï, ³ÝÑñ³Å»ßï ¿ ýǽÇÏ³Ï³Ý Ï³éáõóí³ÍùÇ ëï»ÕÍÙ³Ý ÁÝóóùáõ٠ջϳí³ñí»É ÙÇ ù³ÝÇ å³ñ½ ϳÝáÝÝ»ñáí: ¸Çñ»ÏïáñdzݻñÇ ³ÝáõÝÝ»ñÁ, HTML ¨ ³ÛÉ ý³ÛÉ»ñÇ ³ÝáõÝÝ»ñÝ áõ ÁݹɳÛÝáõÙÝ»ñÁ ·ñ³ÝóíáõÙ »Ý ÙdzÛÝ É³ïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ ÷áùñ³ï³é»ñáí: ä»ïù ¿ ³ß˳ï»É, áñ ÝÇß»ñÇ ù³Ý³ÏÁ ³ÝáõÝÝ»ñáõÙ ã·»ñ³½³ÝóÇ áõÃÁ: ò³ÝϳÉÇ ¿, áñ ý³ÛÉ»ñÇ ¨ ¹Çñ»ÏïáñdzݻñÇ ³ÝáõÝÝ»ñÁ ÉÇÝ»Ý “ÇÙ³ëï³ÉÇó”, ù³ÝÇ áñ ѻﳷ³ÛáõÙ web-¿ç»ñÇ Ý߳ݳÏáõÙÁ ¨ µáí³Ý¹³ÏáõÃÛáõÝÁ ϳñáÕ »Ý Ùáé³óí»É, »Ã» ¹ñ³Ýù áõݻݳÝ, ûñÇݳÏ, Ñ»ï¨Û³É ï»ëùÇ ³ÝáõÝÝ»ñª 1.html, 2.html ¨ ³ÛÉÝ: ²ëí³ÍÇó å³ñ½ ¿ ¹³éÝáõÙ, áñ ϳÛùÇ ³Ûó»ÉáõÝ»ñÁ ϳñáÕ »Ý ï»ëÝ»É ÙdzÛÝ ¹ñ³ ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÁ, Áݹ áñáõÙ, Áݹ³Ù»ÝÁ áõÕÕáñ¹Ù³Ý ï³ññ»ñÇ ÙÇçáóáí Ý»ñϳ۳óí³Í ï»ëùáí: ²Ûëï»ÕÇó ϳñ»ÉÇ ¿ »½ñ³Ï³óÝ»É, áñ áõÕÕáñ¹Ù³Ý ѳٳϳñ·Ç ϳéáõóí³ÍùÁ å»ïù ¿, »Ã» áã ÉÇáíÇÝ, ³å³ ÑÇÙݳϳÝáõ٠ѳٳå³ï³ë˳ÝÇ Ùß³Ïí³Í ïñ³Ù³µ³Ý³Ï³Ý ϳéáõóí³ÍùÇÝ:
22
¢ 1.6. Web – ѳݷáõÛóÇ Ùß³ÏÙ³Ý ÷áõÉ»ñÁ Ìñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ý³Ë³·ÍÙ³Ý Ù»Ãá¹Ý»ñÁ µ³½Ù³½³Ý »Ý: ¸ñ³Ýù ϳñ»ÉÇ ¿ ¹³ë³Ï³ñ·»É Áëï ï³ñµ»ñ ѳÛï³ÝÇßÝ»ñÇ, áñáÝóÇó ϳñ¨áñ³·áõÛÝÝ»ñÝ »Ý ѳٳñíáõÙª ݳ˳·Í³ÛÇÝ ³ß˳ï³ÝùÝ»ñÇ Ù»ù»Ý³Û³óÙ³Ý ³ëïÇ׳ÝÁ, Ùß³ÏÙ³Ý ·áñÍÁÝóóÇ ÁݹáõÝí³Í ï³ñµ»ñ³ÏÁ: Àëï ݳ˳·Í³ÛÇÝ ³ß˳ï³ÝùÝ»ñÇ ³íïáÙ³ï³óÙ³Ý ³ëïÇ׳ÝÇ Ï³ñ»ÉÇ ¿ ³é³ÝÓݳóݻɪ ݳ˳·ÍÙ³Ý ³í³Ý¹³Ï³Ý Ù»Ãá¹Ý»ñ, ݳ˳·ÍÙ³Ý ³íïáÙ³ï³óí³Í Ù»Ãá¹Ý»ñ: ²í³Ý¹³Ï³Ý Ù»Ãá¹Ý»ñáí ݳ˳·ÍáõÙÁ ݳËÁÝïñ»ÉÇ ¿ áã ß³ï ³ß˳ï³ï³ñ, å³ñ½ ϳéáõóí³Íù áõÝ»óáÕ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ñ³Ù³ñ, áñÁ ٻͳٳë³Ùµ áõÝ»ÝáõÙ ¿ ÏÇñ³é³Ï³Ý µÝáõÛÃ: ²íïáÙ³ï³óí³Í ݳ˳·ÍÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝÝ ³é³ç³ó³í ³ÛÝ Å³Ù³Ý³Ï, »ñµ å³Ñ³Ýçí»ó Ýí³½»óÝ»É Ý³Ë³·Í³ÛÇÝ ³ß˳ï³ÝùÝ»ñÇ Í³Ëë»ñÁ ¨ ϳï³ñÙ³Ý Å³ÙÏ»ïÝ»ñÁ: Ìñ³·ñ»ñÇ Ý³Ë³·ÍáõÙÁ ϳñáÕ ¿ ÑÇÙÝí»É ï³ñµ»ñ Ùáï»óáõÙÝ»ñÇ íñ³, áñáÝóÇó ³é³í»É ï³ñ³Íí³ÍÝ»ñÇó »Ýª Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ï³éáõóí³Íù³ÛÇÝ Ý³Ë³·ÍáõÙÁ, ³é³ñÏ³Û³Ï³Ý ïÇñáõÛÃÇ ¨ Ýñ³ Éñ³óáõÙÝ»ñÇ ÇÝýáñÙ³óÇáÝ ÙṻɳíáñáõÙÁ, Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ ûµÛ»Ïï³ÏáÕÙÝáñáßí³Í ݳ˳·ÍáõÙÁ: γéáõóí³Íù³ÛÇÝ Íñ³·ñ³íáñÙ³Ý ÑÇÙùáõÙ ÁÝÏ³Í ¿ ѳçáñ¹³Ï³Ý ¹»ÏáÙåá½ÇódzÛÇ ¨ Ýñ³ ³é³ÝÓÇÝ µ³ÕϳóáõóÇãÝ»ñÇ Ýå³ï³Ï³áõÕÕí³Í ϳéáõóí³Íù³íáñáõÙÁ: γéáõóí³Íù³ÛÇÝ Ý³Ë³·ÍÙ³Ý ïÇåÇÏ Ù»Ãá¹Ý»ñÝ »Ýª - Íñ³·ñ³ÛÇÝ Ïá¹³íáñáõÙÁ ¨ ï»ëï³íáñáõÙÁ, - Ùá¹áõɳÛÇÝ Íñ³·ñ³íáñáõÙÁ, - ϳéáõóí³Íù³ÛÇÝ Íñ³·ñ³íáñáõÙÁ: γËí³Í ëï»ÕÍíáÕ ûµÛ»ÏïÇ Ï³éáõóí³ÍùÇó` ï³ñµ»ñíáõÙ »Ýª - ýáõÝÏóÇáÝ³É – ÏáÕÙÝáñáßí³Í Ù»Ãá¹Ý»ñ, »ñµ ËݹÇñÁ ϳ٠åñáµÉ»ÙÁ µ³Å³ÝíáõÙ ¿ ³é³ÝÓÇÝ, áñáß³ÏÇ ·áñͳéáõÛÃÝ»ñ ϳï³ñáÕ å³ñ½ µ³Õ³¹ñ³Ù³ë»ñÇ, - ïíÛ³ÉÝ»ñÇ Ï³éáõóÙ³Ý Ù»Ãá¹Ý»ñ: üáõÝÏóÇáÝ³É - ÏáÕÙÝáñáßí³Í Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ¹»åùáõÙ ³é³çÇÝ Ñ»ñÃÇÝ Ñ³ßíÇ »Ý ³éÝíáõÙ ïíÛ³ÉÝ»ñÇ Ùß³ÏÙ³Ý ·áñͳéáõÛÃÝ»ñÁ, áñáÝó ѳٳå³ï³ë˳Ý` áñáßíáõÙ ¿ Íñ³·ñÇ ³é³ÝÓÇÝ µ³ÕϳóáõóÇã Ù³ë»ñÇ Ï³½ÙÁ ¨ ïñ³Ù³µ³ÝáõÃÛáõÝÁ: γéáõóí³Íù³ÛÇÝ Ùáï»óÙ³Ý ¹»åùáõÙ ÑÇÙÝ³Ï³Ý ß»ßïÁ ¹ñíáõÙ ¿ ïíÛ³ÉÝ»ñÇ Ùß³ÏÙ³Ý ·áñÍÁÝóóÝ»ñÇ ÙṻɳíáñÙ³Ý µ³Å³ÝÙ³Ý íñ³: îíÛ³ÉÝ»ñÇ ÇÝýáñÙ³óÇáÝ Ùá¹»ÉÁ ¨ ϳéáõóí³ÍùÁ ³é³í»É Ù»Í Ý߳ݳÏáõÃÛáõÝ áõÝ»Ý ³é³ñÏ³Û³Ï³Ý ïÇñáõÛÃÇ ÇÝýáñÙ³óÇáÝ ÙṻɳíáñÙ³Ý Ñ³Ù³ñ: ²Ûë ëϽµáõÝùÝ ÁÝÏ³Í ¿ ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Õ»Ï³í³ñÙ³Ý Ñ³Ù³Ï³ñ·»ñÇ ÑÇÙùáõÙ: êϽµÝ³Ï³Ý ÷áõÉáõ٠ϳéáõóíáõÙ »Ý ïíÛ³ÉÝ»ñÇ Ý»ñϳ۳óÙ³Ý ï³ñµ»ñ ٳϳñ¹³ÏÝ»ñÇ ÇÝýáñÙ³óÇáÝ Ùá¹»ÉÝ»ñÁª ÇÝýáñÙ³óÇáÝ- ïñ³Ù³µ³Ý³Ï³Ý Ùá¹»ÉÁ, áñÁ ϳËí³Í ã¿ ïíÛ³ÉÝ»ñÇ Ùß³ÏÙ³Ý ¨ å³Ñå³ÝÙ³Ý Íñ³·ñ³ÛÇÝ Çñ³Ï³Ý³óáõÙÇó ¨ ³ñï³óáÉáõÙ ¿ ïíÛ³ÉÝ»ñÇ ÇÝï»·ñí³Í ϳéáõóí³ÍùÁ, ¹³ï³Éá·Ç³Ï³Ý Ùá¹»ÉÁ (ïíÛ³ÉÝ»ñÇ Ùß³ÏÙ³Ý ¨ å³Ñå³ÝÙ³Ý ÙÇç³í³ÛñÇ µÝáõó·ñÇãÁ): Ìñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ùß³ÏÙ³Ý ³í³Ý¹³Ï³Ý Ùáï»óáõÙÝ»ñÁ ÙÇßï Áݹ·Í»É »Ý ï³ñµ»ñáõÃÛáõÝÁ ïíÛ³ÉÝ»ñÇ ¨ ¹ñ³Ýó Ùß³ÏÙ³Ý ·áñÍÁÝóóÝ»ñÇ ÙÇç¨: ÆÝýáñÙ³óÇáÝ ÙṻɳíáñÙ³Ý ï»ËÝáÉá·Ç³Ý»ñÁ ëϽµáõÙ ÁÝïñáõÙ »Ý ïíÛ³ÉÝ»ñÝ Áëï µÝáõó·ñÇãÝ»ñÇ, áñÇó Ñ»ïá µÝáõó·ñáõÙ »Ý ³Û¹ ïíÛ³ÉÝ»ñÇ ·áñÍÁÝóóÝ»ñÁ: γéáõóí³Íù³ÛÇÝ ï»ËÝáÉá·Ç³Ý»ñÁ ÏáÕÙÝáñáßí³Í »Ý ïíÛ³ÉÝ»ñÇ Ùß³ÏÙ³Ý ¨ ¹ñ³Ýó ÙÇç¨ ÇÝýáñÙ³óÇáÝ Ñáëù»ñÁ ϳå³ÏóáÕ ·áñÍÁÝóóÝ»ñÁ ×ßï»ÉáõÝ: Øß³ÏÙ³Ý ·áñÍÁÝóóÁ ϳñ»ÉÇ ¿ µ³Å³Ý»É Ñ»ï¨Û³É ÷áõÉ»ñǪ 1. î»ËÝÇÏ³Ï³Ý Ñ³ÝÓݳñ³ñ³·ñ»ñÇ Ï³½ÙáõÙ, áñÁ å³Ñ³ÝçáõÙ ¿ª Ùß³ÏíáÕ Íñ³·ñÇ åɳïýáñÙÇ áñáßáõÙÁ, Íñ³·ñÇ ó³Ýó³ÛÇÝ ï³ñµ»ñ³ÏÇ ·Ý³Ñ³ïáõÙÁ, Íñ³·ñ»ñÇ Ùß³ÏÙ³Ý ³ÝÑñ³Å»ßïáõÃÛ³Ý áñáßáõÙÁª ³ÛÉ Íñ³·ñ³ÛÇÝ åɳïýáñÙÇ ï³Ý»Éáõ ѳٳñ, ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Õ»Ï³í³ñÙ³Ý Ñ³Ù³Ï³ñ·»ñÇ Õ»Ï³í³ñٳٵ µ³½³Ý»ñÇ Ñ»ï ³ß˳ï³ÝùÇ ÑÇÙݳíáñáõÙÁ: ²Ûë ÷áõÉáõÙ áñáßíáõÙ »Ý ËݹñÇ ÉáõÍÙ³Ý Ù»Ãá¹Ý»ñÁ, Ùß³ÏíáõÙ »Ý ѳٳÉÇñ ËݹÇñÝ»ñÇ ÉáõÍÙ³Ý ÁݹѳÝñ³óí³Í ³É·áñÇÃÙÝ»ñÁ, ¹ñ³Ýó ýáõÝÏóÇáÝ³É Ï³éáõóí³ÍùÁ ϳ٠ûµÛ»Ïï³ÛÇÝ Ï³½ÙÁ, ÇÝýáñ23
Ù³ódzÛÇ Ùß³ÏÙ³ÝÁ Ý»ñϳ۳óíáÕ ï»ËÝÇÏ³Ï³Ý å³Ñ³ÝçÝ»ñÁ ¨ ߳ѳ·áñÍáÕÇ ÇÝï»ñý»ÛëÁ: 2. î»ËÝÇÏ³Ï³Ý Ý³Ë³·ÇÍ: ²Ûë ÷áõÉáõÙª »ÉÝ»Éáí Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ý³Ë³·ÍÙ³Ý ÁݹáõÝí³Í Ùáï»óáõÙÇó` Ùß³ÏíáõÙ ¿ ³É·áñÇÃÙÁ ϳ٠×ß·ñïíáõÙ ¿ ûµÛ»ÏïÝ»ñÇ Ï³½ÙÁ, Ýñ³Ýó ѳïÏáõÃÛáõÝÝ»ñÁ, Ùß³ÏÙ³Ý Ù»Ãá¹Ý»ñÁ ¨ ³ÛÉÝ, áñáßíáõÙ ¿ ÁݹѳÝáõñ ѳٳϳñ·³ÛÇÝ Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙÁª Ý»ñ³é»Éáí µ³½³ÛÇÝ ÙÇçáóÝ»ñÁ (ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·Á, ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Õ»Ï³í³ñÙ³Ý Ñ³Ù³Ï³ñ·»ñÇ Ùá¹»ÉÁ, ¿É»ÏïñáݳÛÇÝ ³ÕÛáõë³ÏÝ»ñÁ), Ùß³ÏíáõÙ ¿ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ý»ñùÇÝ Ï³éáõóí³ÍùÁª ³é³ÝÓÇÝ Íñ³·ñ³ÛÇÝ Ùá¹áõÉÝ»ñÇ ï»ëùáí, Çñ³Ï³Ý³óíáõÙ ¿ Íñ³·ñ³ÛÇÝ Ùá¹áõÉÝ»ñÇ ·áñÍÇù³ÛÇÝ ÙÇçáóÝ»ñÇ ÁÝïñáõÃÛáõÝÁ: 3. ²ß˳ï³Ýù³ÛÇÝ ÷³ëï³ÃÕûñ (³ß˳ï³Ýù³ÛÇÝ Ý³Ë³·ÇÍ): ²Ûë ÷áõÉáõÙ Çñ³Ï³Ý³óíáõÙ ¿ Íñ³·ñ³ÛÇÝ ³å³ÑáíÙ³Ý µ³½³ÛÇÝ ÙÇçáóÝ»ñÇ Ñ³ñÙ³ñ»óáõÙÁ (³¹³åï³ódzÝ): Æñ³Ï³Ý³óíáõÙ ¿ Íñ³·ñ³ÛÇÝ Ùá¹áõÉÝ»ñÇ Ùß³ÏáõÙÁ ϳ٠ûµÛ»ÏïÝ»ñÇ Ùß³ÏÙ³Ý Ù»Ãá¹Ý»ñÁª Íñ³·ñ³íáñáõÙÁ ϳ٠Íñ³·ñ³ÛÇÝ Ïá¹Ç ëï»ÕÍáõÙÁ: γï³ñíáõÙ ¿ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ ÇÝùÝáõñáõÛÝ ¨ ѳٳÉÇñ ÑÕÏáõÙÁ, µ³½³ÛÇÝ Íñ³·ñ³ÛÇÝ ÙÇçáóÝ»ñÇ ¨ Ùá¹áõÉÝ»ñÇ ³ß˳ïáõݳÏáõÃÛ³Ý ÷áñÓ³ñÏáõÙÁ: гٳÉÇñ ÑÕÏÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëíáõÙ ¿ ëïáõ·áÕ³Ï³Ý ûñÇݳÏ, áñÁ ëïáõ·áõÙ ¿ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ Ñ³Ù³å³ï³ë˳ÝáõÃÛáõÝÁ: ²Ûë ÷áõÉÇ ÑÇÙÝ³Ï³Ý ³ß˳ï³Ýù³ÛÇÝ ³ñ¹ÛáõÝùÁ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÇ ß³Ñ³·áñÍÙ³Ý ÷³ëï³ÃÕûñÇ ëï»ÕÍáõÙÝ ¿ (߳ѳ·áñÍÙ³Ý Ýϳñ³·ñáõÃÛáõÝÁ, óáõóáõÙÝ»ñ ߳ѳ·áñÍáÕÇÝ ¨ Íñ³·ñÇ ÇÝëï³ÉÛ³ódzÛÇ Ûáõñ³Ñ³ïÏáõÃÛáõÝÝ»ñÁ): 4. Øáõïù³·ñáõÙÁ ¨ ³ß˳ï³ÝùÁ: ä³ïñ³ëïÇ Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÝ ³ÝóÝáõÙ ¿ ÷áñÓÝ³Ï³Ý ß³Ñ³·áñÍáõÙ, áñÇó Ñ»ïá ÙdzÛÝ Ý»ñϳ۳óíáõÙ ¿ ½³Ý·í³Í³ÛÇÝ ß³Ñ³·áñÍÙ³Ý: Web-ѳݷáõÛóÇ Ùß³ÏÙ³Ý åɳÝÇ Ý³Ë³å³ïñ³ëïáõÙÁ Áݹ·ñÏáõÙ ¿ Ñ»ï¨Û³É ÷áõÉ»ñÁ: ܳ˳·ÍÇ µÛáõç»Ç áñáßáõÙÁ: ¶É˳íáñ ѳñóÁ, áñÁ å»ïù ¿ Éáõë³µ³ÝíÇ åɳÝÇ ³é³çÇÝ ïáÕ»ñáõÙ, ݳ˳·ÍÇ Çñ³Ï³Ý³óÙ³Ý ³ñÅ»ùÝ ¿: Ð³×³Ë ï»ËÝÇÏ³Ï³Ý ³é³ç³¹ñ³ÝùáõÙ å³ïíÇñ³ïáõÝ ë³Ñٳݳ÷³ÏáõÙ ¿ ¹Ýáõ٠ݳ˳·ÍÇ µÛáõç»Ç íñ³: ²Û¹åÇëÇ ¹»åù»ñáõÙ å»ïù ¿, »ÉÝ»Éáí ѳïϳóíáÕ ÙÇçáóÝ»ñÇ Í³í³ÉÇó, µ³ßË»É áõÅ»ñÝ ³ÛÝå»ë, áñå»ë½Ç Ñݳñ³íáñ ÉÇÝÇ ¹áõñë ã·³É µÛáõç»Ç ßñç³Ý³ÏÝ»ñÇó: ºÃ» ³Û¹åÇëÇ ë³Ñٳݳ÷³ÏáõÙ ãϳ, ³å³ ͳËë»ñÁ ·Ý³Ñ³ïíáõÙ »Ý` »ÉÝ»Éáí åɳÝÇ Íñ³·ñÇ ¨ ³ß˳ï³ÝùÝ»ñÇ Í³í³ÉÇó: ̳Ëë»ñÇ Ý³Ë³Ñ³ßÇí ϳ½Ù»Éáõ Å³Ù³Ý³Ï ÙÇßï å»ïù ¿ ³í»É³óÝ»É ÁݹѳÝáõñ ·áõÙ³ñÇ Ùáï³íáñ³å»ë 20-25 ïáÏáëÁª ãݳ˳ï»ëí³Í ͳËë»ñÇ Ñ³Ù³ñ: ºí ³ÛÝ ¹»åùáõÙ, »ñµ ϳï³ñí³Í ͳËë»ñÁ ݳ˳ï»ëí³ÍÇó ùÇã ·áõÙ³ñ Ïϳ½Ù»Ý, Ñݳñ³íáñ ÏÉÇÝÇ Ñ³×»ÉÇ ³Ý³ÏÝÏ³É Ù³ïáõó»É å³ïíÇñ³ïáõÇÝ: ÆëÏ Éñ³óáõóÇã Ý»ñ¹ñáõÙÝ»ñ ϳï³ñ»Éáõ ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõ٠ϳï³ñáÕÝ ÇÝùÁ ßÝáñÑ³Ï³É ÏÉÇÝÇ ³Û¹åÇëÇ ËݳÛáÕáõÃÛ³Ý Ñ³Ù³ñ: àõëïÇ åɳÝáõÙ å»ïù ¿ Ñëï³Ï Ýϳñ³·ñí»Ý ݳ˳·ÍÇ Çñ³Ï³Ý³óÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëíáÕ µáÉáñ ͳËë»ñÁ ¨ ß³ÑáõÛÃÇ »Ýó¹ñíáÕ ã³÷Á: гݷáõÛóÇ µáí³Ý¹³ÏáõÃÛ³Ý ÑÇÙÝ³Ï³Ý ¨ Éñ³óáõóÇã ·áñͳéáõÛÃÝ»ñÇ ³é³ÝÓݳóáõÙÁ: γ½ÙíáõÙ ¿ ѳݷáõÛóÇ µáí³Ý¹³ÏáõÃÛ³Ý ¨ ·áñͳéáõÛÃÝ»ñÇ ë˻ٳïÇÏ Ýϳñ³·ñáõÃÛáõÝÁª ϳï³ñáÕÇ å³ïÏ»ñ³óٳٵ: ²ÛÝ å»ïù ¿ Ñ»ÝíÇ ï»ËÝÇÏ³Ï³Ý ³é³ç³¹ñ³ÝùÇ ¨ å³ïíÇñ³ïáõÇ Ñ»ï ݳ˳·ÍÇ ùÝݳñÏÙ³Ý ³ñ¹ÛáõÝùÝ»ñÇ íñ³: úñÇݳÏ` »Ã» ÇÝï»ñ³ÏïÇí ųٳݳϳÛÇÝ ë³Ý¹Õ³ÏÁ ϳñáÕ ¿ ÉÇÝ»É web-ѳݷáõÛóÇ ÑdzݳÉÇ Éñ³óáõÙ, ³å³ å»ïù ¿ ³é³ÝÓݳóÝ»É ³ÛÝ áñå»ë Éñ³óáõóÇã ·áñͳéáõÛà ¨ Ýϳñ³·ñ»É, û ÇÝãå»ë å»ïù ¿ ·áñÍÇ: ÆÝï»ñý»ÛëÇ Ï³½Ù³Ï»ñåáõÙÁ: гݷáõÛóÇ µáí³Ý¹³ÏáõÃÛ³Ý ¨ ·áñͳéáõÛÃÝ»ñÇ ÷áñÓÝ³Ï³Ý Ï³½ÙáõÙÁ Ñ»Ýó ³ÛÝ ÷áõÉÝ ¿, áñáõÙ å»ïù ¿ Ùï³Í»É Ýñ³ ÇÝï»ñý»ÛëÇ Ï³½Ù³Ï»ñåÙ³Ý Ù³ëÇÝ: гݷáõÛóÇ ÑÇÙÝ³Ï³Ý µ³ÅÇÝÝ»ñÇ ¨ »Ýóµ³ÅÇÝÝ»ñÇ óáõó³ÏÇ å³ïñ³ëïáõÙáí ³ñ¹»Ý ϳñ»ÉÇ ¿ å³ïÏ»ñ³óÝ»É, û ÇÝãå»ë å»ïù ¿ ·áñÍÇ ¹ñ³ ÇÝï»ñý»ÛëÁª ³ÝÑñ³Å»±ßï ¿ ³ñ¹Ûáù ųٳݳϳÏÇó áõÕÕáñ¹Ù³Ý ѳٳϳñ·, û ϳñ»ÉÇ ¿ µ³í³ñ³ñí»É ëï³Ý¹³ñïáí: ä³ïÏ»ñ³½³ñ¹áõÙÝ»ñÇ (ÇÉÛáõëïñ³ódzݻñÇ) å³ïñ³ëïáõÙÁ: ä³ïíÇñ³ïáõÝ ¨, ³éѳë³ñ³Ï ó³Ýϳó³Í Ù³ñ¹, ëáíáñ³µ³ñ ³é³í»É É³í ¿ ÁÝϳÉáõÙ ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñ³½³ñ¹ ÇÝýáñÙ³ódzÝ: ²Û¹ å³ï׳éáí ³Ù»Ýáõñ»ù, áñï»Õ Ñݳñ³íáñ ¿, ³ÝÑñ³Å»ßï ¿ û·ïí»É ·ñ³ýÇÏáñ»Ý Ó¨³íáñí³Í ·Í³å³ïÏ»ñÝ»ñÇó ¨ Ùñó³ÏÇó-ѳݷáõÛóÝ»ñÇ ¿ç»ñÇ å³ïÏ»ñÝ»ñÇó: ²ß˳ï³Ýù³ÛÇÝ ·ñ³ýÇÏÇ Ï³½ÙáõÙÁ: ²ÝÑñ³Å»ßï ¿ åɳÝáõÙ Áݹ·ñÏ»É Ùß³ÏÙ³Ý ·ñ³ýÇÏÇ ÑëÏÇã Ï»ï»ñÁ, ³ÛëÇÝùÝ` ³ÛÝ ÷áõÉ»ñÁ, áñáÝóáõ٠ݳ˳·ÇÍÁ ëïáõ·íáõÙ ¿ å³ïíÇñ³ïáõÇ ÏáÕÙÇó: ä»ïù ¿ Ãí³ñÏí»Ý ݳ¨ ³ÛÝ ËݹÇñÝ»ñÁ, áñáÝó ѳٳñ å³ï³ë-˳ݳïáõ ¿ å³ïíÇñ³ïáõÝ, ¨ Ýßí»Ý ¹ñ³Ýó ϳï³ñÙ³Ý Å³ÙÏ»ïÝ»ñÁ: ÐëÏÇã Ï»ï»ñáõÙ å³ïíÇñ³ïáõÝ ÁݹáõÝáõÙ ¿ ݳ˳·ÍÇ ³í³ñïáõÝ Ù³ëÁ ¨ 24
¹ñ³ÝÇó Ñ»ïá ݳ Çñ³íáõÝù ãáõÝÇ å³Ñ³Ýç»É ÷á÷áËáõÃÛáõÝÝ»ñ` ³é³Ýó Éñ³óáõóÇã í׳ñÙ³Ý: γñ¨áñ ¿ ݳ¨ Ñ»Ýó ëϽµÇó å³ñ½»É ݳ˳·ÍÇ Ùß³ÏÙ³Ý ³í³ñïÇ ó³ÝϳÉÇ Å³ÙÏ»ïÁ: Þ³ï ¹»åù»ñáõÙ å³ïíÇñ³ïáõÝ ÇÝùÝ ¿ áñáßáõ٠ųÙÏ»ïÝ»ñÁ, áñáÝó íñ³ ÑÇÙÝí»Éáí` ϳñ»ÉÇ ¿ åɳݳíáñ»É ³ß˳ï³ÝùÝ»ñÁ: ÆѳñÏ», å»ïù ¿ ë³ÑÙ³Ý»É áÕç³ÙÇï ųÙÏ»ïÝ»ñ: úñÇݳϪ »Ã» ݳ˳·ÇÍÁ å»ïù ¿ å³ïñ³ëï ÉÇÝÇ Ù»Ï ³Ùëí³ ÁÝóóùáõÙ, ³å³ ÝáõÛÝÇëÏ Ù»Í³·áõÛÝ ó³ÝÏáõÃÛ³Ý ¹»åùáõÙ ³Û¹ ųÙÏ»ïáõÙ Ñݳñ³íáñ ã¿ Ùß³Ï»É ÉdzñÅ»ù web-ѳݷáõÛó: ²ÛÝ ÷áõÉ»ñÁ, áñáÝó ѳٳñ å³ï³ë˳ݳïáõ ¿ å³ïíÇñ³ïáõÝ, ϳñ¨áñ ¹»ñ »Ý ˳ÕáõÙ ¹Ç½³ÛÝ»ñÇ åɳÝáõÙ: ÐëÏÇã Ï»ï»ñÁ ß³ï ϳñ¨áñ »Ý, ù³ÝÇ áñ ¹ñ³Ýù ÃáõÛÉ »Ý ï³ÉÇë ³í³ñï»É Ùß³ÏÙ³Ý Ù»Ï ÷áõÉÁ, ѳëï³ï»É, áñ å³ïíÇñ³ïáõÝ ÁݹáõÝ»É ¿ ÙÇÝ㨠³Û¹ Ï»ïÁ ϳï³ñí³Í µáÉáñ ³ß˳ï³ÝùÝ»ñÁ ¨ ³ÝóÝ»É Ñ³çáñ¹ ÷áõÉÇÝ: ä³ïíÇñ³ïáõÇ ÑÇÙÝ³Ï³Ý å³ï³ë˳ݳïíáõÃÛáõÝÁ Ùß³ÏáÕÇÝ Ñ³Ý·áõÛóÇ ¿ç»ñÇ µáí³Ý¹³ÏáõÃÛáõÝÁ Éñ³óÝ»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ï»ùëï»ñÇ, ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÇ ¨ ÙáõÉïÇÙ»¹Ç³ÛÇ ý³ÛÉ»ñÇ ïñ³Ù³¹ñáõÙÝ ¿: â³÷³½³Ýó ϳñ¨áñ ¿ åɳÝáõÙ ·ñ³Ýó»É ¹ñ³Ýó ѳïϳóÙ³Ý Å³ÙÏ»ïÝ»ñÁ, ù³ÝÇ áñ Ùß³ÏÙ³Ý Å³ÙÏ»ïÝ»ñÁ å³ïíÇñ³ïáõÇ Ù»Õùáí ˳Ëï»Éáõ ¹»åùáõÙ ³Û¹ ·ñ³ÝóáõÙÝ»ñÁ ³ñ¹³ñ³óÙ³Ý ÑÇÙù ÏѳݹÇë³Ý³Ý Ùß³ÏáÕÇ Ñ³Ù³ñ: Øß³ÏáÕÇ ¨ å³ïíÇñ³ïáõÇ å³ñï³íáñáõÃÛáõÝÝ»ñÇ ×Çßï ë³Ñٳݳ½³ïáõÙÁ Ïû·ÝÇ Ñ»ï³·³ÛáõÙ Ëáõë³÷»É ïÑ³× Çñ³íÇ׳ÏÝ»ñÇó: ÞáõϳÛÇ Ñ»ï³½áïáõÙÁ ¨ ѳݷáõÛóÇ ÙñóáõݳÏáõÃÛ³Ý áñáßáõÙÁ: àñáß Ý³Ë³·Í»ñÇ Ñ³Ù³ñ ³Û¹ ÷áõÉÁ ϳñáÕ ¿ ³í»Éáñ¹ ÉÇÝ»É: ê³Ï³ÛÝ ³é¨ïñ³ÛÇÝ Ï³éáõÛóÝ»ñÇ (ûñÇݳϪ e-˳ÝáõÃ) ѳݷáõÛóÝ»ñÇ Ý³Ë³·ÍÙ³Ý ¹»åù»ñáõÙ û·ï³Ï³ñ ¿ ³Ûó»É»É ÝٳݳïÇå ϳÛù»ñ ¨ ѳÙá½í»Éª ³ñ¹Ûá±ù ³é³ç³ñÏíáÕ ¹Ç½³ÛÝÁ ÙñóáõÝ³Ï ¿ ßáõϳÛáõÙ: ¸Ç½³ÛÝ»ñÇ Í³é³ÛáõÃÛáõÝÝ»ñÇ ·Ý³Ñ³ïáõÙÁ: ØÇßï ¹Åí³ñ ¿ áñáᯐ ë»÷³Ï³Ý ³ß˳ï³ÝùÇ ³ñÅ»ùÁ: γñ»ÉÇ ¿ û·ï³·áñÍ»É ³ß˳ï³ÝùÇ í³ñÓ³ïñáõÃÛ³Ý ï³ñµ»ñ ѳٳϳñ·»ñ, ûñÇݳÏ` ųٳí³ñÓÁ, áñÇ ã³÷Á áñáßíáõÙ ¿ í»ñÉáõÍ»Éáí ï³ñí³ ÁÝóóùáõ٠ϳï³ñíáÕ Í³Ëë»ñÁ, ³ÏÝϳÉíáÕ »Ï³ÙïÇ ã³÷Á ϳ٠³Ùë³Ï³Ý ³ß˳ï³í³ñÓÁ: ´³Ûó ³Ù»Ý³·É˳íáñÁ ã³÷Á ãÏáñóÝ»ÉÝ ¿ ¨ Çñ»ñÇÝ Çñ³ï»ëáñ»Ý ݳۻÉÁ: úñÇݳÏ` ³½³ï ¹Ç½³ÛÝ»ñÇ Å³Ù³í³ñÓÇ áñáßÙ³Ý Ñ³Ù³ñ ³ÝÑñ³Å»ßï ¿ Ñ»ï¨Û³ÉÁ. ²ÛÉ ¹Ç½³ÛÝ»ñÝ»ñÇ Í³é³ÛáõÃÛáõÝÝ»ñÇ í׳ñÙ³Ý ã³÷Ç áñáßáõÙÁ: ä»ïù ¿ ÇÙ³Ý³É ³ÛÉ ¹Ç½³ÛÝ»ñÝ»ñÇ Í³é³ÛáõÃÛáõÝÝ»ñÇ Ñ³Ù³ñ ë³ÑÙ³Ýí³Í ã³÷Á ¨ áñáᯐ ¹Ç½³ÛÝ»ñÇ Í³é³ÛáõÃÛ³Ý ³ñÅ»ùÇ Çñ³Ï³Ý ٳϳñ¹³ÏÁ: ä»ïù ¿ ûµÛ»ÏïÇíáñ»Ý ·Ý³Ñ³ï»É ë»÷³Ï³Ý í³ñå»ïáõÃÛ³Ý ¨ ÷áñÓÇ Ù³Ï³ñ¹³ÏÁ: öáñÓ³éáõ web¹Ç½³ÛÝ»ñÁ, áñÁ Ù»Ï ï³ñÇ ã¿, áñ ³ß˳ïáõÙ ¿ µÇ½Ý»ëáõÙ ¨ áõÝÇ ÙÇ ß³ñù Ëáßáñ ݳ˳·Í»ñÇ Ùß³ÏÙ³Ý ÷áñÓ, Ñëï³Ï ·ÇïÇ, û ÇÝãÇ Ñ³Ù³ñ »Ý Çñ»Ý í׳ñáõÙ ¨ ѳí³ÏÝáõÙ ¿ í׳ñÙ³Ý Ñ³Ù³å³ï³ëË³Ý Ù³Ï³ñ¹³ÏÇ: гٳå³ï³ëË³Ý ÷áñÓ ãáõÝ»óáÕ ëÏëÝ³Ï web-¹Ç½³ÛÝ»ñÁ ϳñáÕ ¿ ѳí³ÏÝ»É ÙdzÛÝ í׳ñÙ³Ý ÙÇçÇÝ Ù³Ï³ñ¹³ÏÇ: ê»÷³Ï³Ý ͳËë»ñÇ ·Ý³Ñ³ïáõÙÁ: ²ÝÑñ³Å»ßï ¿ ѳßí³ñÏ»É, û DZÝã ϳñŻݳ ³Ù»Ý³ÙëÛ³ ³ß˳ï³ÝùÁ, ÇÝãù³±Ý Ïå³Ñ³ÝçíÇ ³ß˳ï³í³ñÓÇ, ·áí³½¹Ç ¨ ѳñÏ»ñÇ í׳ñÙ³Ý Ñ³Ù³ñ: ²ÝÑñ³Å»ßï ¿ Ùï³Í»É, û DZÝã ¿ å»ïù Ó»éù µ»ñ»É ³ß˳ï³ÝùÇ Ñ³Ù³ñª ¿É»Ïïñ³Ï³ÝáõÃÛáõÝ, ·ñ³ë»Ý۳ϳÛÇÝ åÇïáõÛùÝ»ñ, ѳٳϳñ·ÇãÝ»ñ, Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙ, ÇÝï»ñÝ»ïÇó û·ïí»Éáõ Ñݳñ³íáñáõÃÛáõÝ, ѳٳå³ï³ëË³Ý Ã»Ù³ïÇϳÛáí ·ñ³Ï³ÝáõÃÛáõÝ ¨ ³ÛÉÝ: γ½ÙíáõÙ ¿ µÛáõç»` ³Ùëí³ Ïïñí³Íùáí ¨ áñáßíáõÙ, û ÇÝãù³±Ý ¿ å»ïù í³ëï³Ï»É ͳËë»ñÁ ÷³Ï»Éáõ ѳٳñ: ܳ˳·ÍÇ ÁݹѳÝáõñ ³ñÅ»ùÇ Ñ³ßí³ñÏÝ»ñáõÙ ³é³í»É ¹Åí³ñ ¿ ³ß˳ï³ÝùÇ Í³í³ÉÇ ¨ ݳ˳·ÍÇ íñ³ ͳËëí³Í ųٳݳÏÇ Çñ³Ï³Ý ·Ý³Ñ³ïáõÙÁ:
25
¶ È àô Ê 2 HTML ¶Ì²ÜÞØ²Ü Èº¼àôÜ HTML É»½áõÝ ëï»ÕÍí»É ¿ ·Çï³Ï³Ý ¨ áõëáõÙÝ³Ï³Ý ÇÝýáñÙ³ódzÛÇ ÷á˳ݳÏÙ³Ý Ýå³ï³ÏÝ»ñáí, ³ÛÝ ï³ñÇÝ»ñÇÝ, »ñµ ÆÝï»ñÝ»ïÇó û·ïíáõÙ ¿ÇÝ ÙdzÛÝ ·Çï³Ï³Ý ¨ ϳé³í³ñ³Ï³Ý ÑÇÙݳñÏáõÃÛáõÝÝ»ñÁ: ijٳݳÏÇ ÁÝóóùáõÙ, »ñµ É»½íÇ ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÁ ÁݹɳÛÝí»óª ÏñÃáõÃÛáõÝ, ½í³ñ׳ÝùÝ»ñ, ÏáÙ»ñódz ¨ ³ÛÉÝ, ³ÛëÇÝùÝ` »ñµ ³é³ç³ó³í ï»ëáÕ³Ï³Ý É³í Ó¨³íáñí³Í, ¹ÛáõñÇÝ ÁÝϳÉíáÕ web-¿ç»ñÇ ³ÝÑñ³Å»ßïáõÃÛáõÝ, å³ñ½ ¹³ñÓ³í, áñ É»½íÇ ÁÝóóÇÏ í³ñϳÍÁ ãÇ Ñ³Ù³å³ï³ë˳ÝáõÙ ³×áÕ å³Ñ³ÝçÝ»ñÇÝ: ²Û¹ å³ï׳éáí, web-Ù»Ïݳµ³ÝÝ»ñ (ѳïϳå»ë Internet Explorer ¨ Netscape) ³ñï³¹ñáÕ ýÇñٳݻñÁ ëÏë»óÇÝ ³í»É³óÝ»É ë»÷³Ï³Ýª áã ëï³Ý¹³ñï Ññ³Ù³ÝÝ»ñ, áñáÝù Ñݳñ³íáñáõÃÛáõÝ ïí»óÇÝ µñ³áõ½»ñÝ»ñÇÝ ³ñï³å³ïÏ»ñ»É å³ïÏ»ñ³½³ñ¹, í³é, ·ñ³íÇã ¿ç»ñ: ê³Ï³ÛÝ ß³ï ßáõïáí web-¹Ç½³ÛÝ»ñÝ»ñÇ å³Ñ³ÝçÝ»ñÇ ¨ web-Ù»Ïݳµ³ÝÝ»ñÇ Ñݳñ³íáñáõÃÛáõÝÝ»ñÇ ÙÇç¨ ³é³ç³ó³Ý ѳٳï»Õ»ÉÇáõÃÛ³Ý ÑÇÙݳËݹÇñÝ»ñ ¨, ÇÝãå»ë ³ñ¹»Ý Ýᯐ »Ýù, 2000 Ãí³Ï³ÝÇÝ W3C ËáõÙµÁ ëï»ÕÍ»ó XML ëï³Ý¹³ñïÁ, áñÁ ÑÇÙù ѳݹÇë³ó³í ·Í³ÝßÙ³Ý É»½íÇ Ùß³ÏíáÕ µáÉáñ ï³ñµ»ñ³ÏÝ»ñÇ Ñ³Ù³ñ: àñå»ë ³ÝóáõÙ³ÛÇÝ` ëï»ÕÍí»ó XHTML ·Í³ÝßÙ³Ý É»½áõÝ, áñÇ ÁÝóóÇÏ í³ñϳÍÁ ùÇã ¿ ï³ñµ»ñíáõÙ HTML4.01-Çó (HTML-Ç í»ñçÇÝ í³ñϳÍÇó): ²ÛÝ å³ñ½³å»ë ÑÇÝ ëï³Ý¹³ñïÝ»ñÇ ³í»ÉÇ Ëëï³å³Ñ³Ýç ï³ñµ»ñ³ÏÝ ¿ ¨ å³Ñ³ÝçáõÙ ¿ web-¹Ç½³ÛÝ»ñÝ»ñÇó Íñ³·ñ³ÛÇÝ Ïá¹Ç ³í»ÉÇ “ÏáÏÇÏ” Ó¨³Ï»ñåáõÙ: γñáÕ ¿ Ãí³É, û µáÉáñ ¹»åù»ñáõÙ ³ÝÑñ³Å»ßï ¿ ÏÇñ³é»É Ýá-ñ³·áõÛÝ ëï³Ý¹³ñïÁ, ë³Ï³ÛÝ Çñ³Ï³ÝáõÙ ÝáõÛÝÇëÏ ëï³Ý¹³ñïÝ áõÝÇ »ñÏáõ ï³ñµ»ñ³ÏÝ»ñª ËÇëï ¨ ³ÝóáõÙ³ÛÇÝ: ´³ÝÝ ³ÛÝ ¿, áñ áã µáÉáñ µñ³áõ½»ñÝ»ñÝ »Ý ϳñáÕ³ÝáõÙ ³ñï³å³ïÏ»ñ»É ¿ç»ñÁ Ýáñ Ó¨³ã³÷áõÙ: ÆѳñÏ», û·ïíáÕÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ “óñÙ³óÝáõÙ ¿” Íñ³·ñ³ÛÇÝ ¨ ³å³ñ³ï³ÛÇÝ ³å³ÑáíáõÙÝ»ñÁ, ë³Ï³ÛÝ ¹»é ·áÛáõÃÛáõÝ áõÝ»Ý Ù»Í Ãíáí ÑÇÝ Ù»ù»Ý³Ý»ñ, áñáÝó íñ³ ï»Õ³¹ñí³Í ¿ ÑÇÝ` XHTML-Çó “³Ýï»Õ۳ϔ Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙ:
¢ 2.1. HTML ÷³ëï³ÃÕûñÇ Ï³éáõóí³ÍùÁ ¨ ÑÇÙÝ³Ï³Ý ï»·»ñÁ ÆÝãå»ë ¨ ó³Ýϳó³Í ³ÛÉ Íñ³·ñ³íáñÙ³Ý É»½áõ, HTML-Á ݳ˳ï»ëáõÙ ¿ Íñ³·ñÇ, Ù»ñ ¹»åùáõÙª HTML-÷³ëï³ÃÕÃÇ, áñáß³ÏÇ ëï³Ý¹³ñï³óí³Í ϳéáõóí³Íù: HTML-÷³ëï³ÃÕÃáõÙ ³Û¹åÇëÇ Ï³éáõóí³ÍùÁ Ýϳñ³·ñáõÙ ¿ áã û Ññ³Ù³ÝÝ»ñÇ, ³ÛÉ ³ÝÙÇç³Ï³Ýáñ»Ý Íñ³·ñ³ÛÇÝ Ïá¹ å³ñáõݳÏáÕ å³ñï³¹Çñ µÉáÏÝ»ñÇ ¹³ë³íáñáõÃÛ³Ý Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÁ: Æ ï³ñµ»ñáõÃÛáõÝ Íñ³·ñ³íáñÙ³Ý ³ÛÉ É»½áõÝ»ñÇ, HTML-Ç ¹Çñ»ÏïÇíÝ»ñÁ ã»Ý ³Ýí³ÝíáõÙ “Ññ³Ù³ÝÝ»ñ”, “åñáó»¹áõñ³Ý»ñ” ϳ٠“ûå»ñ³ïáñÝ»ñ”: ¸ñ³Ýù áõÝ»Ý ë»÷³Ï³Ý ³Ýí³ÝáõÙª “ï»·”-»ñ (³Ý·É»ñ»Ý “tag” - ·Í³ÝÇß): î»·-Á Çñ»ÝÇó Ý»ñϳ۳óÝáõÙ ¿ ³ÝÏÛáõݳÛÇÝ ÷³Ï³·Í»ñÇ Ù»ç í»ñóí³Í áñáß³ÏÇ µ³é-µ³Ý³ÉǪ ¹»ëÏñÇåïáñ: î»·Ç ·ñ³ÝóÙ³Ý »Õ³Ý³ÏÁ ÁݹѳÝáõñ ¹»åùáõ٠ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É ï»ëùáíª <ï»·>: ´áÉáñ ³ÛÝ ûµÛ»ÏÝ»ñÁ, áñáÝù í»ñóí³Í ã»Ý ³ÝÏÛáõݳÛÇÝ ÷³Ï³·Í»ñÇ Ù»ç, ÇÝï»ñåñ»ï³ïáñÁ (í»ñͳÝÇã Íñ³·ÇñÁ) ѳëϳÝáõÙ ¿ áñå»ë ï»ùëï³ÛÇÝ µ³Õ³¹ñ³ï³ññ ¨ ³ñï³å³ïÏ»ñáõ٠ѳٳϳñ·ãÇ ¿Ïñ³ÝÇÝ ³ÛÝå»ë, “ÇÝãå»ë áñ ϳݔ: ²ÛëåÇëáíª ï»·Á HTML-Ç áñáß³ÏÇ Ññ³Ù³Ý ¿, áñÁ ûɳ¹ñáõÙ ¿ µñ³áõ½»ñÇ í»ñͳÝÇã Íñ³·ñÇÝ, û ÇÝãå»ë ³ÛÝ å»ïù ¿ Ùß³ÏÇ Ûáõñ³ù³ÝãÛáõñ ÏáÝÏñ»ï ¹Çñ»ÏïÇíÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ³ñÅ»ùÁ: ²Û¹ ¹Çñ»ÏïÇíÝ»ñÁ ÏáãíáõÙ »Ý ï»·Ç ³ïñǵáõïÝ»ñ (µÝáõó·ñÇãÝ»ñ): Úáõñ³ù³ÝãÛáõñ ³ïñǵáõï áõÝÇ ³ÝáõÝ ¨ ³ñÅ»ù: úñÇݳÏ, ù³ÝÇ áñ Ûáõñ³ù³ÝãÛáõñ ³ÕÛáõë³Ï áõÝÇ áñáß³ÏÇ É³ÛÝáõÃÛáõÝ (width), ³å³ ³ÕÛáõë³ÏÇ ëï»ÕÍÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëí³Í <table> ï»·áõ٠ϳñ»ÉÇ ¿ ݳ˳ï»ë»É ѳٳå³ï³ëË³Ý µÝáõó·ñÇãÁª <table width=”100”>: ²Ûëï»Õ width=”100” ³ñï³Ñ³ÛïáõÃÛáõÝÁ <table> ï»·Ç µÝáõó·ñÇãÝ ¿, áñÇ ³ÝáõÝÝ ¿ª width, ÇëÏ ³ñÅ»ùÁ ѳí³ë³ñ ¿ 100 åÇùë»ÉÇ: ²Û¹åÇëÇ ·ñ³ÝóáõÙÁ Ý߳ݳÏáõÙ ¿, áñ ¿Ïñ³ÝÇÝ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ 100 åÇùë»É ɳÛÝáõÃÛáõÝ áõÝ»óáÕ ³ÕÛáõë³Ï: гٳӳÛÝ XML ëï³Ý¹³ñïÇ` µáÉáñ ï»·»ñÇ ¨ µÝáõó·ñÇãÝ»ñÇ ³ÝáõÝÝ»ñÁ å»ïù ¿ ·ñ³Ýóí»Ý ÷áùñ³ï³é»ñáí, ÇëÏ µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ å»ïù ¿ í»ñóí»Ý ½áõÛ· ã³Ï»ñïÝ»ñÇ Ù»ç: лﳷ³ ß³ñ³¹ñ³ÝùáõÙ Ïջϳí³ñí»Ýù ³Û¹ ϳÝáÝÝ»ñáí: 26
HTML-Ý áõÝÇ ¨ë Ù»Ï ³é³ÝÓݳѳïÏáõÃÛáõÝ, áñáí ï³ñµ»ñíáõÙ ¿ Íñ³·ñ³íáñÙ³Ý ³ÛÉ É»½áõÝ»ñÇóª ·áñÍݳϳÝáõÙ É»½íÇ µáÉáñ ï»·»ñÁ, áñáß µ³ó³éáõÃÛ³Ùµ, “½áõÛ· »Ý”, ³ÛëÇÝùÝ` µ³Õϳó³Í »Ý “µ³óáÕ” ¨ ”÷³ÏáÕ” Ù³ë»ñÇó (¹ñ³Ýù ÏáãíáõÙ »Ý “ï»·-ÏáÝï»ÛÝ»ñÝ»ñ”): ö³ÏáÕ ï»·Á ï³ñµ»ñíáõÙ ¿ µ³óáÕÇó “ / ” Ýß³ÝÇ ³éϳÛáõÃÛ³Ùµ: ²ÛÝ ³Ù»ÝÁ, ÇÝã ·ïÝíáõÙ ¿ ³Û¹åÇëÇ ï»·»ñÇ ÙÇç¨, Ùß³ÏíáõÙ ¿ Áëï ïíÛ³É ï»·ÇÝ µñ³áõ½»ñáõÙ ßÝáñÑí³Í ³É·áñÇÃÙÇ: HTML-Ç Ññ³Ù³Ý³ÛÇÝ ïáÕÁ ÁݹѳÝáõñ ï»ëùáí ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É Ï»ñåª <ï»·>Ùß³ÏíáÕ (³ñï³å³ïÏ»ñíáÕ) ³ñÅ»ù</ï»·>: È»½íÇ ³Û¹åÇëÇ Ñ³ïÏáõÃÛáõÝÁ ÃáõÛÉ ¿ ï³ÉÇë ÏÇñ³é»É Ù»Ï ï»·Á ÙÛáõëÇ Ù»ç Ý»ñ¹Ý»Éáõ ëϽµáõÝùÁ, ³ÛëÇÝùÝ` ³Û¹ ¹»åùáõÙ Ý»ñùÇÝ (Ý»ñ¹ñí³Í) ï»·Ç Ùß³ÏÙ³Ý ³ñ¹ÛáõÝùÁ ³ñï³ùÇÝ ï»·Ç Ñ³Ù³ñ ¹³éÝáõÙ ¿ Ùß³ÏíáÕ ³ñÅ»ù: Ü»ñϳ۳óÝ»Ýù ï»·»ñÇ Ý»ñ¹ñÙ³Ý å³ñ½³·áõÛÝ ûñÇݳϪ <ï»·1><ï»·2>Ùß³ÏíáÕ ³ñÅ»ù</ï»·2></ï»·1>: “º½³ÏÇ” ï»·»ñÁ, Ç ï³ñµ»ñáõÃÛáõÝ “½áõÛ·»ñÇ”, ãáõÝ»Ý ÷³ÏáÕ µ³Õ³¹ñÇã: ¸ñ³Ýù ÑÇÙݳϳÝáõÙ û·ï³·áñÍíáõÙ »Ý ¿çáõÙ ·ñ³ýÇÏ³Ï³Ý ï³ññ»ñ (ÝϳñÝ»ñ, µ³Ý»ñÝ»ñ), »ñ³ÅßïáõÃÛáõÝ ¨ áñáß Õ»Ï³í³ñÙ³Ý ï³ññ»ñ (Ïá׳ÏÝ»ñ, ï»ùëï³ÛÇÝ ¹³ßï»ñ) Ý»ñ¹Ý»Éáõ ѳٳñ: úñÇݳϪ <img src=”MyImage.gif”> ï»·Ç û·ÝáõÃÛ³Ùµ ¿çáõÙ Ý»ñ¹ñíáõÙ ¿ å³ïÏ»ñ (image), áñÇ “ëϽµÝ³ÕµÛáõñÁ” (srcª ³Ý·É»ñ»Ý source ëϽµÝ³ÕµÛáõñ) MyImage ³ÝáõÝáí ¨ gif ÁݹɳÛÝáõÙáí å³ïÏ»ñÁ Ýϳñ³·ñáÕ ý³ÛÉÝ ¿: гٳӳÛÝ Ýáñª XML ëï³Ý¹³ñïÇ, ÝáõÛÝÇëÏ ³Û¹åÇëÇ ï»·»ñÁ å»ïù ¿ áõÝ»Ý³Ý “÷³Ï»Éáõ” ÷³ëïÁ ³½¹³ñ³ñáÕ ÝÇß: ²Û¹ Ýå³ï³Ïáí, Ï»Ýï ï»·áõÙª ÷³ÏáÕ ³ÝÏÛáõݳÛÇÝ ÷³Ï³·ÍÇó ³é³ç ¹ñíáõÙ ¿ “ / ” ÝÇßÁ: ÆëÏ áñå»ë½Ç ÑÇÝ web-Ù»Ïݳµ³ÝÝ»ñÁ ³Ýï»ë»Ý ³ÛÝ, ¹ñ³ ³ñç¨ å³ñï³¹Çñ ¹ñíáõÙ ¿ µ³ó³Ï (åñáµ»É): ä³ïÏ»ñÇ Ý»ñ¹ñÙ³Ý Ññ³Ù³Ý³ÛÇÝ ïáÕÁ, ³Û¹ ϳÝáÝÇ Ñ³Ù³Ó³ÛÝ, ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <img src=”MyImage.gif” />: XHTML-Ç Ïá¹Ç Ñ»ï ³ß˳ï»ÉÇë ³ÝÑñ³Å»ßï ¿ ջϳí³ñí»É ÙÇ å³ñ½ ûñ»Ýùáíª »Ã» Íñ³·ñÇ ï»ùëïáõ٠ѳݹÇåáõÙ ¿ µ³óáÕ ï»·, ³å³ å³ñï³¹Çñ å»ïù ¿ ³éϳ ÉÇÝÇ ÷³ÏáÕÁ (ϳ٠÷³ÏáÕ ÝÇßÁ): ¶Í³ÝßÙ³Ý É»½íÇ Ý³ËÏÇÝ í³ñϳÍÝ»ñÁ ϳËí³Í ã¿ÇÝ ï³é»ñÇ ·ñ³ÝóÙ³Ý é»·ÇëïñÇó, ³ÛëÇÝùÝ` ï»·»ñÇ ¨ µÝáõó·ñÇãÝ»ñÇ ³ÝáõÝÝ»ñÁ ϳñ»ÉÇ ¿ñ ·ñ³Ýó»É ÇÝå»ë ٻͳï³é»ñáí, ³ÛÝå»ë ¿É ÷áùñ³ï³é»ñáí (ÇѳñÏ», ¹³ ãÇ í»ñ³µ»ñáõÙ µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÇÝ): XML ëï³Ý¹³ñïáõÙ ¹³ ³Û¹å»ë 㿪 µáÉáñ ï»·»ñÁ ¨ µÝáõó·ñÇãÝ»ñÁ å»ïù ¿ ·ñ³Ýóí»Ý ÷áùñ³ï³é»ñáí (ëïáñÇÝ é»·ÇëïñáõÙ): ´³óÇ ³Û¹, ã»Ý ÃáõÛɳïñíáõÙ ¹³ï³ñÏ (³ñÅ»ù ãáõÝ»óáÕ) µÝáõó·ñÇãÝ»ñ: úñÇݳÏ` ݳËÏÇÝáõÙ checked µÝáõó·ñÇãÁ û·ï³·áñÍíáõÙ ¿ñ ³é³Ýó ³ñÅ»ùÇ, ÇëÏ Áëï Ýáñ ëï³Ý¹³ñïÇ` ³ÛÝ å»ïù ¿ ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª checked = “checked”: ÆÝãå»ë ¨ Ï³Ù³Û³Ï³Ý ÷³ëï³ÃáõÕÃ, HTML ÷³ëï³ÃáõÕÃÁ µ³Õϳó³Í ¿ »ñÏáõ ÑÇÙÝ³Ï³Ý Ù³ë»ñÇóª í»ñݳ·ñ³ÛÇÝ, “·É˳ÛÇÝ” Ù³ë (<head>…</head> ï»·»ñÇ ÙÇç¨), áñÁ Áݹ·ñÏáõÙ ¿ ëå³éÇã ÇÝýáñÙ³ódz ÷³ëï³ÃÕÃÇ í»ñ³µ»ñÛ³É (³Û¹ ÃíáõÙ` ÷³ëï³ÃÕÃÇ ³ñï³ùÇÝ ³ÝáõÝÁª title, áñÝ ³ñï³å³ïÏ»ñíáõÙ ¿ µñ³áõ½»ñÇ í»ñݳ·ñ³ÛÇÝ ïáÕáõÙ) ¨, áñáß ¹»åù»ñáõÙ, ïñ³ÝëÉÛ³ïáñÇ Ñ³ïáõÏ ¹Çñ»ÏïÇíÝ»ñÁ` <meta> ï»·»ñÁ, áñáÝù ÑáõßáõÙ »Ý µñ³áõ½»ñáõÙ Ý»ñϳéáõóí³Í HTML í»ñͳÝÇãÇÝ ³ÛÝ Ï³ÝáÝÝ»ñÁ, Áëï áñáÝó å»ïù ¿ Ùß³ÏíÇ web-¿çÁ ϳ½Ù³íáñáÕ Ïá¹Á; ÷³ëï³ÃÕÃÇ “Ù³ñÙÇÝ” (<body>…</body> ï»·»ñÇ ÙÇç¨), áñï»Õ å³ñáõݳÏíáõÙ ¿ ³ÛÝ ³Ù»ÝÁ, ÇÝãÁ Ù»Ýù ó³ÝϳÝáõÙ »Ýù ³ñï³å³ïÏ»ñ»É ¿Ïñ³ÝÇݪ ï»ùëïÁ, å³ïÏ»ñ³½³ñ¹áõÙÝ»ñÁ, áõÕÕáñ¹Ù³Ý ¨ ջϳí³ñáÕ (commons) ¿É»Ù»ÝïÝ»ñÁ ¨ ³ÛÉÝ: ÆëÏ áñå»ë½Ç ³ÙµáÕç ³ß˳ñÑÁ ѳëϳݳ, áñ ·áñÍ áõÝÇ HTML ÷³ëï³ÃÕÃÇ Ñ»ï, ³ÝÑñ³Å»ßï ¿ <head> ¨ <body> Ù³ë»ñÁ »½ñ³÷³Ï»É ѳٳå³ï³ë˳Ý` <html>…</html> ï»·Ç Ý»ñùá: ²ÛëåÇëáí, ¿çÇ Ïá¹Á ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É ï»ëùáíª <html> <head> <title>ö³ëï³ÃÕÃÇ ³ÝáõÝÁ</title> </head> <body> </body> </html> HTML-áí ·ñí³Í Ï³Ù³Û³Ï³Ý web-¿çÁ ëáíáñ³Ï³Ý ï»ùëï³ÛÇÝ ý³ÛÉ ¿: ¸³ Ý߳ݳÏáõÙ ¿, áñ web¿ç»ñÇ ëï»ÕÍÙ³Ý Ñ³Ù³ñ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É ó³Ýϳó³Í ï»ùëï ËÙµ³·ñ»Éáõ ѳٳñ ݳ˳ï»ëí³Í Íñ³·Çñ (ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ` ï»ùëï³ÛÇÝ ËÙµ³·ñÇã), Ù³ëݳíáñ³å»ë` Notepad-Á ϳÙ, ÝáõÛÝÇëÏ, ï»ùëï³ÛÇÝ åñáó»ëáñÝ»ñ (ûñÇݳϪ Word-Á): Ò¨³Ï»ñå»Éáí ѳٳå³ï³ëË³Ý Ïá¹Á ËÙµ³·ñÇãáõÙ ¨ å³Ñå³Ý»Éáí ³ÛÝ Ñ³Ù³Ï³ñ·ãÇ ÑÇßáÕáõÃÛáõÝáõÙ “.htm” (ÑÇÝ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ Ñ³Ù³ñ) ϳ٠27
“.html” (Ýáñ»ñÇ) ÁݹɳÛÝáõÙáí, Ïëï³Ý³Ýù HTML ÷³ëï³ÃáõÕÃ: XML (Ý»ñϳ ÷áõÉáõÙª XHTML) ëï³Ý¹³ñïÝ ³í»ÉÇ áõ ³í»ÉÇ ³Ùáõñ ¹Çñù»ñ ¿ ·ñ³íáõ٠ѳٳß˳ñѳÛÇÝ ó³ÝóáõÙ: ´³óÇ ³Û¹, ÁݹɳÛÝíáõÙ ¿ ݳ¨ web-ͳé³ÛáõÃÛáõÝÝ»ñÇó û·ïí»Éáõ ѳٳñ ÏÇñ³éíáÕ ë³ñù³íáñáõÙÝ»ñÇ ¨ ѳí»Éí³ÍÝ»ñÇ ï»ë³Ï³ÝÇÝ (ûñÇݳϪ ÆÝï»ñÝ»ïÇÝ Ï³ñ»ÉÇ ¿ ÙÇ³Ý³É µçç³ÛÇÝ Ñ»é³ËáëÝ»ñÇ ÙÇçáóáí): ²Û¹ ³Ù»ÝÁ ÷³ëï³ÃÕÃÇ ï»ë³ÏÇ ËÇëï µÝáñáßÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³óÝáõÙ: àã ³ÛÝù³Ý Ñ»éáõ ³å³·³ÛáõÙ ó³Ýϳó³Í web-÷³ëï³ÃáõÕà å³ñï³¹Çñ å»ïù ¿ áõݻݳ, ³Ûëå»ë Ïáãí³Í, DTD-Ý (Document Type Definition - ÷³ëï³ÃÕÃÇ ï»ë³ÏÇ ë³ÑÙ³ÝáõÙ), Áëï áñÇ` ÁݹáõÝáÕ ë³ñù³íáñáõÙÁ Ïѳëϳݳ, û ÇÝãå»±ë ³ÛÝ í»ñͳݻÉ: ²ë»Ýù, áñ ųٳݳϳÏÇó µñ³áõ½»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ³é³Ýó ¹ñ³ ¿É ϳñáÕ ¿ ³ñï³å³ïÏ»ñ»É web-¿çÁ, ë³Ï³ÛÝ Å³Ù³Ý³ÏÇ ÁÝóóùáõÙ ÷³ëï³ÃÕÃÇ ï»ë³ÏÇ áñáßáõÙÁ Ïáõݻݳ ³í»ÉÇ áõ ³í»ÉÇ Ï³ñ¨áñ Ý߳ݳÏáõÃÛáõÝ: HTML4.01 í³ñϳÍÇ Ñ³Ù³ñ DTD-Ý áõÝÇ Ñ»ï¨Û³É ï»ëùÁª <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">, ÇëÏ XHTML1.0-Ç ³ÝóáõÙ³ÛÇÝ (transitional) í³ñϳÍÇ Ñ³Ù³ñ` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional .dtd">: ²Û¹ ë³ÑÙ³ÝáõÙÁ ·ñ³ÝóíáõÙ ¿ ³ÝÙÇç³å»ë ÷³ëï³ÃáõÕÃÁ µ³óáÕ <html> ï»·Ç ³éç¨, Áݹ áñáõÙ` Ýßí³Í í³ñϳÍÝ»ñÇ Ñ³Ù³ñ ³Û¹ ï»·Á ãáõÝÇ µÝáõó·ñÇãÝ»ñ: XHTML-Ç ËÇëï (strict) í³ñϳÍÁ ÏÇñ³é»ÉÇë (³ÛëÇÝùÝ` XML ëï³Ý¹³ñïÇÝ Ñ»ï¨»ÉÇë) ³ÝÑñ³Å»ßï ¿ <html> µ³óáÕ ï»·Á ÷á˳ñÇÝ»É Ñ»ï¨Û³É ë³ÑÙ³ÝáõÙáíª <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http : / /www . w3 . org/TR/ xhtml 1 / DTD/ stri ct . dtd "> <html xmlns="http: //www.w3.org/1999/xhtml">: ÆÝãå»ë ï»ëÝáõÙ »Ýù, Ýáñ ëï³Ý¹³ñïáõÙ <html> ï»·Á ³ñ¹»Ý áõÝÇ Ù»Ï µÝáõó·ñÇ㪠xlmns, áñÇ ÙÇçáóáí ÷³ëï³ÃÕÃÇÝ ÙdzóíáõÙ ¿ XML ³ÝáõÝÝ»ñÇ µ³½ÙáõÃÛáõÝÁ: ø³ÝÇ áñ ¹»é¨ë ³é³í»É Ñ³×³Ë ÏÇñ³éíáõÙ ¿ HTML4.01 ëï³Ý¹³ñïÁ (áã µáÉáñ û·ïíáÕÝ»ñÝ áõÝ»Ý Ýáñ ëï³Ý¹³ñïÁ í»ñͳÝáÕ µñ³áõ½»ñÝ»ñ), ³å³ ϳñ»ÉÇ ¿ web-¿ç»ñ ëï»ÕÍ»ÉÇë ³é³çÝáñ¹í»É ³é³çÇÝ ë³ÑÙ³ÝáõÙáí: Ð³×³Ë ³ÝÑñ³Å»ßï ¿ Íñ³·ñÇ ëï»ÕÍÙ³Ý ÁÝóóùáõÙ ·ñ³Ýó»É áñáß³ÏÇ Ù»Ïݳµ³ÝáõÃÛáõÝÝ»ñ, áñáÝù ѻﳷ³ÛáõÙ Ïû·Ý»Ý ËÙµ³·ñÙ³Ý Ï³Ù ÷á÷áËáõÃÛáõÝÝ»ñ ϳï³ñ»Éáõ ¹»åùáõÙ ³í»ÉÇ Ñ»ßï ѳëϳݳÉ, û DZÝã ¿ ϳï³ñíáõÙ ïíÛ³É Íñ³·ñ³ÛÇÝ µÉáÏáõÙ, ÷³ëï³ÃÕÃÇ á±ñ Ù³ëÝ ¿ ³ÛÝ Ýϳñ³·ñáõÙ ¨, ³éѳë³ñ³Ï, DZÝã ¿ å»ïù ¹ñ³ Ñ»ï ³Ý»É: ²Û¹ Ýå³ï³ÏÇÝ Í³é³ÛáÕ comment ï»·Á áñáß ã³÷áí ï³ñµ»ñíáõÙ ¿ ÙÛáõë ï»·»ñÇó, ù³ÝÇ áñ ¹ñ³ µ³óáÕª <!-- ¨ ÷³ÏáÕª --> Ù³ë»ñÁ å³ñáõݳÏáõÙ »Ý ÙdzÛÝ ÙdzÏáÕÙ³ÝÇ ³ÝÏÛáõݳÛÇÝ ÷³Ï³·Í»ñ: ²ÛÝ ³Ù»ÝÁ, ÇÝã ·ïÝíáõÙ ¿ ³Û¹åÇëÇ Ýß³ÝÝ»ñÇ ÙÇç¨, ³Ýï»ëíáõÙ ¿ µñ³áõ½»ñÇ ÏáÕÙÇó: Æ ÙÇ µ»ñ»Éáí ³ëí³ÍÁ` ëï»ÕÍ»Ýù Notepad ËÙµ³·ñÇãáõÙ HTML ÷³ëï³ÃÕÃÇ Ó¨³ÝÙáõß ¨ å³Ñå³Ý»Ýù ³ÛÝ áñå»ë ëáíáñ³Ï³Ý ï»ùëï³ÛÇÝ ý³ÛÉ (³Ýí³Ý»Éáí, ûñÇݳϪ template.txt), <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Ò¨³ÝÙáõß</title></head> <body></body> </html> ²Ù»Ý ³Ý·³Ù, »ñµ ³ÝÑñ³Å»ßï ÉÇÝÇ ëï»ÕÍ»É Ýáñ web-÷³ëï³ÃáõÕÃ, Ù»Ýù ϳñáÕ »Ýù µ³ó»É ³Û¹ ý³ÛÉÁ, ËÙµ³·ñ»É ³ÛÝ ¨, ÁÝïñ»Éáí File ó³ÝÏÇ Save As Ï»ïÁ, ßÝáñÑ»É ý³ÛÉÇÝ ÁÝïñ³Í ³ÝáõÝÁ ¨ “.html” ÁݹɳÛÝáõÙáí å³Ñå³Ý»É ѳٳå³ï³ëË³Ý ÃÕóå³Ý³ÏáõÙ (ϳ٠¹Çñ»ÏïáñdzÛáõÙ):
¢ 2.2. î»ùëïÇ ·Í³ÝßáõÙÁ ¨ ϳ½Ù³Ï»ñåáõÙÁ HTML ÷³ëï³ÃÕûñáõÙ î»ùëï³ÛÇÝ ËÙµ³·ñÇãÝ»ñáõÙ ï»ùëïÇ ·Í³ÝßáõÙÁ ϳñ»ÉÇ ¿ Çñ³Ï³Ý³óÝ»É ëï»Õݳ߳ñÇ ÙÇçáóáí: úñÇݳϪ Ýáñ ïáÕÇÝ ³ÝóÝ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ “Enter”, µ³é»ñÇ ÙÇç¨ Ñ³í³ë³ñ Ñ»é³íáñáõÃÛáõÝ å³Ñå³Ý»Éáõ ѳٳñ` “Tab” (ï³µáõÉÛ³ódzÛÇ), ÇëÏ ï³ñµ»ñ Ñ»é³íáñáõÃÛáõÝÝ»ñª µ³ó³ÏÇ ëï»ÕÝ»ñÁ: ê³Ï³ÛÝ µñ³áõ½»ñÝ»ñÁ ³Ýï»ëáõÙ »Ý ëï»Õݳ߳ñÇ ÙÇçáóáí ϳï³ñí³Í ·Í³ÝßáõÙÁ, í»ñͳݻÉáí ¨° ïáÕ³÷áËáõÃÛáõÝÁ, ¨° ï³µáõÉÛ³ódzÝ, ¨° µ³ó³ÏÝ»ñÁ (³ÝÏ³Ë ù³Ý³ÏÇó) áñå»ë Ù»Ï µ³ó³Ï: ²Û¹ å³ï׳éáí, ÑÇÙÝ³Ï³Ý ï»ùëïÁ web-¿çáõÙ ·Í³Ýß»Éáõ Ýå³ï³Ïáí û·ï³·áñÍíáõÙ »Ý ѳïáõÏ ï»·»ñ, áñáÝù ϳñ»ÉÇ ¿ µ³Å³Ý»É »ñÏáõ ÑÇÙÝ³Ï³Ý ËÙµ»ñǪ ï»ùëïÇ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñ, 28
ï»ùëïÇ ïñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñ:
2.2.1. î»ùëïÇ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßáõÙ î»ùëïÇ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý áñáß ï»·»ñ ¨ ¹ñ³Ýó Ý߳ݳÏáõÙÁ µ»ñí³Í »Ý ³ÕÛáõë³Ï 2.2.1áõÙ: î»ùëïÇ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý »Õ³Ý³ÏÁ ß³ï å³ñ½ ¿ª ÁÝïñíáõÙ ¿ ï»ùëïÇ ³ÛÝ Ù³ëÁ, áñÝ ³ÝÑñ³Å»ßï ¿ ³Ûë ϳ٠³ÛÝ Ó¨áí ³é³ÝÓݳóÝ»É ¨ í»ñóíáõ٠ѳٳå³ï³ëË³Ý ï»·Ç Ù»ç: лï¨Û³É Íñ³·ñ³ÛÇÝ Ïá¹áõÙ óáõó³¹ñí³Í ¿ ýǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñÇ ÏÇñ³éáõÃÛ³Ý »Õ³Ý³ÏÁ: Ìñ³·ñÇ ³ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.2.1-áõÙ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Phisical style formatting example</title> </head> <body> <p><tt>γÛùÇ ÝáñáõÃÛáõÝÝ»ñÁ: </tt> Ø»Ýù ÷á÷áË»É »Ýù <i>í»ñçÇÝ ÝáñáõÃÛáõÝÝ»ñÇ</i> ÃáÕ³ñÏÙ³Ý Å³ÙÏ»ïÝ»ñÁ: ²ÛÅÙ ¹áõù ϳñáÕ »ù ͳÝáÃ³Ý³É ÝáñáõÃÛáõÝÝ»ñÇÝ ³Ù»Ý <b>ãáñ»ùß³µÃÇ</b> ¨, ³ÛëåÇëáí, Ûáõñ³ù³ÝãÛáõñ <u>ÑÇÝ·ß³µÃÇ ¨ áõñµ³Ã</u> ¹áõù Ñݳñ³íáñáõÃÛáõÝ Ïáõݻݳù û·ïí»É ëï³óí³Í ÇÝýáñÙ³ódzÛÇó <sup>*</sup>:</p> <p><sup>*</sup>: ê³Ï³ÛÝ Ù»Ýù ã»Ýù »ñ³ß˳íáñáõÙ, áñ ¹³ Ïϳï³ñíÇ Ñ»Ýó ³Ûë ß³µ³Ãí³ÝÇó</p> </body></html>
29
²ÕÛáõë³Ï 2.2.1 üǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñÁ î»·Á <b>, </b> <i>, </i> <tt>, </tt> <u>, </u> <big>, </big> <small>, </small> <sub>, </sub> <sup>, </sup> <acronym>, </acronym>
Ü߳ݳÏáõÙÁ ³í Þ»Õ (Çï³ÉÇÏ) гí³ë³ñ³É³ÛÝ Àݹ·Íí³Í Ø»Ï Ùdzíáñáí ٻͳóí³Í ã³÷Ç Ø»Ï Ùdzíáñáí ÷áùñ³óí³Í ã³÷Ç êïáñÇÝ Çݹ»ùë ì»ñÇÝ Çݹ»ùë ²ÏñáÝÇÙ
ä³ïÏ»ñ 2.2.1. üǽÇÏ³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñÇ ûñÇݳÏ
2.2.2. î»ùëïÇ ïñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßáõÙ ´»ñí³Í Íñ³·ñ³ÛÇÝ Ïá¹áõÙ, µ³óÇ ýǽÇÏ³Ï³Ý ·Í³ÝßÙ³Ý ï»·»ñÇó, û·ï³·áñÍí³Í ¿ <p>…</p> ï»·Á, áñÁ ͳé³ÛáõÙ ¿ ÑÇÙÝ³Ï³Ý ï»ùëïÁ å³ñµ»ñáõÃÛáõÝÝ»ñÇ µ³Å³Ý»Éáõ ѳٳñ: ²ÛÝ ÷³ëïáñ»Ý ÷á˳ñÇÝáõÙ ¿ Enter ëï»ÕÝÇÝ, áñÇ ÙÇçáóáí Çñ³Ï³Ý³óíáõÙ ¿ ³ÝóáõÙ Ýáñ ïáÕÇ: î»ùëïÇ ³ÛÝ Ù³ë»ñÁ, áñáÝù »½ñ³÷³Ïí³Í »Ý ï»·áõÙ, ϳ½ÙáõÙ »Ý ³é³ÝÓÇÝ å³ñµ»ñáõÃÛáõÝÝ»ñ: î»·Á ãÇ áñáßáõÙ ï³é³ß³ñÇ ã³÷ë»ñÁ ¨ ï»ùëïÇ ·ñ³ÝóÙ³Ý ËáñáõÃÛáõÝÁ (Ûáõñ³ù³ÝãÛáõñ µñ³áõ½»ñ ³Û¹ å³ñ³Ù»ïñ»ñÁ í»ñͳÝáõÙ ¿ ÛáõñáíÇ): ¸³ Ý߳ݳÏáõÙ ¿, áñ <p> ï»·Á ï»ùëïÇ ïñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï³ññ ¿ ¨ ݳ˳ï»ëí³Í ¿ ï»ùëïÁ ϳ½Ù³Ï»ñåí³Í ï»ëùÇ µ»ñ»Éáõª ïñ³Ù³µ³Ý³Ï³Ý µÉáÏÝ»ñÇ (å³ñµ»ñáõÃÛáõÝÝ»ñÇ) µ³Å³Ý»Éáõ ѳٳñ: ÜáõÛÝ Ýå³ï³ÏÝ»ñÇÝ »Ý ͳé³ÛáõÙ ïñ³Ù³µ³Ý³Ï³Ý á×»ñÁ áñáßáÕ ï»·»ñÁ: îñ³Ù³µ³Ý³Ï³Ý ¿ ѳٳñíáõÙ ³ÛÝ á×Á, áñÇ ÏáÝÏñ»ï å³ñ³Ù»ïñ»ñÁ áñáßáõÙ ¿ µñ³áõ½»ñÁ: ÐÇÙݳϳÝáõÙ µáÉáñ µñ³áõ½»ñÝ»ñÁ ïñ³Ù³µ³Ý³Ï³Ý á×»ñÇ ·Í³ÝßÙ³Ý ï»·»ñÁ ÁÝϳÉáõÙ »Ý ÙdzÝÙ³Ý, ë³Ï³ÛÝ Ï³ñáÕ »Ý ÉÇÝ»É µ³ó³éáõÃÛáõÝÝ»ñ: ´áÉáñ ³Û¹ ï»·»ñÁ ÏáÝï»ÛÝ»ñÝ»ñ »Ý, ³ÛëÇÝùÝ` áõÝ»Ý µ³óáÕ ¨ ÷³ÏáÕ Ù³ë»ñ: îñ³Ù³µ³Ý³Ï³Ý á×»ñÇ ·Í³ÝßÙ³Ý ÑÇÙÝ³Ï³Ý ï»·»ñÇ óáõó³ÏÁ Ý»ñϳ۳óí³Í ¿ ³ÕÛáõë³Ï 2.2.2-áõÙ: ²ÕÛáõë³Ï 2.2.2 îñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñÁ î»·Á <em>, </em> <strong>, </strong> <cite>, </cite>
Ü߳ݳÏáõÙÁ ²é³ÝÓݳóáõÙ ÊÇëï ³é³ÝÓݳóáõ٠ػ絻ñáõ٠ϳ٠ÑÕáõÙ ³ñï³ùÇÝ ëϽµÝ³ÕµÛáõñÇÝ 30
<dfn>,</dfn> <samp>,</samp> <kbd>,</kbd> <var>,</var> <q>,</q> <acronym >, </acronym >
Ìñ³·ñÇ ëϽµÝ³Ï³Ý Ïá¹Á Ìñ³·ñÇ ³ß˳ï³ÝùÇ ûñÇÝ³Ï (Ñ³×³Ë ³ñï³å³ïÏ»ñíáõÙ ¿ ݳËáñ¹ ï»·Ç ÝÙ³Ý) êï»Õݳ߳ñÇó Ùáõïù³·ñí³Í ï»ùëï öá÷áË³Ï³Ý Ï³Ù ³ñÅ»ù ػ絻ñíáÕ ï»ùëï ²ÏñáÝÇÙ
êïáñ¨ Ý»ñϳ۳óí³Í ¿ ïñ³Ù³µ³Ý³Ï³Ý á×»ñÇ ·Í³ÝßÙ³Ý ï»·»ñÇ û·ï³·áñÍÙ³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ûñÇݳÏÁ, ÇëÏ ¹ñ³ ³ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùÁª å³ïÏ»ñ 2.2.2-áõÙ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Logical formatting example</title> </head> <body> <p><em>´áÉáñ û·ïíáÕÝ»ñÁ</em> å»ïù ¿ ÑÇß»Ý ³ÛÝ Ù³ëÇÝ, áñ ³ÝÑñ³Å»ßï ¿ å³ïß³× Ó¨áí ³í³ñï»É ³ß˳ï³ÝùÁ <strong> ïáõÝ ·Ý³Éáõó ³é³ç:</strong> 껳ÝëÁ <dfn>³í³ñï»Éáõ ѳٳñ </dfn> ³ÝÑñ³Å»ßï ¿ ѳí³ù»É Ññ³Ù³Ý³ÛÇÝ ïáÕáõÙ <kbd> logout </kbd> ϳ٠<kbd>exit</kbd>: ºñµ ï»ëÝ»Ýù ¿Ïñ³ÝÇÝ ³Û¹ Ññ³Ù³ÝÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùÁ <samp>Thank you. Goodbye.</samp>, ϳñáÕ »ù ѳݷÇëï ³Ýç³ï»É ѳٳϳñ·ÇãÁ</p> </body> </html>
ä³ïÏ»ñ 2.2.2. îñ³Ù³µ³Ý³Ï³Ý á×Ç ·Í³ÝßÙ³Ý ï»·»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï Ð³×³Ë ³ÝÑñ³Å»ßï ¿ ·Í³Ýᯐ å³ñµ»ñáõÃÛ³Ý áñ¨¿ ïáÕÇ ³í³ñïÁ, ûñÇݳÏ, ³ÛÝ ¹»åù»ñáõÙ, »ñµ ·ñ³ÝóíáõÙ ¿ áñ¨¿ ѳëó»: ø³ÝÇ áñ µñ³áõ½»ñÁ ãÇ Ñ³ëϳÝáõÙ ëï»Õݳ߳ñÇ ÙÇçáóáí ϳï³ñ³Í ·Í³ÝßáõÙÁ, ³å³ Ýå³ï³ÏÝ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ ¹ÇÙáõÙ »Ý ·Í³ÝßÙ³Ý ³ÛÉ »Õ³Ý³ÏÝ»ñÇ: ¸Çóáõù` ó³ÝϳÝáõÙ »Ýù ·ñ³Ýó»É ѳëó»Ý Ñ»ï¨Û³É Ó¨áíª ÐáíѳÝÝÇëÛ³Ý ÐáíѳÝÝ»ë 375001, ù.ºñ¨³Ý, ÷.²µáíÛ³Ý, ß.14, µÝ. 14: ºÃ» å³ñ½³å»ë ѳí³ù»Ýù ³Û¹ ï»ùëïÁ, å³ñµ»ñáõÃÛ³Ý Ù»ç ïáÕ³÷áËáõÃÛ³Ý Ñ³Ù³ñ û·ï³·áñÍ»Éáí Enter ëï»ÕÝÁ, ¿Ïñ³ÝÇÝ ³ÛÝ Ï³ñï³å³ïÏ»ñíÇ Ù»Ï ïáÕáí: ºÃ» ÷áñÓ»Ýù Ûáõñ³ù³ÝãÛáõñ ïáÕÁ Ý»ñϳ۳óÝ»É áñå»ë å³ñµ»ñáõÃÛáõݪ <p> ÐáíѳÝÝÇëÛ³Ý ÐáíѳÝÝ»ë </p> <p>375001, ù.ºñ¨³Ý, </p> <p>÷.²µáíÛ³Ý, ß.14, µÝ. 14</p>, ³ñ¹ÛáõÝùáõÙ ÝáõÛÝå»ë ã»Ýù ëï³Ý³ ³ñï³å³ïÏ»ñÙ³Ý ó³ÝϳÉÇ ï»ëùÁ: ²Û¹åÇëÇ ¹»åù»ñÇ Ñ³Ù³ñ 31
·áÛáõÃÛáõÝ áõÝÇ Ñ³ïáõϪ »½³ÏÇ <br /> (break row) ï»·Á, áñÁ ï»Õ³¹ñíáõÙ ¿ ³ÛÝ ¹ÇñùáõÙ, áñï»Õ ó³ÝϳÝáõÙ »Ýù ϳï³ñ»É ïáÕ³÷áËáõÃÛáõÝÁ: лï¨Û³É Íñ³·ñ³ÛÇÝ Ïá¹Ç ÙÇçáóáí ϳñáÕ »Ýù ѳëÝ»É ó³ÝϳÉÇ ³ñ¹ÛáõÝùǪ <p>ÐáíѳÝÝÇëÛ³Ý ÐáíѳÝÝ»ë<br /> 375001, ù.ºñ¨³Ý,<br /> ÷.²µáíÛ³Ý, ß.14, µÝ. 14<br /> </p>: ²ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.2.3-áõÙ:
ä³ïÏ»ñ 2.2.3. <br /> ¨ <pre> ï»·»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï ²Û¹åÇëÇ ¹Åí³ñáõÃÛáõÝÝ»ñÁ ϳñ»ÉÇ ¿ ßñç³Ýó»É` û·ï³·áñÍ»Éáí å³ñµ»ñáõÃÛ³Ý ëï»ÕÍÙ³Ý ÙÇ ³ÛÉ ï»·ª <pre></pre> (preformatedª ݳ˳·Í³Ýßí³Í µ³éÇó): ²Û¹ ï»·Ç Ý»ñëáõÙ ·ñ³Ýóí³Í ï»ùëïÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ÝáõÛÝ ï»ëùáí, ÇÝãå»ë ѳí³ùí»É ¿ ï»ùëï³ÛÇÝ ËÙµ³·ñÇãáõÙ: úñÇݳϪ <pre> ÐáíѳÝÝÇëÛ³Ý ÐáíѳÝÝ»ë 375001, ù.ºñ¨³Ý, ÷.²µáíÛ³Ý, ß.14, µÝ. 14 </pre> å³ñµ»ñáõÃÛáõÝÁ ϳñï³å³ïÏ»ñíÇ ÝáõÛÝ ï»ëùáí, ë³Ï³ÛÝ Ñ³í³ë³ñ³É³ÛÝ ï³é³ß³ñáí (ï»ëª å³ïÏ»ñ 2.2.3.):
32
2.2.3. î»ùëïÇ Ï³½Ù³Ï»ñåáõÙÁ (í»ñݳ·ñ»ñ, ÑáñǽáÝ³Ï³Ý ·Í»ñ) ÐÇÙÝ³Ï³Ý å³ñµ»ñáõÃÛáõÝÝ»ñÁ ¿çáõÙ ï»Õ³¹ñ»Éáõó Ñ»ïá, ï»ùëïÇ ÁÝϳÉáõÙÁ µ³ñ»É³í»Éáõ Ýå³ï³Ïáí ϳñ»ÉÇ ¿ ³ÛÝ Ï³½Ù³Ï»ñåí³Í ï»ëùÇ µ»ñ»É: ¸³ ϳï³ñíáõÙ ¿ »ñÏáõ ï³ñµ»ñ ï»·»ñÇ û·ÝáõÃÛ³Ùµª ï³ñµ»ñ ٳϳñ¹³ÏÝ»ñÇ í»ñݳ·ñ»ñÇ ¨ ÑáñǽáÝ³Ï³Ý ·Í»ñÇ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ϳï³ñ»É ï»ùëïÇ ï»ëáÕ³Ï³Ý µ³Å³ÝáõÙÁ: ì»ñݳ·ñ»ñÁ, ѳݹÇë³Ý³Éáí ÏáÝï»ÛÝ»ñÝ»ñ, Ç ï³ñµ»ñáõÃÛáõÝ ÙÛáõë ï»·»ñÇ, ÇÝùݳ³é³ÝÓݳóíáõÙ »Ý (ÇÝãå»ë ¨ <p> ï»·Á), ³ÛëÇÝùÝ` í»ñݳ·ñÇ ÷³ÏáÕ ï»·Á ï»ëÝ»ÉÇë µñ³áõ½»ñÁ ϳï³ñáõÙ ¿ å³ñï³¹Çñ ÏñÏݳÏÇ ïáÕ³¹³ñÓ: î»Õ³¹ñ»Ýù Ñ»ï¨Û³É Íñ³·ñ³ÛÇÝ Ïá¹Á` <h1> ²é³çÇÝ Ù³Ï³ñ¹³ÏÇ í»ñݳ·ñ»ñÁ ·É˳íáñ í»ñݳ·ñ»ñÝ »Ý </h1> <h2> ºñÏñáñ¹ ٳϳñ¹³ÏÇ í»ñݳ·ñ»ñÝ ¿É ϳñ»ÉÇ ¿ û·ï³·áñÍ»É áñå»ë »Ýóí»ñݳ·ñ»ñ </h2> <h3> ºññáñ¹ ٳϳñ¹³ÏÇ í»ñݳ·ñ»ñÁ »ñÏñáñ¹Çó ÷áùñ »Ýª ϳñ»ÉÇ ¿ û·ï³·áñÍ»É áñå»ë »ñÏñáñ¹³Ï³Ý »Ýóí»ñݳ·ñ»ñ </h3> <h4> âáññáñ¹ ٳϳñ¹³ÏÇ í»ñݳ·ñ»ñÁ ³ñï³å³ïÏ»ñíáõÙ »Ý ëáíáñ³Ï³Ý ï»ùëïÇ ÝÙ³Ý, µ³Ûó áñáß ã³÷áí ³é³ÝÓݳóíáõÙ »Ý </h4> <h5> ÐÇÝ·»ñáñ¹ ٳϳñ¹³ÏÇ í»ñݳ·ñ»ñÁ ëáíáñ³Ï³Ý ï»ùëïÇó ¿É ÷áùñ »Ý, µ³Ûó ÝáõÛÝå»ë ³é³ÝÓݳóíáõÙ »Ý </h5> <h6> ê³ í»ó»ñáñ¹ ٳϳñ¹³ÏÇ í»ñݳ·Çñ ¿</h6> Ù»ñ Ó¨³ÝÙáõßÇ <body> ¨ </body> ï»·»ñÇ ÙÇç¨, ¨ ÑÇß»Ýù ý³ÛÉÁ “.html” ÁݹɳÛÝáõÙáí: ´³ó»Éáí ëï³óí³Í ý³ÛÉÁ µñ³áõ½»ñáõÙ ³ñ¹ÛáõÝùáõÙ Ïï»ëÝ»Ýù ³ÛÝ, ÇÝã óáõó³¹ñí³Í ¿ å³ïÏ»ñ 2.2.4-áõÙ: ÀݹѳÝñ³å»ë ËáñÑáõñ¹ ãÇ ïñíáõÙ µ³ó ÃáÕÝ»É í»ñݳ·ñ»ñÇ Ù³Ï³ñ¹³ÏÝ»ñÁ, ûñÇݳϪ <h3> ٳϳñ¹³ÏÇ í»ñݳ·ÇñÁ ãÇ Ï³ñáÕ Ñ³çáñ¹»É <h1>-ÇÝ, »Ã» Ýñ³Ýó ÙÇç¨ ãϳ <h2> ٳϳñ¹³ÏÇ í»ñݳ·Çñ: ê³Ï³ÛÝ í»ñݳ·ñ»ñÁ Ñ³×³Ë û·ï³·áñÍíáõÙ »Ý å³ñ½³å»ë ï³é³ß³ñÇ ã³÷»ñÁ í»ñͳÝÇã Íñ³·ñÇÝ Ã»É³¹ñ»Éáõ Ýå³ï³Ïáí, ÇÝãÁ ëË³É ¿, ù³ÝÇ áñ ï³ñµ»ñ µñ³áõ½»ñÝ»ñ ³ñï³å³ïÏ»ñáõÙ »Ý ¹ñ³Ýù ï³ñµ»ñ Ó¨áí: î³é³ß³ñÇ ã³÷»ñÁ ÷áË»Éáõ ѳٳñ ³í»ÉÇ Ñ³ñÙ³ñ ¿ á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ û·ï³·áñÍáõÙÁ (á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ ÏáõëáõÙݳëÇñ»Ýù ³í»ÉÇ áõß): î»ùëïÇ ÁݹѳÝáõñ ï»ëùÁ µ³ñ»É³í»Éáõ ѳٳñ ѳñÙ³ñ ¿ ݳ¨ <hr /> (hr - horizontal rule) ï»·Ç û·ï³·áñÍáõÙÁ: ¸ñ³ ÙÇçáóáí å³ñµ»ñáõÃÛáõÝÝ»ñÇ (ϳ٠ó³Ýϳó³Í ³ÛÉ ï³ññ»ñÇ) ÙÇç¨ ï»Õ³¹ñíáõÙ ¿ ÑáñǽáÝ³Ï³Ý ·ÇÍ, áñÁ ϳñ»ÉÇ ¿ ï³ñ³Í»É ¿Ïñ³ÝÇ ³ÙµáÕç ɳÛÝáõÃÛ³Ùµ:
ä³ïÏ»ñ 2.2.4. ì»ñݳ·ñ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
33
î»·Á »½³ÏÇ ¿, ³ÛëÇÝùÝ` ãÇ å³Ñ³ÝçáõÙ ÷³ÏáÕ ï»·: ²ÛÝ Ï³ñáÕ ¿ áõÝ»Ý³É áñáß³ÏÇ µÝáõó·ñÇãÝ»ñ, áñáÝó ÙÇçáóáí ÷á÷áËíáõÙ »Ý ÑáñǽáÝ³Ï³Ý ·ÍÇ ï»ëùÁ ¨ ã³÷»ñÁ, ë³Ï³ÛÝ, »Ã» ó³ÝϳÝáõÙ »Ýù ջϳí³ñí»É ËÇëï ëï³Ý¹³ñïÝ»ñáí, ³Û¹ Ýå³ï³ÏÝ»ñÁ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ µÝáõó·ñÇãÝ»ñÇ ÷á˳ñ»Ý ³ÝÑñ³Å»ßï ¿ û·ï³·áñÍ»É á×Ç ³ÕÛáõë³ÏÝ»ñ: γñáÕ ¿ Ãí³É, û ïñ³Ù³µ³Ý³Ï³Ý á׳íáñÙ³Ý ï³ññ»ñÁ ³í»ÉóáõϳÛÇÝ »Ý, ë³Ï³ÛÝ ¹³ ³Û¹å»ë ã¿, ù³ÝÇ áñ áã µáÉáñ µñ³áõ½»ñÝ»ñÝ »Ý ϳñáÕ³ÝáõÙ ³ñï³å³ïÏ»ñ»É ýǽÇÏ³Ï³Ý á׳íáñÙ³Ý ï»·»ñÁ: ºÃ», ûñÇݳÏ, µçç³ÛÇÝ Ñ»é³ËáëÇ Ý»ñϳéáõóí³Í µñ³áõ½»ñÁ ãÇ Ï³ñáÕ ³ñï³å³ïÏ»ñ»É óí ï³é³ß³ñÁ, ³å³ ³ÛÝ å³ñ½³å»ë ϳÝï»ëÇ <b> ï»·Á: ÆëÏ »Ã» û·ï³·áñÍí³Í ¿ ïñ³Ù³µ³Ý³Ï³Ý á׳íáñÙ³Ý ï»·, ûñÇݳϪ <strong>, ³å³ ³ÛÝ Ï³ß˳ïÇ áñ¨¿ Ï»ñå ³é³ÝÓݳóÝ»É ³Û¹ ï»·áõÙ »½ñ³÷³Ïí³Í ï»ùëïÁª Áݹ·Í»É ϳ٠÷á÷áË»É å³ÛͳéáõÃÛáõÝÁ: ÆѳñÏ», »Ã» Ñ»ÕÇݳÏÁ ѳÙá½í³Í ¿, áñ ¿çÇ µáÉáñ ³Ûó»ÉáõÝ»ñÝ áõÝ»Ý ·ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñÝ»ñ, ³å³ ³Û¹ ¹»åùáõÙ ïñ³Ù³µ³Ý³Ï³Ý á׳íáñáõ٠ϳñáÕ ¿ ãå³Ñ³Ýçí»É:
2.2.4. òáõó³ÏÝ»ñ òáõó³ÏÝ»ñÇ µ³Õ³¹ñÇãÝ»ñÁ ѳݹÇë³ÝáõÙ »Ý ÏáÝï»ÛÝ»ñÝ»ñ, áñáÝù ϳñáÕ »Ý Áݹ·ñÏ»É Ý³¨ ï»ùëïÇ ·Í³ÝßÙ³Ý ³ÛÉ ï»·»ñ: òáõó³ÏáõÙ ÙÇßï å»ïù ¿ å³ñáõݳÏí»Ý »ñÏáõ ï»ë³ÏÇ µ³Õ³¹ñÇãÝ»ñ, áñáÝóÇó ³é³çÇÝÁ ë³ÑÙ³ÝáõÙ ¿ óáõó³ÏÇ ï»ë³ÏÁ, ÇëÏ »ñÏñáñ¹Áª óáõó³ÏÇ ÏáÝÏñ»ï Ï»ïÁ, áñÝ Çñ»ÝÇó ϳñáÕ ¿ Ý»ñϳ۳óÝ»É µ³é, ݳ˳¹³ëáõÃÛáõÝ, å³ñµ»ñáõÃÛáõÝ, å³ïÏ»ñ ϳ٠ÙÇ áñ¨¿ ³ÛÉ HTML ï»·: òáõó³ÏÝ»ñÇ ·ñ³ÝóÙ³Ý Ñ³Ù³ñ ÑÇÙݳϳÝáõÙ û·ï³·áñÍíáõÙ ¿ Ñ»ï¨Û³É Ó¨³ã³÷Á (Ó¨³ã³÷Á)ª <óáõó³ÏÇ ï»ë³ÏÁ> <li>³é³çÇÝ Ï»ï</li> <li>»ñÏñáñ¹ Ï»ï</li> … <li>í»ñçÇÝ Ï»ï</li> </óáõó³ÏÇ ï»ë³ÏÁ> Úáõñ³ù³ÝãÛáõñ <li> (list item) µ³Õ³¹ñÇãÇ å³ñáõݳÏáõÃÛáõÝÁ óáõó³ÏÇ Ï»ï ¿, áñÁ ÙÇßï ·ñ³ÝóíáõÙ ¿ Ýáñ ïáÕáõÙ: ÆëÏ Ã» ÇÝãÇó ¿ ëÏëíáõÙ ³Û¹ ïáÕÁ, ϳËí³Í ¿ óáõó³ÏÇ ï»ë³ÏÇó: HTML É»½íáõÙ û·ï³·áñÍíáõÙ »Ý óáõó³ÏÝ»ñÇ »ñ»ù ï»ë³ÏÝ»ñª γñ·³íáñí³Í ϳ٠ѳٳñ³Ï³Éí³Í óáõó³ÏÝ»ñ: âϳñ·³íáñí³Í ϳ٠åÇï³Ï³íáñí³Í óáõó³ÏÝ»ñ: ê³ÑÙ³ÝáõÙÝ»ñÇ óáõó³ÏÝ»ñ: гٳñ³Ï³Éí³Í (ϳñ·³íáñí³Í) óáõó³ÏÁ ϳ½Ù³Ï»ñåíáõÙ ¿ <ol> (ordered list) ï»·Ç ÙÇçáóáí, ÇëÏ åÇï³Ï³íáñí³ÍÁ` <ul> (unordered list): º°í ѳٳñ³Ï³ÉÙ³Ý, ¨° åÇï³Ï³íáñÙ³Ý »Õ³Ý³ÏÝ»ñÁ ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É ³Û¹ ï»·»ñÇ “type=”ï»ë³Ï” ³ïñǵáõïÇ ÙÇçáóáí: Ø»Ï ³Ý·³Ù ¿É Ýß»Ýù, áñ ѳٳӳÛÝ Ýáñ ëï³Ý¹³ñïÇ` ѻﳷ³ÛáõÙ Ïå³Ñå³Ýí»Ý ÙdzÛÝ ÑÕáõÙ³ÛÇÝ µÝáõó·ñÇãÝ»ñÁ (ѳëó»Ý»ñÁ): гٳå³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ Ûáõñ³ù³ÝãÛáõñ ï»·ÇÝ å»ïù ¿ Ñݳñ³íáñÇÝ ã³÷ ßÝáñÑí»Ý á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÙÇçáóáí: ´»ñ»Ýù ѳٳñ³Ï³Éí³Í ¨ åÇï³Ï³íáñí³Í óáõó³ÏÝ»ñÇ ûñÇݳÏÝ»ñª <ol> <li>³é³çÇÝ Ï»ï</li> <li>»ñÏñáñ¹ Ï»ï</li> <li>»ññáñ¹ Ï»ï</li> </ol> <ul> <li>³é³çÇÝ Ï»ï</li> <li>»ñÏñáñ¹ Ï»ï</li> <li>»ññáñ¹ Ï»ï</li> </ul> гٳñ³Ï³ÉáõÙÁ ϳñ»ÉÇ ¿ ϳï³ñ»Éª ³ñ³µ³Ï³Ý Ãí»ñáíª type=”1”, ɳïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ Ù»Í³ï³é»ñáíª type=”A”, ɳïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ ÷áùñ³ï³é»ñáíª type=”a”, ÑéáÙ»³Ï³Ý ÷áùñ³ï³é»ñáí ª type=”i”, ÑéáÙ»³Ï³Ý ٻͳï³é»ñáí ª type=”I”: ºÃ» ѳٳñ³Ï³ÉáõÙÁ ³ÝÑñ³Å»ßï ¿ ëÏë»É áñ¨¿ ÏáÝÏñ»ï ÃíÇó, ³å³ type ³ïñǵáõïÇ ÷á˳ñ»Ý 34
·ñ³ÝóíáõÙ ¿ start µÝáõó·ñÇãÁ` ѳٳå³ï³ëË³Ý ³ñÅ»ùáí (¹³ í»ñ³µ»ñáõÙ ¿ ÙdzÛÝ ³ñ³µ³Ï³Ý Ãí»ñÇÝ): úñÇݳÏ, »Ã» å»ïù ¿ ѳٳñ³Ï³ÉáõÙÁ ëÏë»É 15-Çó, ³å³ óáõó³ÏÁ ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <ol start=”15”> <li>³é³çÇÝ Ï»ï</li> <li>»ñÏñáñ¹ Ï»ï</li> <li>»ññáñ¹ Ï»ï</li> </ol> äÇï³Ï³íáñáõÙÁ, Áëï Éé»ÉÛ³ÛÝ, ϳï³ñíáõÙ ¿ Ý»ñÏí³Í (ÉÇùÁ) ßñç³Ý³ÏÝ»ñáí (type=”disc”): ´³óÇ ³Û¹, ϳñ»ÉÇ ¿ ϳ½Ù»É óáõó³ÏÝ»ñ ù³é³ÏáõëÇÝ»ñáí (type=”square”) ¨ ¹³ï³ñÏ ßñç³Ý³ÏÝ»ñáí (type=”circle”): ê³ÑÙ³ÝáõÙÝ»ñÇ óáõó³ÏÁ Áݹ·ñÏáõÙ ¿ »ñÏáõ ٳϳñ¹³ÏÝ»ñª ûñÙÇÝÝ»ñ ¨ ë³ÑÙ³ÝáõÙÝ»ñ: ²ÛÝ µ³Õϳó³Í ¿ <dl> (definition list) ·É˳íáñ ÏáÝï»ÛÝ»ñÇó, <dt>(definition term) ûñÙÇÝÝ»ñÇó ¨ ë³ÑÙ³ÝáõÙÝ»ñÇó <dd> (data definition): ê³ÑÙ³ÝáõÙÝ»ñÇ óáõó³ÏÇ Ï³éáõóí³ÍùÁ ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É ï»ëùáíª <dl> <dt>³é³çÇÝ Ã»ñÙÇÝ</dt> <dd>³é³çÇÝ Ã»ñÙÇÝÇ ë³ÑÙ³ÝáõÙÁ</dd> <dt>»ñÏñáñ¹ ûñÙÇÝ</dt> <dd>»ñÏñáñ¹ ûñÙÇÝÇ ë³ÑÙ³ÝáõÙÁ</dd> … <dt>óáõó³ÏÇ í»ñçÇÝ Ã»ñÙÇÝÁ</dt> <dd>í»ñçÇÝ Ã»ñÙÇÝÇ ë³ÑÙ³ÝáõÙÁ </dd> </dl> ¶ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ï»Õ³µ³ßËáõÙ ¿ ûñÙÇÝÇ ë³ÑÙ³ÝáõÙÁ ÙÇ ÷áùñ ËáñùÇó: ä³ñï³¹Çñ ã¿ û·ï³·áñÍ»É ë³ÑÙ³ÝáõÙÝ»ñÇ óáõó³ÏÇ µáÉáñ ï³ññ»ñÁ: úñÇݳÏ` ϳñ»ÉÇ ¿ ë³Ñٳݳ÷³Ïí»É ÙdzÛÝ <dl> ¨ <dt> ï»·»ñáí: ²Û¹ ¹»åùáõÙ óáõó³ÏÁ ÝÙ³Ý ¿ ³é³Ýó åÇï³ÏÝ»ñÇ åÇï³Ï³íáñí³Í óáõó³ÏÇÝ: êïáñ¨ Ý»ñϳ۳óí³Í ¿ ï³ñµ»ñ óáõó³ÏÝ»ñÇ Ï³éáõóÙ³Ý ûñÇݳÏÝ»ñ å³ñáõݳÏáÕ HTML Ïá¹Á: î»Õ³¹ñ»Ýù ³ÛÝ Ó¨³ÝÙáõßÇ <body> ï»·áõÙ ¨ ÑÇß»óÝ»Ýù “.html” ÁݹɳÛÝáõÙáí: Ìñ³·ñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ µ»ñí³Í ¿ å³ïÏ»ñ 2.2.5-áõÙ: <dl> <dt><b> ê³ ³é³Ýó ë³ÑÙ³ÝáõÙÇ Ã»ñÙÇÝÇ ûñÇÝ³Ï ¿</b></dt> <dt><b> ÆëÏ ë³ Ã»ñÙÇÝ 1-Ý ¿</b></dt> <dd> »ñÙÇÝ 1-Á ¹³ ûñÙÇÝ ¿, áñÇ Ñ³Ù³ñÁ ѳí³ë³ñ ¿ 1-Ç</dd> <dt><b> гٳñ³Ï³Éí³Í óáõó³Ï ³ñ³µ³Ï³Ý Ãí»ñáí</b></dt> <dd><ol><li> ³é³çÇÝ Ï»ï</li> <li> »ñÏñáñ¹ Ï»ï</li> <li> »ññáñ¹ Ï»ï</li></ol></dd> <dt><b> гٳñ³Ï³Éí³Í óáõó³Ï ÑéáÙ»³Ï³Ý Ù»Í Ãí»ñáí </b> </dt> <dd><ol type="I"><li> ³é³çÇÝ Ï»ï</li> <li> »ñÏñáñ¹ Ï»ï</li> <li> »ññáñ¹ Ï»ï</li></ol></dd> <dt><b> гٳñ³Ï³Éí³Í óáõó³Ï, áñÇ Ñ³Ù³ñ³Ï³ÉáõÙÁ ëÏëíáõÙ ¿ 10-Çó </b></dt> <dd><ol start="10"><li> ³é³çÇÝ Ï»ï</li> <li> »ñÏñáñ¹ Ï»ï</li> <li> »ññáñ¹ Ï»ï</li></ol></dd> <dt><b> äÇï³Ï³íáñí³Í óáõó³Ï` ÉÇùÁ ßñç³Ý³Ïáí </b></dt> <dd><ul><li> ³é³çÇÝ Ï»ï</li> <li> »ñÏñáñ¹ Ï»ï</li> <li> »ññáñ¹ Ï»ï</li></ul></dd> <dt><b> äÇï³Ï³íáñí³Í óáõó³Ï` ù³é³ÏáõëÇáí </b></dt> <dd><ul type="square"><li> ³é³çÇÝ Ï»ï </li> <li> »ñÏñáñ¹ Ï»ï </li> <li> »ññáñ¹ Ï»ï </li></ul></dd> </dl>
35
ÆÝãå»ë ï»ëÝáõÙ »Ýù, µ»ñí³Í Ïá¹Çó ï»· ÏáÝï»ÛÝ»ñÇ Ý»ñëáõ٠ϳñ»ÉÇ ¿ ÏÇñ³é»É HTML á׳ÛÇÝ ·Í³ÝßáõÙÁ, ³ÛëÇÝùÝ` Ý»ñ¹Ý»É ·Í³ÝßÙ³Ý ³ÛÉ ï»·»ñ:
ä³ïÏ»ñ 2.2.5. òáõó³ÏÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÝ»ñ
¢ 2.3. ÐÇå»ñÑÕáõÙÝ»ñÇ Ï³½Ù³Ï»ñåáõÙÁ HTML-áõÙ 2.3.1. ÐÇå»ñÑÕáõÙÝ»ñÇ ³ß˳ï³ÝùÇ ëϽµáõÝùÁ: ´³ó³ñÓ³Ï ¨ ѳñ³µ»ñ³Ï³Ý ѳëó»³íáñáõÙ ÐÇå»ñÑÕáõÙÝ»ñÁ Ñݳñ³íáñáõÃÛáõÝ »Ý ï³ÉÇë ³Ûó»ÉáõÝ»ñÇÝ áõÕÕáñ¹í»É web-ϳÛù»ñáí: ú·ïí»Éáí ÑÇå»ñÑÕáõÙÇó` ³Ûó»ÉáõÝ ëáíáñ³µ³ñ ϳÝãáõÙ ¿ áñ¨¿ URL ѳëó»áí ·ïÝíáÕ ý³ÛÉ, áñÁ ·áñͳñÏíáõÙ ¿ µñ³áõ½»ñÇ Ï³Ù ûųݹ³Ï ѳí»Éí³ÍÇ ÙÇçáóáí: ¸³ ϳñáÕ ¿ ÉÇÝ»É Ýáñ web-¿ç, ϳ٠ÆÝï»ñÝ»ïÇ áñ¨¿ ³ÛÉ é»ëáõñë: ÐÇå»ñÑÕáõÙÝ»ñ ëï»ÕÍ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ ѳïáõÏ ï»·, áñÁ ÏáãíáõÙ ¿ “˳ñÇëË” (³Ý·É»ñ»Ýª anchor)` <a>…</a>: î»·Ý áõÝÇ å³ñï³¹Çñ µÝáõó·ñÇ㪠href: ´Ýáõó·ñÇãÇ ³ñÅ»ùÁª URL ѳëó» ¿, áñáí ѳñϳíáñ ¿ ³ÝóÝ»É Áëï ïíÛ³É ÑÕáõÙÇ: ÆÝãå»ë Ýßí»É ¿ ³é³çÇÝ ·ÉËáõÙ, URL ѳëó»Ý µ³Õϳó³Í ¿ »ñÏáõ Ù³ë»ñÇóª ³é³çÇÝáõÙ ·ñ³ÝóíáõÙ ¿ ÇÝýáñÙ³ódzÛÇ ÷á˳ݳÏÙ³Ý ³ñӳݳ·ñáõÃÛáõÝÁ, ÇëÏ »ñÏñáñ¹áõÙª Ýå³ï³Ï³ÛÇÝ é»ëáõñëÇÝ Ñ³ëÝ»Éáõ áõÕÇÝ: Àݹ áñáõÙ, ¹³ ϳñáÕ ¿ ÉÇÝ»É ý³ÛÉ, ϳñ·³ó³ÝÏ Ï³Ù Ñ³Ù³Ï³ñ·Çã: úñÇݳϪ http://www.fakecorp.com/products/index.html index.html ÷³ëï³ÃÕÃÇ Ñ³ëó»Ý ¿, ÇëϪ ftp://ftp.netscape.com ѳëó»Ý ûɳ¹ñáõÙ ¿ µñ³áõ½»ñÇÝ, áñ ³ÝÑñ³Å»ßï ¿ û·ï³·áñÍ»É FTP ³ñӳݳ·ñáõÃÛáõÝÁ` ftp.netscape.com ¹áÙ»ÛݳÛÇÝ ³ÝáõÝáí ѳٳϳñ·ãÇ Ñ»ï ϳå ѳëï³ï»Éáõ ѳٳñ: ºÃ» ÑÕáõÙ³ÛÇÝ Ñ³ëó»Ý Áݹ·ñÏáõÙ ¿ í»ñÁ Ýßí³Í »ñÏáõ Ù³ë»ñÁ ÉÇáíÇÝ, ³å³ ÏáãíáõÙ ¿ µ³ó³ñÓ³Ï Ñ³ëó»: Üß»Ýù ÙÇ Ï³ñ¨áñ ѳݷ³Ù³Ýù: ²ÛÝ ¹»åù»ñáõÙ, »ñµ ÑÇå»ñÑÕáõÙáõÙ ·ñ³Ýóí³Í ѳëó»Ý ï³ñµ»ñíáõÙ ¿ ÁÝóóÇÏ Ñ³ëó»Çó (³ÛëÇÝùÝ` ³ÛÝ ÷³ëï³ÃÕÃÇ Ñ³ëó»Çó, áñÁ ïíÛ³É å³ÑÇÝ ³ñï³å³ïÏ»ñíáõÙ ¿ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ) Áݹ³Ù»ÝÁ ý³ÛÉÇ ³ÝáõÝáí, ³å³ å³ñï³¹Çñ ã¿ ·ñ³Ýó»É ÑÕáõÙ³ÛÇÝ Ñ³ëó»Ý 36
ÉÇáíÇݪ ³í»ÉÇ Ñ³ñÙ³ñ ¿ û·ï³·áñÍ»É, ³Ûëå»ë Ïáãí³Í, “ѳñ³µ»ñ³Ï³Ý ѳëó»Ý”: ²ëí³ÍÁ å³ñ½³µ³Ý»Éáõ ѳٳñ ¹Çï³ñÏ»Ýù »ñÏáõ ѳëó»Ý»ñª http://www.mysite.am/index.html, http://www.mysite.am/resume.html ºñÏáõëÝ ¿É µ³ó³ñÓ³Ï Ñ³ëó»Ý»ñ »Ý: ¸ñ³Ýó û·ÝáõÃÛ³Ùµ ϳñ»ÉÇ ¿ ³Ûó»É»É Ýßí³Í ¿ç»ñÁ ÆÝï»ñÝ»ïÇ ó³Ýϳó³Í ï»ÕÇó: ê³Ï³ÛÝ å³ïÏ»ñ³óÝ»Ýù, áñ index.html ¿çáõÙ ëï»ÕÍí³Í ¿ ÑÕáõÙ resume.html ¿çÇÝ: ²ñ¹Ûá±ù ³Û¹ ¹»åùáõÙ å³ñï³¹Çñ ¿ ÝáñÇó ·ñ³Ýó»É ³Û¹ »ñϳñ ѳëó»Ý: ä³ñ½íáõÙ ¿, áñ á㪠ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ñ³ñ³µ»ñ³Ï³Ý ѳëó»³íáñáõÙÁ, ù³ÝÇ áñ µ»ñí³Í »ñÏáõ ѳëó»Ý»ñÇ ÑÇÙÝ³Ï³Ý Ù³ëÁ ÙǨÝáõÛÝÝ ¿: ºñµ ³ñï³å³ïÏ»ñíáõÙ ¿ áñ¨¿ ý³ÛÉ, ³å³ ϳñ·³ó³ÝÏÁ, áñáõÙ ³ÛÝ ·ïÝíáõÙ ¿, ·ñ³ÝóíáõÙ ¿ µñ³áõ½»ñÇ ÑÇßáÕáõÃÛ³Ý Ù»ç: ºí ѳÛïݳµ»ñ»Éáí áñ¨¿ ÑÕáõÙ³ÛÇÝ Ñ³ñ³µ»ñ³Ï³Ý ѳëó», µñ³áõ½»ñÁ å³ñ½³å»ë ³í»É³óÝáõÙ ¿ ³ÛÝ ÁÝóóÇÏ Ï³ñ·³ó³ÝÏÇÝ ¨ ëï³ÝáõÙ µ³ó³ñÓ³Ï ÑÕáõÙ³ÛÇÝ Ñ³ëó»Ý: Ø»ñ ûñÇݳÏáõÙ »ñÏáõ ý³ÛÉ»ñÝ ¿É ·ïÝíáõÙ »Ý ÙǨÝáõÛݪ “http://www.mysite.am/” ϳñ·³ó³ÝÏáõÙ: ºÃ» ïíÛ³É å³ÑÇÝ ³ñï³å³ïÏ»ñíáõÙ ¿ index.html ý³ÛÉÁ, µñ³áõ½»ñÇ ÑÇßáÕáõÃÛáõÝáõÙ, áñå»ë ÁÝóóÇÏ, ·ñ³Ýóí»É ¿ “http://www.mysite.am/” ϳñ·³ó³ÝÏÁ, ¨ »Ã» ÑÕáõÙ³ÛÇÝ Ñ³ëó»Ý Ñ»ï¨Û³ÉÝ ¿ª “resume.html”, ³å³ µñ³áõ½»ñÁ Ï·áõÙ³ñÇ http://www.mysite.am/ ¨ resume.html ³ñÅ»ùÝ»ñÁ, ëï³Ý³Éáí µ³ó³ñӳϪ “http://www.mysite.am/resume.html” ѳëó»Ý, áñáí ¨ ϳÝóÝÇ resume.html ý³ÛÉÇÝ: гñ³µ»ñ³Ï³Ý ѳëó»³íáñáõÙÁ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ý³¨ ϳÛùÇ ³ÛÉ Ï³ñ·³ó³ÝÏ»ñáõÙ ¨ »Ýóϳñ·³ó³ÝÏ»ñáõÙ ·ïÝíáÕ ÷³ëï³ÃÕûñÇÝ ¨ ý³ÛÉ»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ: ä³ñ½³µ³Ý»Éáõ ѳٳñ û·ïí»Ýù å³ÛÙ³Ý³Ï³Ý Ï³ÛùÇó (ï»ë` å³ïÏ»ñ 2.3.1):
ä³ïÏ»ñ 2.3.1. ä³ÛÙ³Ý³Ï³Ý Ï³ÛùÇ Ï³éáõóí³ÍùÁ ºÝó¹ñ»Ýù` Ù»½ ³ÝÑñ³Å»ßï ¿ index.html ¿çÇó ³ÝóÝ»É sons.html ¿çÁ, áñÁ ·ïÝíáõÙ ¿ “http://www.mysite.am/” (³ÛëÇÝùÝ` ÁÝóóÇÏ) ϳñ·³ó³ÝÏÇ family »Ýóϳñ·³ó³ÝÏáõÙ: ²Û¹ ¹»åùáõÙ ÑÕáõÙ³ÛÇÝ Ñ³ñ³µ»ñ³Ï³Ý ѳëó»Ý ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª “family/sons.html”: ´ñ³áõ½»ñÁ Ï·áõÙ³ñÇ ÁÝóóÇÏ “http://www.mysite.am/” ϳñ·³ó³ÝÏÇÝ Ñ³ñ³µ»ñ³Ï³Ý ѳëó»Ý ¨ ³ñ¹ÛáõÝùáõ٠ϳÝóÝÇ µ³ó³ñӳϪ http:// www.mysite.am/family/sons.html ѳëó»áí ¿çÇÝ: ²ÛÅÙ å³ïÏ»ñ³óÝ»Ýù, áñ ³ñï³å³ïÏ»ñí³Í ¿ sons.html ¿çÁ: ²Û¹ ¹»åùáõÙ µñ³áõ½»ñÇ ÑÇßáÕáõÃÛ³Ý Ù»ç áñå»ë ÁÝóóÇÏ ·ñ³Ýóí³Í ¿ “http:// www.mysite.am/family/” ϳñ·³ó³ÝÏÁ: ºÃ» ³ÝÑñ³Å»ßï ¿ ³Û¹ ¿çÇó ÑÕáõ٠ϳï³ñ»É ·É˳íáñª index.html ¿çÇÝ, áñÁ ·ïÝíáõÙ ¿ ϳÛùÇ, ³Ûëå»ë Ïáãí³Í, ³ñÙ³ï³ÛÇÝ (root)ª “http://www.mysite.am/” ϳñ·³ó³ÝÏáõÙ, ³å³ ÑÕáõÙ³ÛÇÝ Ñ³ñ³µ»ñ³Ï³Ý ѳëó»Ý ·ñ³ÝóíáõÙ ¿ Ñ»ï¨Û³É ï»ëùáíª “../index.html”: ÆëÏ »Ã» sons.html ¿çÇó å»ïù ¿ ³ÝóÝ»É ³ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏÇ ÙÇ ³ÛÉ »Ýóϳñ·³ó³ÝÏáõÙ ·ïÝíáÕ ¿çÇ, ûñÇݳϪ biography.html, ³å³ ѳñ³µ»ñ³Ï³Ý ѳëó»Ý ·ñ³ÝóíáõÙ ¿ Ñ»ï¨Û³É Ï»åª “../biography/biography.html”: ºñÏáõ ¹»åùáõÙ ¿É ѳñ³µ»ñ³Ï³Ý ѳëó»Ç ëϽµáõÙ ¹ñí³Í »ñÏáõ Ï»ï»ñÁ ûɳ¹ñáõÙ »Ý µñ³áõ½»ñÇÝ, áñ å»ïù ¿ Ù»Ï Ù³Ï³ñ¹³Ïáí í»ñ µ³ñÓñ³Ý³É ϳñ·³ó³ÝÏ»ñÇ ëïáñ³Ï³ñ·áõÃÛáõÝáõÙ (ÑÇ»ñ³ñ37
ËdzÛáõÙ): ÆëÏ ÇÝãå»±ë í³ñí»É ³ÛÝ ¹»åù»ñáõÙ, »ñµ ϳÛùÝ áõÝÇ µ³ñ¹ ϳéáõóí³Íù, ³ÛëÇÝùÝ` ³ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏÇ »Ýóϳñ·³ó³ÝÏ»ñÁ Çñ»Ýó Ñ»ñÃÇÝ áõÝ»Ý Ý»ñ¹ñí³Í ϳñ·³ó³ÝÏ»ñ ¨ ³ÛÉÝ: ¸Çóáõù` ëï»ÕÍí³Í ¿ ϳÛù “http://www.mysite.am/” ³ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏáí (ï»ëª å³ïÏ»ñ 2.3.2): ²ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏáõÙ ëï»ÕÍ»É »Ýù images, about ¨ products »Ýóϳñ·³ó³ÝÏ»ñÁ: products ϳñ·³ó³ÝÏÁ å³ñáõݳÏáõÙ ¿ prices »Ýóϳñ·³ó³ÝÏÁ, ¨ í»ñçÇÝÁ` pricelist.html ¿çÁ: ²Û¹ ¿çÇ µ³ó³ñÓ³Ï Ñ³ëó»Ý ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª “http://www.mysite.am/products/prices/pricelist.html”: ²ÛÅÙ å³ïÏ»ñ³óÝ»Ýù, áñ ó³ÝϳÝáõÙ »Ýù pricelist.html ¿çÇó ï»Õ³÷áËí»É about ϳñ·³ó³ÝÏÇ contact.html ¿çÁ: ä³ïÏ»ñ 2.3.2-Çó »ñ¨áõÙ ¿, áñ about ϳñ·³ó³ÝÏÁ Ý»ñ¹ñí³Í ¿ ³ÝÙÇç³å»ë ³ñÙ³ï³ÛÇÝáõÙ (³é³çÇÝ Ù³Ï³ñ¹³ÏÇ Ý»ñ¹ñí³ÍáõÃÛáõÝ), ÇëÏ prices ϳñ·³ó³ÝÏÁ ·ïÝíáõÙ ¿ ϳÛùÇ ëïáñ³Ï³ñ·Ù³Ý »ñÏñáñ¹ ٳϳñ¹³ÏáõÙ: ²ÛëÇÝùÝ` áñå»ë½Ç Çñ³Ï³Ý³óíÇ ³ÝóáõÙÁ å³Ñ³ÝçíáÕ ¿çÇÝ, µñ³áõ½»ñÁ å»ïù ¿ pricelist.html ¿çÇó µ³ñÓñ³Ý³ »ñÏáõ ٳϳñ¹³Ïáí (ÙÇÝ㨠³ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏ) ¨ ³ÛÝï»ÕÇó Ýáñ ³ÝóÝÇ about ϳñ·³ó³ÝÏÇÝ: γñ»ÉÇ ¿, ÇѳñÏ», ïíÛ³É ³ÝóáõÙÁ ³å³Ñáí»Éáõ ѳٳñ ѳñ³µ»ñ³Ï³Ý ѳëó»Ý ·ñ³Ýó»É` û·ï³·áñÍ»Éáí ½áõÛ· Ï»ï»ñÇ ëϽµáõÝùÁª “../../about/contact.html” (³Ù»Ý ÙÇ “../” ·ñ³ÝóáõÙÁ Ý߳ݳÏáõÙ ¿ í»ñ»Éù ëïáñ³Ï³ñ·áõÃÛ³Ý Ù»Ï Ù³Ï³ñ¹³Ïáí): ê³Ï³ÛÝ Ñ³ëó»Ç ·ñ³ÝóÙ³Ý ³Û¹ »Õ³Ý³ÏÇ ÏÇñ³éáõÃÛáõÝÁ ³ÛÝù³Ý ¿É ãÇ ï³ñµ»ñíáõ٠ѳëó»Ç µ³ó³ñÓ³Ï ³ñÅ»ùÇ ·ñ³ÝóÙ³Ý »Õ³Ý³ÏÇó ¨, µ³óÇ ³Û¹, ٻͳÝáõÙ ¿ íñÇå³Ï ÃáõÛÉ ï³Éáõ ѳí³Ý³Ï³ÝáõÃÛáõÝÁ (ûñÇݳϪ »Ã» ѳÝϳñÍ ß÷áûÝù Ï»ï»ñÇ ù³Ý³ÏÁ): ²Û¹åÇëÇ Çñ³íÇ׳ÏÝ»ñÇó Ëáõë³÷»Éáõ ¨ ѳëó»³íáñáõÙÁ Ñëï³Ï»óÝ»Éáõ ѳٳñ HTML-áõÙ ·áÛáõÃÛáõÝ áõÝÇ Ñ³ïáõÏ` <base /> »½³ÏÇ ï»·Á` “href” µÝáõó·ñÇãáí, áñÁ ÃáõÛÉ ¿ ï³ÉÇë Ûáõñ³ù³ÝãÛáõñ ¿çÇ Ñ³Ù³ñ ë³ÑÙ³Ý»É Ï³ÛùÇ ³ñÙ³ï³ÛÇÝ Ï³ñ·³ó³ÝÏÇ µ³½³ÛÇÝ` URL ѳëó»Ý: ºÃ» ³ÛÅÙ ¿çÇ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ ·ñ³Ýó»Ýù Ñ»ï¨Û³Éª <head><base href=”http://www.mysite.am/” /> </head> Ïá¹Á, ³å³ µáÉáñ ѳëó»Ý»ñÁ ¿çáõ٠ϳñ»ÉÇ ¿ ëï»ÕÍ»É` ѳñ³µ»ñ»Éáí ï»·Ç href µÝáõó·ñÇãáõÙ Ýßí³Í ÑÇÙùÇÝ, ³ÛÉ áã û ¿çÇ ÁÝóóÇÏ ï»Õ³µ³ßËÙ³ÝÁ:
ä³ïÏ»ñ 2.3.2. ´³½Ù³Ù³Ï³ñ¹³Ï ϳéáõóí³Íù áõÝ»óáÕ Ï³ÛùÇ ûñÇÝ³Ï ¾ç»ñÇ ÑÕáõÙ³ÛÇÝ µ³ó³ñÓ³Ï Ñ³ëó»Ý»ñÁ ëï»ÕÍ»ÉÇë µñ³áõ½»ñÁ å³ñ½³å»ë Ï·áõÙ³ñÇ Ñ³ñ³µ»ñ³Ï³Ý ѳëó»Ý “µ³½³ÛÇÝ” ѳëó»ÇÝ ¨ Ïëï³Ý³ µ³ó³ñÓ³Ï Ñ³ëó»Ý: úñÇݳÏ, »Ã» pricelist.html ¿çÇó å»ïù ¿ ³ÝóÝ»É contact.html ¿çÇÝ, ³å³ µ³í³Ï³Ý ¿ ·ñ»É ѳñ³µ»ñ³Ï³Ý ѳëó»Ý Ñ»ï¨Û³É` about/contact.html ï»ëùáí: ¶áõÙ³ñ»Éáí ³ÛÝ µ³½³ÛÇÝÇÝ` µñ³áõ½»ñÁ Ïëï³Ý³ª http://www.mysite.am/ about/contact.html: Üß»Ýù, áñ <base /> ï»·Á í»ñ³µ»ñáõÙ ¿ ¿çÇ µáÉáñ ѳñ³µ»ñ³Ï³Ý ѳëó»Ý»ñÇÝ, ë³Ï³ÛÝ áã ÙÇ Ï»ñå ãÇ ³½¹áõÙ µ³ó³ñÓ³Ï Ñ³ëó»Ý»ñÇ íñ³:
2.3.2. ÐÇå»ñÑÕáõÙÝ»ñÇ ¨ Ý»ñùÇÝ ÑÕáõÙÝ»ñÇ ëï»ÕÍáõÙÁ web-¿çáõÙ ÐÇå»ñÑÕáõÙÝ»ñÇ Ù»Í Ù³ëÁ, ÇÝãå»ë Ýßí»ó 2.3.1 Ï»ïáõÙ, ëï»ÕÍíáõÙ ¿ <a>, </a> ï»·Ç ÙÇçáóáí, áñÇ “href” µÝáõó·ñÇãáõÙ ·ñ³ÝóíáõÙ ¿ ÑÕáõÙÇ µ³ó³ñÓ³Ï Ï³Ù Ñ³ñ³µ»ñ³Ï³Ý ѳëó»Ý: î»·Ç Ý»ñëáõÙ 38
·ñ³ÝóíáõÙ ¿ ï»ùëï, áñÁ Ýϳñ³·ñáõÙ ¿ ïíÛ³É ÑÕáõÙÁ: úñÇݳϪ <a href=http://www.mysite.am/biography/biography.html> ÆÙ Ï»Ýë³·ñáõÃÛáõÝÁ</a> ϳÙ, »Ã» Ù»Ýù û·ï³·áñÍáõÙ »Ýù ѳñ³µ»ñ³Ï³Ý ѳëó»ª <a href=”biography/biography.html”>ÆÙ Ï»Ýë³·ñáõÃÛáõÝÁ</a>: гñ³µ»ñ³Ï³Ý ѳëó»Ý»ñÇ û·ï³·áñÍáõÙÝ áõÝÇ ß³ï ϳñ¨áñ ³é³ÝÓݳѳïÏáõÃÛáõݪ ¹ñ³Ýù ã»Ý ÷á÷áËíáõÙ ÝáõÛÝÇëÏ ³ÛÝ ¹»åùáõÙ, »ñµ ϳÛùÁ í»ñ³ï»Õ³µ³ßËíáõÙ ¿: úñÇݳÏ, »Ã» ϳÛùÁ ï»Õ³¹ñíÇ ³ÛÉ ë»ñí»ñÇ íñ³, ³å³ ѳñ³µ»ñ³Ï³Ý ѳëó»Ý»ñÁ Ïß³ñáõÝ³Ï»Ý “³ß˳ï»É”: ²ÝÑñ³Å»ßï ÏÉÇÝÇ ÷á÷áË»É ÙdzÛÝ µ³ó³ñÓ³Ï Ñ³ëó»Ý»ñÁ ¨ (»Ã» ³ÛÝ ³éϳ ¿) <base /> ï»·Ç href µÝáõó·ñÇãÇ ³ñÅ»ùÁ: <a> ï»·áõÙ ãÇ Ï³ñ»ÉÇ Ý»ñ¹Ý»É ÙÇ ³ÛÉ <a> ï»·, ³ÛëÇÝùÝ` ãÇ Ï³ñ»ÉÇ ·ñ³Ýó»É ÑÕáõÙÁ, ûñÇݳÏ, Ñ»ï¨Û³É ï»ëùáíª <a href=”product1.html”>ä³ïíÇñ»ù ³é³çÇÝ <a href=”product2.html”>ϳ٠»ñÏñáñ¹</a>ï»ë³ÏÇ ³åñ³ÝùÝ»ñÁ Ù»ñ ˳ÝáõÃáõÙ </a> ¸ñ³ ÷á˳ñ»Ý å»ïù ¿ ·ñ³Ýó»É Ñ»ï¨Û³ÉÁª ä³ïíÇñ»ù <a href=”product1.html”>³é³çÇÝ</a>ϳ٠<a href=”product2.html”>»ñÏñáñ¹</a>ï»ë³ÏÇ ³åñ³ÝùÝ»ñÁ Ù»ñ ˳ÝáõÃáõÙ: <a>…</a> ï»·Á áõÝÇ ¨ë Ù»Ï` target (ѳۻñ»Ýª Ý߳ݳϻï) µÝáõó·ñÇãÁ (Ù³Ýñ³Ù³ëÝ ÏùÝݳñÏíÇ ³í»ÉÇ áõß, ßñç³Ý³ÏÝ»ñÇ ÙÇçáóáí web-¿ç»ñÇ å³ïñ³ëïÙ³ÝÁ ÝíÇñí³Í ûٳÛáõÙ): ²ÛÝ ¹»åù»ñáõÙ, »ñµ ó³ÝϳÉÇ ¿ ϳ٠³ÝÑñ³Å»ßï ϳÝãíáÕ ÷³ëï³ÃáõÕÃÁ µ³ó»É Ýáñ å³ïáõѳÝáõÙ, ϳñ»ÉÇ ¿ ³ïñǵáõïÇÝ ßÝáñÑ»É “_blank” ³ñÅ»ùÁ: úñÇݳÏ` »Ã» ÑÕáõÙÁ ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª <a href=”pricelist.html” target=”_blank”>²åñ³ÝùÝ»ñÇ ·Ý³óáõó³ÏÁ</a>, ³å³ pricelist.html ÷³ëï³ÃáõÕÃÁ ϳñï³å³ïÏ»ñíÇ µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝáõÙ (Áݹ áñáõÙ, ÁÝóóÇÏ å³ïáõѳÝÁ ãÇ ÷³ÏíÇ): ºÃ» HTML ÷³ëï³ÃáõÕÃÁ ͳí³ÉáõÝ ¿, ѳïáõÏ ÙÇçáóÝ»ñ ãÓ»éݳñÏ»Éáõ ¹»åùáõÙ Ù»½ Ñ»ï³ùñùñáÕ Ù³ëÁ ·ïÝ»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ ÉÇÝáõÙ åïï³ëï»ÕÝÇ (scrollbar-Ç) ÙÇçáóáí åïï»É ¿çÁ í»ñ áõ í³ñ: <a> ï»·Á ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É ÑÕáõÙÝ»ñ, áñáÝù Ñݳñ³íáñáõÃÛáõÝ »Ý ÁÝÓ»éáõÙ ÁÝóóÇÏ ¿çÇ ï³ñµ»ñ Ù³ë»ñÇÝ ³ÝóÝ»É, ³Ûëå»ë Ïáãí³Í, “Ý»ñùÇÝ ÑÕáõÙÝ»ñÇ” ÙÇçáóáí: ä³ïÏ»ñ³óÝ»Ýù` ϳ½Ù»É »Ýù ͳí³ÉáõÝ HTML ÷³ëï³ÃáõÕÃ, áñÝ Áݹ·ñÏáõÙ ¿ Ù»Í Ãíáí µ³ÅÇÝÝ»ñ (ûñÇݳÏ` ¿É»ÏïñáݳÛÇÝ Ó»éݳñÏ) ¨ ó³ÝϳÝáõÙ »Ýù ³é³ÝÓÇÝ µ³ÅÇÝÝ»ñÇÝ ³ÝÙÇç³Ï³Ýáñ»Ý ³ÝóÝ»Éáõ Ýå³ï³Ïáí ëï»ÕÍ»É í»ñÁ Ýßí³Í ï»ë³ÏÇ ÑÕáõÙÝ»ñ: ²Û¹ ËݹÇñÁ ÉáõÍ»Éáõ ѳٳñ, ³é³çÇÝ Ñ»ñÃÇÝ, Ûáõñ³ù³ÝãÛáõñ µ³ÅÝÇ ëϽµáõÙ ·ñ³ÝóíáõÙ ¿ ѳïáõϪ name µÝáõó·ñÇã áõÝ»óáÕ Ë³ñÇëË (<a> ï»·): úñÇݳÏ, ³é³çÇÝ µ³ÅÝÇ ëϽµáõÙ Ï·ñ»Ýùª <a name=”glava1”>´³ÅÇÝ 1</a>: Üß»Ýù, áñ ѳٳӳÛÝ XML ëï³Ý¹³ñïÇ` name µÝáõó·ñÇãÁ ÷á˳ñÇÝí»Éáõ ¿ id (ǹ»ÝïÇýÇϳïáñ) µÝáõó·ñÇãáí: ÆëÏ id µÝáõó·ñÇãÁ, Çñ Ñ»ñÃÇÝ, ãÇ ë³ï³ñíáõÙ áñáß ÑÇÝ µñ³áõ½»ñÝ»ñÇ ÏáÕÙÇó: ²Û¹ å³ï׳éáí Ùáï ³å³·³Ûáõ٠ѳٳï»Õ»ÉÇáõÃÛáõÝÁ ³å³Ñáí»Éáõ Ýå³ï³Ïáí ³é³í»É Ñáõë³ÉÇ ÏÉÇÝÇ û·ï³·áñÍ»É »ñÏáõ µÝáõó·ñÇãÝ»ñÝ ¿É ÙdzųٳݳÏ: гßíÇ ³éÝ»Éáí ³Û¹ ÷³ëïÁ` ˳ñÇëËÁ ·ñ³Ýó»Ýù Ñ»ï¨Û³É ï»ëùáíª <a name=”glava1” id=”glava1”>´³ÅÇÝ 1</a>: ÆÝãå»ë name, ³ÛÝå»ë ¿É id µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ ϳñáÕ »Ý å³ñáõÝ³Ï»É ï³é»ñ ¨ Ãí³Ýß³ÝÝ»ñ, ë³Ï³ÛÝ Ñ³Ù³Ó³ÛÝ Ýáñ ëï³Ý¹³ñïÇ` ó³Ýϳó³Í ¹»åùáõÙ ¹ñ³Ýó ³é³çÇÝ ÝÇßÁ å»ïù ¿ ÉÇÝÇ ï³é: ´áÉáñ µ³ÅÇÝÝ»ñÁ ³Ýí³Ý³Ïáã»Éáõó Ñ»ïá ëï»ÕÍíáõÙ »Ý ѳٳå³ï³ëË³Ý ÑÕáõÙÝ»ñ, áñáÝù ëáíáñ³µ³ñ ï»Õ³¹ñíáõÙ »Ý ¿çÇ ëϽµÝ³Ù³ëáõÙª ó³ÝÏÇ ï»ëùáí: ²Û¹ Ýå³ï³Ïáí URL ѳëó»Ç ÷á˳ñ»Ý href µÝáõó·ñÇãÇÝ áñå»ë ³ñÅ»ù ßÝáñÑíáõÙ ¿ ѳٳå³ï³ëË³Ý µ³ÅÝÇ Ç¹»ÝïÇýÇϳïáñÇ (ϳ٠³ÝáõÝÇ) ³ñÅ»ùÁ, áñÇ ³éç¨ ·ñ³ÝóíáõÙ ¿ “#” Ýß³ÝÁª <a href=”#glava1”>´³ÅÇÝ 1</a>: ²Ýí³Ý³Ïáãí³Í µ³ÅÇÝÝ»ñÇÝ Ï³ñ»ÉÇ ¿ ¹ÇÙ»É Ý³¨ ³ÛÉ ¿ç»ñÇóª å³ñ½³å»ë µ³ÅÝÇ ³ÝáõÝÁ ·ñ³ÝóíáõÙ ¿ áñå»ë ¿çÁ áñáßáÕ URL ѳëó»Ç ÙÇ Ù³ë: úñÇݳϪ <a href=”http://www.mysite.am/books/book1.html#glava1”>´³ÅÇÝ 1 </a>: ºÃ» ó³ÝϳÝáõÙ »Ýù ÑÕÙ³Ý Ù»ç Ýϳñ³·ñáÕ ï»ùëïÇ ÷á˳ñ»Ý (ϳ٠ٻÏï»Õ) ï»Õ³¹ñ»É å³ïÏ»ñ, ³å³ <a> ï»·áõÙ å³ñ½³å»ë Ý»ñ¹ñíáõÙ ¿ <img /> ï»·Á, áñÇ src µÝáõó·ñÇãÇ ³ñÅ»ùÁ å³ïÏ»ñÁ å³ñáõݳÏáÕ ý³ÛÉÇ URL ѳëó»Ý ¿: úñÇݳϪ <a href=”#glava1”><img src=”folder1.gif” alt=”´³ÅÇÝ 1” /></a> ä³ïÏ»ñ-ÑÕáõÙÁ ëáíáñ³Ï³Ý å³ïÏ»ñÇó ï³ñµ»ñíáõÙ ¿ Ýñ³Ýáí, áñ í»ñóíáõÙ ¿ ßñç³Ý³ÏÝ»ñÇ Ù»ç (ï»ëª å³ïÏ»ñ 2.3.3): ä³ïÏ»ñ-ÑÕáõÙÇ ßñç³Ý³ÏÁ ϳñ»ÉÇ ¿ ϳñ·³íáñ»É <img /> ï»·Ç border=”³ñÅ»ù” µÝáõó·ñÇãÇ 39
ÙÇçáóáí: úñÇݳÏ, »Ã» ó³ÝϳÉÇ ã¿, áñ å³ïÏ»ñÝ áõݻݳ ßñç³Ý³ÏÝ»ñ, ³å³ å³ñ½³å»ë ϳñ»ÉÇ ¿ ·ñ»Éª <img src=”image1.gif” border=”0” />:
ä³ïÏ»ñ 2.3.3. ÐÕáõÙ³ÛÇÝ ¨ ëáíáñ³Ï³Ý å³ïÏ»ñÝ»ñÁ
2.3.3. гïáõÏ ÑÇå»ñÑÕáõÙÝ»ñ URL-Á ×ÏáõÝ ¨ áõÝÇí»ñë³É ÙÇçáó ¿: ¶áñÍݳϳÝáõÙ ³ÛÝ Ñݳñ³íáñ ¿ û·ï³·áñÍ»É ó³ÝóáõÙ ³éϳ µáÉáñ é»ëáõñëÝ»ñÇÝ ÑÕáõÙÝ»ñ ëï»ÕÍ»Éáõ ѳٳñ: ¸³ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ï³ñ³ï»ë³Ï ÇÝýáñÙ³óÇ³Ý Ï³å³Ïóí³Í ï»ëùáí ѳٳï»Õ»É Ù»Ï ¿çáõÙ: ÖÏáõÝáõÃÛáõÝÁ µñ³áõ½»ñÝ»ñÇ ·É˳íáñ ³é³í»ÉáõÃÛáõÝÝ»ñÇó Ù»ÏÝ ¿: ´ñ³áõ½»ñÝ»ñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ³Ý»É ³ÛÝ ³Ù»ÝÁ, ÇÝã Ñݳñ³íáñ ¿ ó³ÝóáõÙ ¨, ÝáõÛÝÇëÏ ³í»ÉÇݪ Ñݳñ³íáñ ¿ ëï³Ý³É ѳë³Ý»ÉÇáõÃÛáõÝ ³ÛÝ ÇÝýáñÙ³ódzÛÇÝ Ï³Ù Íñ³·ñ»ñÇÝ, áñáÝù ï»ËÝáÉá·Ç³å»ë ã»Ý ѳݹÇë³ÝáõÙ ÆÝï»ñÝ»ïÇ é»ëáõñëÝ»ñ: ºÃ» µñ³áõ½»ñÁ áõÝ³Ï ã¿ ÇÝùÝáõñáõÛÝ Ùß³Ï»É ÆÝï»ñÝ»ïÇ ³Ûë ϳ٠³ÛÝ Í³é³ÛáõÃÛ³ÝÁ í»ñ³µ»ñáÕ ý³ÛÉÁ, ³å³ ÇÝùݳµ»ñ³µ³ñ ·áñͳñÏáõÙ ¿ ѳٳå³ï³ëË³Ý ûųݹ³Ï ѳí»Éí³ÍÁ, ûñÇݳϪ ¿É»ÏïñáݳÛÇÝ ÷áëïÇ ËÙµ³·ñÇãÁ ϳ٠ÙáõÉïÇÙ»¹Ç³ÛÇ Ó³ÛݳñÏÇãÁ: àñå»ë ³ñ¹ÛáõÝù` Ñݳñ³íáñ ¿ ¹³éÝáõÙ ÑÕáõÙÝ»ñ ëï»ÕÍ»É ÆÝï»ñÝ»ïÇ µáÉáñ ͳé³ÛáõÃÛáõÝÝ»ñÇÝ: Àݹ áñáõÙ, ÑÕáõÙÝ»ñÇ ß³ñ³¹³ëáõÃÛáõÝÁ ÙÝáõÙ ¿ ÝáõÛÝÁ: ÐÕáõÙÁ ¿É»ÏïñáݳÛÇÝ ÷áëïÇÝ Ï³ï³ñíáõÙ ¿ ¹ÛáõñÇÝ` å³ñ½³å»ë å»ïù ¿ ÇÙ³Ý³É ëïáõÛ· ѳëó»Ý: ¾É»ÏïñáݳÛÇÝ ÷áëïÇ Ñ³ëó»Ý µ³Õϳó³Í ¿ ãáñë Ù³ë»ñÇóª û·ïíáÕÇ ³ÝáõÝÇó, ßÝÇÏ (@) Ýß³ÝÇó, ѳٳϳñ·ãÇ ³ÝáõÝÇó (³ÛÝ Ï³ñáÕ ¿ ݳ¨ µ³ó³Ï³Û»É) ¨ ¹áÙ»ÛÝÇó: ´»ñ»Ýù ѳëó»Ý»ñÇ ûñÇݳÏÝ»ñ: 1. shmavon@mac-upgrade.com: ²Ûëï»Õª shmavon-Á û·ïíáÕÇ ³ÝáõÝÝ ¿, ÇëÏ mac-upgrade.com-Á ¹áÙ»ÛÝ ¿: гٳϳñ·ãÇ ³ÝáõÝÁ µ³ó³Ï³ÛáõÙ ¿: 2. vazgen@mail.fakecorp.com: ²Ûë ѳëó»áõÙ ³ñ¹»Ý ѳٳϳñ·ãÇ ³ÝáõÝÁ ³éϳ ¿ª mail: гëó»Ý»ñÇÝ ³í»É³óÝ»Éáí ³ñӳݳ·ñáõÃÛ³Ý ³ÝáõÝÁª “mailto:” ¨ ï»Õ³¹ñ»Éáí áñå»ë <a> ï»·Ç href µÝáõó·ñÇãÇ ³ñÅ»ùª Ïëï³Ý³Ýù ÑÕáõÙÁ, ûñÇݳϪ <a href=”mailto: vazgen@mail.fakecorp.com”>àõÕ³ñÏ»ù Ó»ñ ݳٳÏÝ»ñÁ ³Ûë ѳëó»áí</a>: ÐÕáõÙÝ»ñÁ FTP ϳÛù»ñÇÝ û·ï³·áñÍíáõÙ »Ý ѳٳϳñ·ÇãÝ»ñÇ ÙÇç¨ ý³ÛÉ»ñÇ ÷á˳ݳÏáõÃÛáõÝ Ï³½Ù³Ï»ñå»Éáõ Ýå³ï³Ïáí: лé³óí³Í ѳٳϳñ·ãÇ Ñ»ï ϳå ѳëï³ï»Éáõó Ñ»ïá FTP-Ç û·ïíáÕÝ»ñÁ ϳñáÕ »Ý ëï³Ý³É ³ÝÑñ³Å»ßï ý³ÛÉ»ñÁ: úñÇݳϪ <a href=”ftp://ftp.microsoft.com/”>²Ûó»É»ù Microsoft ýÇñÙ³ÛÇ FTP ϳÛùÁ</a>: ºÃ» û·ïíáÕÇÝ ³é³ç³ñÏíáõÙ ¿ “ù³ß»É” (³ÛëÇÝùÝ` Ý»ñÙáõÍ»É ¨ ·ñ³Ýó»É ѳٳϳñ·ãÇ Ïáßï ëϳí³é³ÏÇ íñ³) áñáß³ÏÇ ý³ÛÉ, ³å³ ó³ÝϳÉÇ ¿ Ýᯐ ³Û¹ ý³ÛÉÇ ÉñÇí ѳëó»Ý: úñÇݳÏ` »Ã» û·ïíáÕÇÝ ³é³ç³ñÏíáõÙ ¿ ëï³Ý³É program.zip ý³ÛÉÁ, áñÁ ·ïÝíáõÙ ¿ downloads »Ýóϳñ·³ó³ÝÏáõÙ, ³å³ ѳëó»Ý å»ïù ¿ ·ñ³ÝóíÇ Ñ»ï¨Û³É Ó¨áíª <a href=”ftp://ftp.microsoft.com/downloads/ program.zip”>²Ûë ý³ÛÉÁª zip Ó¨³ã³÷áí Íñ³·Çñ ¿ </a>: ²ÛëåÇëÇ ÑÕáõÙÁ Ññ³Ù³ÛáõÙ ¿ µñ³áõ½»ñÇÝ ÙÇ³Ý³É FTP ë»ñí»ñÇÝ ¨ ³ÝÙÇç³å»ë ëÏë»É Ý»ñÙáõÍ»É ³ÝÑñ³Å»ßï ý³ÛÉÁ: 40
ºñµ ³ÝÑñ³Å»ßï ¿ ëï»ÕÍ»É Ï³Ûù` û·ïíáÕÝ»ñÇÝ µ³½Ù³½³Ý ý³ÛÉ»ñ ѳïϳóÝáÕ ÁÝÏ»ñáõÃÛ³Ý Ñ³Ù³ñ, ³å³ µáÉáñ ³Û¹ ý³ÛÉ»ñÁ ϳñ»ÉÇ ¿ ½»ï»Õ»É FTP ë»ñí»ñÇ áñ¨¿ ϳñ·³ó³ÝÏáõÙ, ÇëÏ Ï³ÛùáõÙ ëï»ÕÍ»É ÙdzÛÝ ÑÕáõÙ ³Û¹ ë»ñí»ñÇÝ: ¸³ ÃáõÛÉ Ïï³ Ëáõë³÷»É ï³ñµ»ñ ý³ÛÉ»ñÇÝ µ³½Ù³ÃÇí ÑÕáõÙÝ»ñ ϳ½Ù³Ï»ñå»Éáõó: ´³óÇ ³Û¹, FTP ë»ñí»ñÁ û·ï³·áñÍáõÙ ¿ ý³ÛÉ»ñÇ ÷á˳ÝóÙ³Ý ³é³í»É ϳï³ñÛ³É Ù»Ãá¹Ý»ñ: ÆѳñÏ», ¹³ ãÇ Ý߳ݳÏáõÙ, áñ Ûáõñ³ù³ÝãÛáõñ ÷áùñÇÏ Ï³Ûù å»ïù ¿ áõݻݳ FTP ë»ñí»ñáõÙ ½»ï»Õí³Í ý³ÛÉ»ñª HTTP ³ñӳݳ·ñáõÃÛáõÝÁ ÝáõÛÝå»ë áõÝ³Ï ¿ ѳÕáñ¹»É »ñÏáõ³Ï³Ý ïíÛ³ÉÝ»ñ, Áݹ áñáõÙ` ³é³í»É ѳçáÕ ¿ ³ÛÝ “ѳÕóѳñáõÙ” “.exe”, “.zip” ¨ “.sit” (“Stufflt” ³ñËÇí³óÝáÕ-Íñ³·ñÇ ÙÇçáóáí ëï»ÕÍí³Í) ÁݹɳÛÝáõÙÝ»ñáí ý³ÛÉ»ñÇ Ñ³Õáñ¹áõÙÁ: ºÃ» ý³ÛÉÇÝ Ï³ï³ñíáõÙ ¿ ëáíáñ³Ï³Ý HTTP ÑÕáõÙ, ûñÇݳϪ <a href = ”http://www.microsoft.com/downloads/ program.zip”>êï³Ý³Ýù ý³ÛÉÁ zip Ó¨³ã³÷áí</a>, ³å³ µñ³áõ½»ñÁ ëÏëáõÙ ¿ ý³ÛÉÇ ÁݹáõÝÙ³Ý ·áñÍÁÝóóÁ ¨ ³ñ³ç³ñÏáõÙ å³Ñå³Ý»É Ïáßï ëϳí³é³ÏÇ íñ³, ѳñóÝ»Éáí û ÏáÝÏñ»ï áñï»±Õ ¿ ó³ÝϳÝáõÙ û·ïíáÕÁ ³ÛÝ å³Ñå³Ý»É: Gopher ë»ñí»ñÝ»ñÇ Ï³Ûù»ñÇÝ ÑÕáõÙÁ ϳéáõóíáõÙ ¿ ÝáõÛÝ ëϽµáõÝùáí, å³ñ½³å»ë Ñ»é³óí³Í ѳٳϳñ·ãÇ ³ÝáõÝÇó ³é³ç ·ñ³ÝóíáõÙ ¿ ѳٳå³ï³ëË³Ý ³ñӳݳ·ñáõÃÛ³Ý ³ÝáõÝÁ, ûñÇݳϪ <a href=”gopher://marvel.loc.gov/””>²Ù»ñÇÏÛ³Ý ÏáÝ·ñ»ëÇ ·ñ³¹³ñ³ÝÁ</a>: Usenet-ÇÝ Ï³ï³ñíáÕ ÑÕáõÙÝ»ñÇ Ó¨³ã³÷Á áñáß ã³÷áí ï³ñµ»ñíáõÙ ¿ ëáíáñ³Ï³Ý ÑÇå»ñÑÕáõÙÝ»ñÇó: ²Ûë ¹»åùáõÙ ÏáÝý»ñ³ÝëÇ ³Ýí³Ý ¹ÇÙ³ó å»ïù ¿ ·ñ³Ýó»É “news:” ³ñï³Ñ³ÛïáõÃÛáõÝÁ: ÐÕáõÙÁ Usenet-ÇÝ Ï³ï³ñíáõÙ ¿ Ñ»ï¨Û³É »Õ³Ý³Ïáíª <a href=”news:sci”>²ÛëÇÝã ÑÇÙݳËݹñÇÝ ÝíÇñí³Í Usenet-Ç ÏáÝý»ñ³Ýë</a>: ´»ñí³Í ÑÕáõÙÁ áõÕÕí³Í ¿ Usenet-Ç Sci (·Çï³Ï³Ý ÏáÝý»ñ³ÝëÝ»ñ) ûٳïÇÏ ËÙµÇÝ: ²Û¹åÇëÇ ÑÕáõ٠ѳݹÇå»ÉÇë µñ³áõ½»ñÁ ϳï³ñáõÙ ¿ »ñÏáõ ·áñÍáÕáõÃÛáõÝÝ»ñÇó Ù»ÏÁª ϳ٠÷áñÓáõÙ ¿ ÇÝùÝáõñáõÛÝ ÙÇ³Ý³É ÝáñáõÃÛáõÝÝ»ñÇ ë»ñí»ñÇÝ ¨ ·ïÝ»É Ñ³Õáñ¹³ÏóáõÃÛáõÝÝ»ñÇ Ñ³Ù³å³ï³ëË³Ý ËáõÙµÁ, ϳ٠Ññ³Ù³ÝÁ ÷á˳ÝóáõÙ ¿ Usenet ÏáÝý»ñ³ÝëÝ»ñÇ Ñ»ï ³ß˳ïáÕ Íñ³·ñÇÝ: Telnet ë»ñí»ñÇÝ Ï³ï³ñ³Í ÑÕáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë û·ïíáÕÇÝ ³ÝÙÇç³Ï³Ý ϳå ѳëï³ï»É ³ÛÝ Ñ³Ù³Ï³ñ·ãÇ Ñ»ï, áñáõÙ ï»Õ³¹ñí³Í ¿ Ñ»é³óí³Í ѳë³Ý»ÉÇáõÃÛ³Ý ëå³ë³ñÏÙ³Ý Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙÁ: Æñ³Ï³ÝáõÙ áã ÙÇ µñ³áõ½»ñ ãÇ ë³ï³ñáõÙ Telnet ï»ËÝáÉá·Ç³ÛÇÝ, ¨ ³é³í»É ѳí³Ý³Ï³Ý ¿, áñ û·ïíáÕÁ å»ïù ¿ ³ß˳ïÇ áñ¨¿ ûųݹ³Ï ѳí»Éí³ÍÇ ÙÇçáóáí, áñÁ ϵ»éÝíÇ ÑÕáõÙ³ÛÇÝ Ñ³ëó»áí ³ÝóÝ»Éáõ ¹»åùáõÙ: ÐÕáõÙÁ Telnet ë»ñí»ñÇÝ áõÝÇ Ñ»ï¨Û³É ß³ñ³¹³ëáõÃÛáõÝÁª <a href=”telnet://mad.fakecorp.com/”>γå ѳëï³ï»É Telnet-ë»ñí»ñÇ Ñ»ï</a>:
¢ 2.4. ¶ñ³ýÇϳÛÇ ¨ ÙáõÉïÇÙ»¹Ç³ÛÇ û·ï³·áñÍáõÙÁ HTML ÷³ëï³ÃÕûñáõÙ 2.4.1. ¶ñ³ýÇϳÛÇ û·ï³·áñÍáõÙÁ web-¿ç»ñáõÙ ²Ûëûñ ·ñ»Ã» ãϳ ³ÛÝåÇëÇ web-ݳ˳·ÇÍ, áñÁ ãå³ñáõݳÏÇ å³ïÏ»ñ³½³ñ¹ ¿ç»ñ (»Ã» ³Û¹åÇëÇù ϳÝ, ³å³ ÑÇÙݳϳÝáõ٠ϳ٠·ñ³Ï³Ý ï»ùëï»ñ »Ý, ϳ٠ٳëݳ·Çï³Ï³Ý ï»Õ»Ï³ïáõÝ»ñ): Web¿ç»ñÇ ×ÝßáÕ Ù»Í³Ù³ëÝáõÃÛ³ÝÁ ѳïáõÏ ¿ ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÇ ³éϳÛáõÃÛáõÝÁ, áñÁ ϳ٠µ³ñ»É³íáõÙ ¿ ³ñï³ùÇÝ ï»ëùÁ, ¹ÛáõñÇÝ ¿ ¹³ñÓÝáõ٠ϳÛùÇ û·ï³·áñÍáõÙÁ, ϳ٠³Ûó»ÉáõÝ»ñÇÝ Ù³ïáõóáõÙ ¿ áñáß³ÏÇ ÇÝýáñÙ³ódz: Àëï ýáõÝÏóÇáÝ³É Ý߳ݳÏÙ³Ý, ·ñ³ýÇÏ³Ï³Ý µ³Õ³¹ñÇãÝ»ñÁ ϳñ»ÉÇ ¿ å³ÛٳݳϳÝáñ»Ý µ³Å³Ý»É »ñ»ù ͳí³ÉáõÝ ËÙµ»ñÇ. å³ïÏ»ñ³½³ñ¹ (ÇÉÛáõëïñ³ïÇí) ·ñ³ýÇϳ, ûñÇݳϪ ï»ùëïÁ Éñ³óÝáÕ ýáïáÝϳñÝ»ñ, µ³ó³ïñ³Ï³Ý ÝϳñÝ»ñ, ·Í³·ñ»ñ ¨ ë˻ٳݻñ, ýáõÝÏóÇáÝ³É ·ñ³ýÇϳ` ϳÛùÇ Õ»Ï³í³ñÙ³Ý ¿É»Ù»ÝïÝ»ñÁ Ó¨³íáñ»Éáõ ѳٳñ: úñÇݳÏ` áõÕÕáñ¹Ù³Ý Ïá׳ÏÝ»ñ, ѳßíÇãÝ»ñ ¨ ÇÝï»ñ³ÏïÇí å³ïÏ»ñ³Ó¨»ñÇ (Ó¨³ã³÷»ñÇ) ¿É»Ù»ÝïÝ»ñ, ¹»Ïáñ³ïÇí ·ñ³ýÇϳ, ûñÇݳϪ ·ñ³ýÇÏ³Ï³Ý ý³ÛÉ»ñÇ ï»ëùáí Ùß³Ïí³Í í»ñݳ·ñ»ñ ¨ ýáݳÛÇÝ å³ïÏ»ñÝ»ñ: гٳӳÛÝ íÇ׳ϳ·ñ³Ï³Ý ïíÛ³ÉÝ»ñÇ` ÆÝï»ñÝ»ïÇó û·ïíáÕÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ó³ÝóÇ Ñ»ï ϳåÁ Çñ³·áñÍáõÙ ¿ Ùá¹»ÙÝ»ñÇ ÙÇçáóáíª ÏáÙáõï³óíáÕ Ï³åáõÕÇÝ»ñáí: ø³ÝÇ áñ ¹³ ϳåÇ µ³í³Ï³ÝÇÝ ¹³Ý¹³Õ³·áñÍ »Õ³Ý³Ï ¿, ³å³ ó³ÝϳÉÇ ¿ Ñݳñ³íáñÇÝ ã³÷ Ïñ׳ï»É ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÇ µ»éÝÙ³Ý ï¨áÕáõÃÛáõÝÁ µñ³áõ½»ñÝ»ñáõÙ: лÝó ³Û¹ ÷³ëïÁ ¹³ñÓ³í gif ¨ jpeg ï»ë³ÏÝ»ñÇ (³í»ÉÇ ßáõïª ÁݹɳÛÝáõÙÝ»ñÇ) ·ñ³ýÇÏ³Ï³Ý ý³ÛÉ»ñÇ ³é³í»É ɳÛÝ ÏÇñ³éáõÃÛ³Ý å³ï׳é: ²Û¹åÇëÇ ý³ÛÉ»ñÇÝ µÝáñáß »Ý å³ïÏ»ñÇ ë»ÕÙÙ³Ý ³É·áñÇÃÙÝ»ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ½·³ÉÇáñ»Ý Ïñ׳ï»É Ýå³ï³Ï³ÛÇÝ ý³ÛÉÇ Í³í³ÉÁ (ÇѳñÏ», áñ³ÏÇ áñáß³ÏÇ ÏáñáõëïÝ»ñáí): jpeg (Joint Photographic Experts Group) Ó¨³ã³÷Á ëáíáñ³µ³ñ û·ï³·áñÍíáõÙ ¿ ýáïáÝϳñÝ»ñ ϳ٠³ÛÉ Ù»Í Ãíáí ·áõÛÝ»ñ å³ñáõݳÏáÕ µ³½Ù»ñ³Ý· å³ïÏ»ñÝ»ñ ѳÕáñ¹»Éáõ ѳٳñ (Ãí³ÛÇÝ ýáïáËóÇÏáí 41
ϳ٠ëϳݻñáí ëï³óí³Í): gif (Graphics Interchange Format) Ó¨³ã³÷Á ÑÇÙݳϳÝáõÙ û·ï³·áñÍíáõÙ ¿, ³Ûëå»ë Ïáãí³Í, µÇ½Ý»ë·ñ³ýÇϳÛÇ ³ñï³å³ïÏ»ñÙ³Ý Ñ³Ù³ñ, ûñÇݳÏ` ·Í³å³ïÏ»ñÝ»ñÇ, Éá·áïÇå»ñÇ, ջϳí³ñÙ³Ý Ïá׳ÏÝ»ñÇ ¨ Ó¨³íáñÙ³Ý ³ÛÉ ï³ññ»ñÇ: ²Û¹åÇëÇ ý³ÛÉ»ñÝ ³é³í»É Ñ³×³Ë ëï»ÕÍíáõÙ »Ý Ñ»Ýó ѳٳϳñ·ãÇ ÙÇçáóáí, É³í »Ý Ëï³óíáõÙ ¨, ѻ勉µ³ñ, ³í»ÉÇ ³ñ³· »Ý ѳÕáñ¹íáõÙ ó³Ýóáí: ´³óÇ ³Û¹, gif (Ù³ëݳíáñ³å»ë` GIF89a) Ó¨³ã³÷Ý áõÝÇ Ý³¨ »ñÏáõ µ³ó³éÇÏ Ñݳñ³íáñáõÃÛáõÝÝ»ñ, áñáÝù ɳÛÝáñ»Ý ÏÇñ³éíáõÙ »Ý ÆÝï»ñÝ»ïáõÙ: ²é³çÇÝÁ ÏáãíáõÙ ¿ “transparency” (ó÷³ÝóÇÏáõÃÛáõÝ): ²ÛÝ ÃáõÛÉ ¿ ï³ÉÇë ó÷³ÝóÇÏ ýáÝ ëï»ÕÍ»É å³ïÏ»ñÇ Ñ³Ù³ñ: ÎÇñ³éíáõÙ ¿, ûñÇݳÏ, ³ÛÝ ¹»åù»ñáõÙ, »ñµ µ³ñ¹ ýáݳÛÇÝ å³ïÏ»ñ áõÝ»óáÕ ¿çáõÙ ³ÝÑñ³Å»ßï ¿ ï»Õ³¹ñ»É ϳÝáݳíáñ »ñÏñ³ã³÷³Ï³Ý Ó¨»ñÇÝ ãѳٳå³ï³ë˳ÝáÕ å³ïÏ»ñÝ»ñ, ¨ Ñݳñ³íáñ ã¿ ËÇëï ѳٳï»Õ»É ³Û¹ å³ïÏ»ñÝ»ñÇ ³é³ÝÓÇÝ Ù³ë»ñÁ: üáñÙ³ïÇ »ñÏñáñ¹ û·ï³Ï³ñ ³é³ÝÓݳѳïÏáõÃÛáõÝÝ ³ÛÝ ¿, áñ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ Ù»Ï ýǽÇÏ³Ï³Ý ³ÝáõÝ áõÝ»óáÕ ý³ÛÉáõÙ å³Ñå³Ý»É ÙÇ ù³ÝÇ ï³ñµ»ñ å³ïÏ»ñÝ»ñª ѳçáñ¹³µ³ñ óáõó³¹ñ»Éáõ Ñݳñ³íáñáõÃÛ³Ùµ: лÝó ³Û¹ ëϽµáõÝùÇ íñ³ ¿ ÑÇÙÝí³Í ÆÝï»ñÝ»ïáõ٠ɳÛÝ ï³ñ³ÍáõÙ ·ï³Í gif-³ÝÇÙ³ódzÝ: ²é³í»É Ñ³×³Ë ³ÝÇÙ³óí³Í ·ñ³ýÇÏ³Ý Ñ³Ý¹ÇåáõÙ ¿ web-ϳÛù»ñáõÙ ½»ï»Õí³Í ·áí³½¹áõÙª µ³Ý»ñÝ»ñÇ ï»ëùáí: ´³Ý»ñÁ Ù»Ï ý³ÛÉáõÙ å³Ñå³Ýí³Í ¨ áñáß³ÏÇ Å³Ù³Ý³Ï³Ñ³ïí³ÍáõÙ Çñ³ñ ѳçáñ¹áÕ ³é³ÝÓÇÝ Ï³¹ñ»ñÇ µ³½ÙáõÃÛáõÝ ¿: γ¹ñ»ñÇ ³¹åÇëÇ Ñ³çáñ¹Ù³Ý ѳßíÇÝ ëï»ÕÍíáõÙ ¿ ³ÝÇÙ³ódzÛÇ, (³í»ÉÇ ßáõï` ÙáõÉïÇåÉÇϳódzÛÇ) ¿ý»Ïï: Web-¿çáõÙ å³ïÏ»ñ ï»Õ³¹ñ»ÉÁ µ³ñ¹ ã¿, ë³Ï³ÛÝ µ³ñ¹ ¿ ³ÛÝ ï»Õ³¹ñ»ÉÇë ÙÇ³Å³Ù³Ý³Ï ÙÇ ù³ÝÇ Çñ³ñ ѳϳëáÕ å³Ñ³ÝçÝ»ñ µ³í³ñ³ñ»ÉÁª å³ïÏ»ñÁ å»ïù ¿ ÉÇÝÇ Ñ»ï³ùñùñ³ß³ñÅ, ïíÛ³É »Ýóï»ùëïÇÝ û·ï³Ï³ñ, ·ñ³íÇã ¨, ÙdzųٳݳÏ, áã ³ÛÝù³Ý Ëáßáñ (ý³ÛÉÇ Í³í³ÉÇ ï»ë³Ï»ïÇó): ¶ñ³ýÇÏ³Ý ï»Õ³¹ñ»ÉÇë ³ÝÑñ³Å»ßï ¿ ջϳí³ñí»É ÙÇ ù³ÝÇ å³ñ½ ϳÝáÝÝ»ñáíª ä³ïÏ»ñÝ»ñÁ ¨ ýáïáÝϳñÝ»ñÁ å»ïù ¿ ³ÝÙÇç³Ï³Ýáñ»Ý í»ñ³µ»ñ»Ý ¿çáõÙ ½»ï»Õí³Í ÇÝýáñÙ³ódzÛÇÝ: гñÏ ã¿ û·ï³·áñÍ»É ¹ñ³Ýù ÙdzÛÝ ¿çÇ Í³í³ÉÁ ٻͳóÝ»Éáõ ѳٳñ: ú·ïíáÕÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ÆÝï»ñÝ»ïáõÙ ÷ÝïñáõÙ ¿ ÇÝýáñÙ³ódz ϳ٠ӷïáõÙ ¿ û·ïí»É ³Ûë ϳ٠³ÛÝ Í³é³ÛáõÃÛáõÝÇó, ³ÛÉ áã û ó³ÝϳÝáõÙ ¿ ï»ëÝ»É Ñ»ÕÇݳÏÇ ëÇñ»ÉÇ ßÝÇÏÇ ÝϳñÁ: ¶ñ³ýÇÏ³Ý å»ïù ¿ µ»éÝíÇ Ñݳñ³íáñÇÝ ã³÷ ³ñ³·, ÇëÏ ¹³ Ý߳ݳÏáõÙ ¿, áñ ý³ÛÉ»ñÁ å»ïù ¿ áõÝ»Ý³Ý Ë»É³ÙÇï ã³÷ë»ñ: àã µáÉáñ ³Ûó»ÉáõÝ»ñÁ Ïß³ñáõÝ³Ï»Ý “Ùݳɔ ϳÛùáõÙ, »Ã» ³Ù»Ý ÙÇ å³ïÏ»ñÁ µ»éÝíÇ ÙÇ ù³ÝÇ ñáå»Ç ÁÝóóùáõÙ: гñÏ ¿ ѳÙá½í»É, áñ å³ïÏ»ñÁ ÁÝïñí³Í ¿ ×Çßï Ó¨³ã³÷áõÙ: ¶áÛáõÃÛáõÝ áõÝ»Ý å³ïÏ»ñÝ»ñÇ Ùß³ÏÙ³Ý µ³½Ù³ÃÇí Ãí³ÛÇÝ ÙÇçáóÝ»ñ, áñáÝóÇó û·ïí»Éáí ϳñ»ÉÇ ¿ ѳëóÝ»É å³ïÏ»ñÁ µ³í³ñ³ñ áñ³ÏÇ ¨ ½·³ÉÇáñ»Ý Ýí³½»óÝ»É ý³ÛÉ»ñÇ Í³í³ÉÁ: ä³ïÏ»ñÝ»ñÁ ¿çáõÙ Ý»ñÙáõÍíáõÙ »Ý »½³ÏÇ <img /> ï»·Ç ÙÇçáóáí: î»·Ç ÁݹѳÝáõñ ï»ëùÁ Ñ»ï¨Û³ÉÝ ¿ª <img src=”å³ïÏ»ñÇ_URL ѳëó»” />, ÆÝï»ñÝ»ïÇ û·ïíáÕÝ»ñÇ ½·³ÉÇ Ù³ëÁ ãáõÝÇ áñ¨¿ ï»ë³ÏÇ ·ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñ ϳ٠ãÇ ¹Çï³ñÏáõÙ ·ñ³ýÇÏ³Ï³Ý ý³ÛÉ»ñÁ ¹³Ý¹³Õ ÙdzóÙ³Ý å³ï׳éáí: ä»ïù ¿ ÑÇß»É Ý³¨ ï³ñµ»ñ ï»ë³ÏÇ ³ÛÉ ë³ñù³íáñáõÙÝ»ñÇó (ûñÇݳϪ µçç³ÛÇÝ Ñ»é³ËáëÝ»ñ, ·ñå³ÝÇ Ñ³Ù³Ï³ñ·ÇãÝ»ñ, Ó³ÛݳÛÇÝ µñ³áõ½»ñÝ»ñ ÏáõÛñ»ñÇ Ñ³Ù³ñ) û·ïíáÕ ³Ûó»ÉáõÝ»ñÇ Ù³ëÇÝ: ²Û¹åÇëÇ ¹»åù»ñÇ Ñ³Ù³ñ HTML-áõÙ ·áÛáõÃÛáõÝ áõÝÇ Ñ³ïáõÏ µÝáõó·ñÇ㪠alt (alternative textª ³ÛÉÁÝïñ³Ýù³ÛÇÝ ï»ùëï), áñÇ ³ñÅ»ùÁ ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÁ ÷á˳ñÇÝáÕ áñáß³ÏÇ ï»ùëï ¿: Ð³×³Ë ³Û¹ ï»ùëïÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ßñç³Ý³ÏÝ»ñáõÙ, áñáÝù ï»Õ³¹ñíáõÙ »Ý ¿Ïñ³ÝÇ ³ÛÝ Ù³ëáõÙ, áñï»Õ å»ïù ¿ óáõó³¹ñí»ñ å³ïÏ»ñÁ: úñÇݳϪ <img src=”table.gif” alt=”²ÕÛáõë³ÏáõÙ óáõó³¹ñí³Í ¿ µáÉáñ óáõó³ÝÇßÝ»ñÇ ³×Á” />: ÆѳñÏ», ï»ùëïÁ å»ïù ¿ ÉÇÝÇ Ñ³ÏÇñ×, ë³Ï³ÛÝ ÇÝýáñÙ³ïÇí: ÊáñÑáõñ¹ ãÇ ïñíáõÙ ·ñ³Ýó»É áã ÇÙ³ëï³ÉÇó ѳÕáñ¹³ÏóáõÃÛáõÝÝ»ñª ûñÇÝ³Ï “²Ûëï»Õ å³ïÏ»ñí³Í ¿ ÇÙ ëÇñ»ÉÇ ½áù³ÝãÁ”: ºÃ» ³ÝÑñ³Å»ßï ¿ ³í»ÉÇ Ù³Ýñ³Ù³ëÝ Ýϳñ³·ñ»É µ³ó³Ï³ÛáÕ å³ïÏ»ñÁ, ³å³ ϳñ»ÉÇ ¿ û·ïí»É ÙÇ ³ÛÉ µÝáõó·ñÇãÇóª longdesc (long description` ͳí³ÉáõÝ Ýϳñ³·ñáõÃÛáõÝ): ´Ýáõó·ñÇãÇ ÙÇçáóáí ÑÕáõÙ ¿ ϳï³ñíáõÙ ïíÛ³É å³ïÏ»ñÇ Ù³Ýñ³Ù³ëÝ Ýϳñ³·ñáõÃÛáõÝÁ å³ñáõݳÏáÕ ý³ÛÉÇݪ <img src=” table.gif” alt=”²ÕÛáõë³ÏáõÙ óáõó³¹ñí³Í ¿ óáõó³ÝÇßÝ»ñÇ ³×Á” longdesc=”http: //www.mysite.am/charts/ chart. html” />: ´ñ³áõ½»ñÝ»ñÁ í»ñͳÝáõÙ »Ý å³ïÏ»ñÝ»ñÁ áñå»ë ëáíáñ³Ï³Ý ÝÇß»ñ, ¨ »Ã» ãÇ Ï³ï³ñí»É áñáß³ÏÇ Éñ³óáõóÇã ϳñ·³íáñáõÙ, ³å³ ¿Ïñ³ÝÇÝ ³ñï³å³ïÏ»ñí³Í ï»ùëïÇ ¨ å³ïÏ»ñÝ»ñÇ ÷áËï»Õ³µ³ßËáõÙÁ ÁݹѳÝáõñ ¹»åùáõ٠ϳñáÕ ¿ ãѳٳå³ï³ëË³Ý»É ëå³ëíáÕ ³ñ¹ÛáõÝùÇÝ: ²Û¹ Ýå³ï³ÏÇÝ ¿ ͳé³Ûáõ٠ѳïáõϪ align µÝáõó·ñÇãÁ, áñÝ ¿É Ñ»Ýó å³ï³ë˳ݳïáõ ¿ ï»ùëïÇ ¨ å³ïÏ»ñÝ»ñÇ 42
÷á˳¹³ñÓ ¹³ë³íáñáõÃÛ³Ý Ñ³Ù³ñ: ´Ýáõó·ñÇãÝ áõÝÇ ÏÇñ³éáõÃÛ³Ý »ñÏáõ »Õ³Ý³ÏÝ»ñ: ²é³çÇÝ ¹»åùáõÙ µÝáõó·ñÇãÇ ÙÇçáóáí áñáßíáõÙ ¿, û ÇÝãå»ë å»ïù ¿ ѳí³ë³ñ»óíÇ å³ïÏ»ñÇ Ñ»ï Ù»Ï ïáÕáõÙ ·ïÝíáÕ ï»ùëïÁ ÷³ëï³ÃÕÃÇ ÏáÕÙݳÛÇÝ Éáõë³ÝóùÝ»ñÇÝ: ²ÕÛáõë³Ï 2.4.1-áõÙ Ý»ñϳ۳óí³Í »Ý align µÝáõó·ñÇãÇ ëï³Ý¹³ñï ³ñÅ»ùÝ»ñÁ: ²ÕÛáõë³Ï 2.4.1 align µÝáõó·ñÇãÇ ëï³Ý¹³ñï ³ñÅ»ùÝ»ñÁ ²ñÅ»ùÁ top middle bottom
²½¹»óáõÃÛáõÝÁ î»ùëïÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ í»ñÇÝ ë³ÑÙ³ÝÇ î»ùëïÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ ÙÇçÇÝ ·ÍÇ î»ùëïÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ ëïáñÇÝ ë³ÑÙ³ÝÇ
Àëï Éé»ÉÛ³ÛÝ, ³ÛëÇÝùÝ, »Ã» <img /> ï»·Ç align µÝáõó·ñÇãÁ Ýßí³Í ã¿, ï»ùëïÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ ëïáñÇÝ ë³ÑÙ³ÝÇ (ѳٳå³ï³ë˳ÝáõÙ ¿ align=”bottom” ³ñÅ»ùÇÝ): ´Ýáõó·ñÇãÇ ï³ñµ»ñ ³ñÅ»ùÝ»ñÇ ³½¹»óáõÃÛáõÝÁ ï»ùëïÇ ¨ å³ïÏ»ñÇ ÷á˳¹³ñÓ ¹³ë³íáñáõÃÛ³Ý íñ³ áõëáõÙݳëÇñ»Éáõ Ýå³ï³Ïáí ϳ½Ù»Ýù Ñ»ï¨Û³É HTML ý³ÛÉÁª <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>align attribute using example</title></head> <body> <p> î»ùëïÁ <img src="forw_dn.gif" align="top" /> ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ í»ñ¨Ç ë³ÑÙ³ÝÇ align= "top"</p> <p> î»ùëïÁ <img src="forw_dn.gif" align="middle" /> ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ ÙÇçÇÝ ·ÍÇ align= "middle"</p> <p> î»ùëïÁ <img src src="forw_dn.gif" align="bottom" /> ѳí³ë³ñ»óíáõÙ ¿ Áëï å³ïÏ»ñÇ ëïáñÇÝ ë³ÑÙ³ÝÇ align= "middle"</p> <p> ä³ïÏ»ñÇ <img src="" align="bottom" alt="PICTURE" /> ÷á˳ñ»Ý ½»ï»ÕíáõÙ ¿ alt µÝáõó·ñÇãÇ ³ñÅ»ùÁ</p> </body></html>
43
ä³ïÏ»ñ 2.4.1. î»ùëïÇ ¨ å³ïÏ»ñÇ ÷á˳¹³ñÓ ¹³ë³íáñáõÃÛáõÝÁ ü³ÛÉÇ ³ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.4.1-áõÙ: “alt” µÝáõó·ñÇãÇ ³ß˳ï³ÝùÁ óáõó³¹ñ»Éáõ Ýå³ï³Ïáí ãáññáñ¹ <p> å³ñµ»ñáõÃÛ³Ý Ù»ç ÙÇïáõÙݳíáñ ãÇ Ýßí³Í <img /> ï»·Ç “src” µÝáõó·ñÇãÇ ³ñÅ»ùÁ (å³ïÏ»ñÁ å³ñáõݳÏáÕ ý³ÛÉÇ Ñ³ëó»Ý): “align” µÝáõó·ñÇãÁ ϳñáÕ ¿ ÁݹáõÝ»É ¨ë »ñÏáõ ³ñÅ»ùÝ»ñ “right” (³ç) ¨ “left” (Ó³Ë), áñáÝù å³ïÏ»ñÁ ¹³ñÓÝáõÙ »Ý, ³Ûëå»ë Ïáãí³Í` “ÉáÕ³óáÕ”: ²Û¹ ³ñÅ»ùÝ»ñÇ ¹»åùáõÙ å³ïÏ»ñÁ ï»Õ³¹ñíáõÙ ¿ áã û ³ÛÝ ¹ÇñùáõÙ, áñï»Õ ï»Õ³¹ñí³Í ¿ “<img />” ï»·Á, ³ÛÉ ï»Õ³µ³ßËíáõÙ ¿ web-¿çÇ ³ç (align=”right”) Ï³Ù Ó³Ë (align=”left”) Éáõë³ÝóùÇÝ Ñ³í³ë³ñ, ÇëÏ ï»ùëïÁ ßñç³Ý³ÏáõÙ ¿ ¹ñ³Ý: ä³ïÏ»ñ 2.4.2-áõÙ óáõó³¹ñí³Í ¿ å³ïÏ»ñÇ ¨ ï»ùëïÇ ÷á˳¹³ñÓ ¹Çñù³íáñáõÙÁ “align” ³ïñǵáõïÇ ³Û¹ ³ñÅ»ùÝ»ñÇ Ñ³Ù³ñ: HTML Ïá¹Ç ѳïí³ÍÁ Ñ»ï¨Û³ÉÝ ¿ (ÑÇß»Ýù, áñ ³Û¹ Ïá¹Á ·ñ³ÝóíáõÙ ¿ Ù»ñ Ó¨³ÝÙáõßÇ <body> ï»·Ç Ý»ñëáõÙ ¨ File ->Save Us Ññ³Ù³ÝÝ»ñÇ ÙÇçáóáí ÑÇßíáõÙ ¿, áñå»ë “.html” ÁݹɳÛÝáõÙáí ý³ÛÉ, áñÇ ³ÝáõÝÁ ϳñ»ÉÇ ¿ ÁÝïñ»É Áëï ׳߳ÏÇ)ª <p>ºÃ» <b>align</b> ³ïñǵáõïÇ <img src="forw_dn.gif" align= "left" style="width:50px;height:40px" /> ³ñÅ»ùÁ ѳí³ë³ñ ¿ <b>left </b>, ³å³ å³ïÏ»ñÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï web-¿çÇ Ó³Ë Éáõë³ÝóùÇ` ³ÝÏ³Ë ³ÛÝ µ³ÝÇó, û ï»ùëïÇ áñ Ù³ëáõÙ ¿ ï»Õ³¹ñí³Í <b>img</b> ï»·Á: </p> <p>ºÃ» <b>align</b> ³ïñǵáõïÇ <img src="forw_dn.gif" align= "right" style="width:50px;height:40px" /> ³ñÅ»ùÁ ѳí³ë³ñ ¿ <b> right</b>, ³å³ å³ïÏ»ñÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï web-¿çÇ ³ç Éáõë³ÝóùÇ</p> <img /> ï»·Ç width (»ñϳñáõÃÛáõÝ) ¨ height (µ³ñÓñáõÃÛáõÝ) ³ïñǵáõïÝ»ñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ÷á÷áË»É å³ïÏ»ñÝ»ñÇ Çñ³Ï³Ý ã³÷ë»ñÁ: úñÇݳϪ ϳñ»ÉÇ ¿ 300x200 åÇùë»É ã³÷ë»ñ áõÝ»óáÕ å³ïÏ»ñÁ óáõó³¹ñ»É ¿Ïñ³ÝÇÝ 100x75 ã³÷ë»ñáí (ÇѳñÏ»ª å³ïÏ»ñÇ ý³ÛÉÇ Í³í³ÉÁ ¹ñ³ÝÇó ãÇ ÷áËíáõÙ): ê³Ï³ÛÝ ¹ñ³Ýó û·ï³·áñÍÙ³Ý ÑÇÙÝ³Ï³Ý Ýå³ï³ÏÁ web-¿çÇ µ»éÝÙ³Ý ·áñÍÁÝóóÇ ³ñ³·³óáõÙÝ ¿: ø³ÝÇ áñ å³ïÏ»ñÇ ã³÷ë»ñÁ µñ³áõ½»ñÇÝ Ñ³ÛïÝÇ »Ý ¹³éÝáõ٠ݳ˳å»ë, ³å³ ³ÛÝ Ï³ñáÕ³ÝáõÙ ¿ å³ïÏ»ñÇ Ñ³Ù³ñ ï»Õ ѳïϳóÝ»É ÙÇÝ㨠µ»éÝÙ³Ý ³í³ñïÁ, ÇëÏ ¹³ Ý߳ݳÏáõÙ ¿, áñ ëϽµáõ٠ϵ»éÝíÇ ï»ùëïÁ, ¨ ³Ûó»ÉáõÝ, ϳñ¹³Éáí ³ÝÑñ³Å»ßï ÇÝýáñÙ³ódzÝ, ϳñáÕ ¿ ÑÕáõÙÝ»ñáí µ³ó»É Çñ»Ý Ñ»ï³ùñùñáÕ ¿çÁ` ãëå³ë»Éáí å³ïÏ»ñÇ µ»éÝÙ³Ý ³í³ñïÇÝ:
44
ä³ïÏ»ñ 2.4.2. align ³ïñǵáõïÇ right ¨ left ³ñÅ»ùÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÝ»ñÁ
2.4.2. ØáõÉïÇÙ»¹Ç³ÛÇ û·ï³·áñÍáõÙÁ web-¿ç»ñáõÙ “ØáõÉïÇÙ»¹Ç³” Ý߳ݳÏáõÙ ¿ ÇÝýáñÙ³ódzÛÇ Ñ³Ù³Ï³ñ·ã³ÛÇÝ ³ÛÝåÇëÇ å³ïÏ»ñáõÙ, áñÁ µ³Õϳó³Í ¿ ïíÛ³ÉÝ»ñÇ Ù»ÏÇó ³í»ÉÇ ï»ë³ÏÝ»ñÇó: úñÇݳϪ ï»ùëï ¨ Ó³ÛÝ Ï³Ù íǹ»á ¨ Ó³ÛÝ: ê³Ï³ÛÝ Ñ³×³Ë ³Û¹ ûñÙÇÝÁ û·ï³·áñÍáõÙ »Ý, áñå»ë½Ç ³Ýí³Ý»Ý áñ¨¿ ѳëϳóáõÃÛáõÝ, áñÝ ³í»ÉÇ ¿³Ï³Ý ¿, ù³Ý ï»ùëïÁ ϳ٠·ñ³ýÇϳÝ: ØáõÉïÇÙ»¹Ç³ÛÇ ï³ññ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ÑÇÙÝí³Í ¿ ųٳݳÏÇ ·áñÍáÝÇó ϳËí³Í ³Ûë ϳ٠³ÛÝ ÝÛáõûñÇó, ÉÇÝÇ ¹³ Ó³ÛÝ, ï»ë³ÝÛáõà û ³ÝÇÙ³ódz: ØáõÉïÇÙ»¹Ç³Ý ¹Çï»Éáõ (ϳ٠Éë»Éáõ) åñáó»ëÁ ϳñ»ÉÇ ¿ Áݹѳï»É ϳ٠ï»ë³ß³ñÁ ¨ Ó³ÛÝÁ “Ñ»ï åïï»É” ëáíáñ³Ï³Ý ï»ë³- ϳ٠ӳÛݳÑáÉáí³ÏÝ»ñÇ å»ë: гٳϳñ·ã³ÛÇÝ ï»ËÝáÉá·Ç³Ý»ñÁ, ÇѳñÏ», ³í»ÉÇ µ³ñ¹ »Ý: úñÇݳϪ ï»ë³ß³ñÁ áõÕ»ÏóíáõÙ ¿ ѳٳã³÷í³Í (ëÇÝËñáݳóí³Í) Ó³ÛÝáõÕÇáí, ë³Ï³ÛÝ ëϽµáõÝùÁ ÝáõÛÝÝ ¿ª ųٳݳÏÇ ÁÝóóùáõÙ ÷á÷áËíáÕ å³ïÏ»ñÝ»ñ: ÜáõÛÝÁ ϳñ»ÉÇ ¿ ³ë»É Ó³ÛݳÛÇÝ ý³ÛÉ»ñÇ í»ñ³µ»ñÛ³É, áñáÝù Çñ»ÝóÇó Ý»ñϳ۳óÝáõÙ »Ý µ³ñÓñ ѳ׳˳ϳÝáõÃÛ³Ùµ Ó³ÛݳñÏíáÕ Ñ³½³ñ³íáñ “ÑÝãÛáõݳÏïáñÝ»ñ” (ë³Ù÷ÉÝ»ñª ³Ý·É»ñ»Ý sample µ³éÇó), Áݹ áñáõÙ` ÑÝãáÕáõÃÛ³Ý áñ³ÏÁ ϳËí³Í ¿ í»ñ³ñï³¹ñáõÃÛ³Ý Ñ³×³Ë³Ï³ÝáõÃÛáõÝÇó ¨ “ë³Ù÷ÉÝ»ñÇ” ϳéáõóí³ÍùÇó: гٳϳñ·ã³ÛÇÝ Ó¨³ã³÷Ç µ»ñí³Í ï»ë³- ϳ٠ӳÛݳ·ñáõÃÛáõÝÝ»ñÁ ÏáãíáõÙ »Ý Ãí³ÛÇÝ: ܳËù³Ý ÙáõÉïÇÙ»¹Ç³ÛÇ ï³ññ»ñÁ web-¿çáõÙ û·ï³·áñÍ»ÉÁ ѳñϳíáñ ¿ å³ñ½³µ³Ý»É »ñ»ù ÑÇÙÝ³Ï³Ý Ñ³ñó»ñª ²ÝÑñ³Å»±ßï ¿ ³ñ¹Ûáù ¹ñ³Ýù û·ï³·áñÍ»É: ƱÝã ïÇåÇ ý³ÛÉ»ñ û·ï³·áñÍ»É` ³Ûó»ÉáõÝ»ñÇ áõß³¹ñáõÃÛ³ÝÝ ³ñųݳݳÉáõ ѳٳñ: ÆÝãåÇëDZ »Õ³Ý³Ï ÁÝïñ»É ÙáõÉïÇÙ»¹Ç³ÛÇ í»ñ³ñï³¹ñáõÃÛ³Ý Ñ³Ù³ñ: ²ÛëÇÝùݪ û·ï³·áñÍ»É ûųݹ³Ï ѳí»Éí³ÍÝ»±ñ, Ý»ñ¹Ý»±É ÙáõÉïÇÙ»¹Ç³ÛÇ ¿É»Ù»ÝïÝ»ñÁ ¿çáõÙ, û± ÃáÕÝ»É ³Û¹ ³Ù»ÝÁ µñ³áõ½»ñÇ “ËÕ×ÇÝ”: ÆÝï»ñÝ»ïáõÙ û·ï³·áñÍíáõÙ »Ý 20-Çó ³í»ÉÇ ï»ë³ÏÇ ÙáõÉïÇÙ»¹Ç³ ý³ÛÉ»ñ, áñáÝóÇó ÙÇ ù³ÝÇëÁ (ÁݹɳÛÝáõÙÝ»ñáí) µ»ñí³Í »Ý ³ÕÛáõë³Ï 2.4.2-áõÙ: Üß»Ýù, áñ QuickTime ¨ RealMedia Ó¨³-ã³÷»ñÁ Çñ»ÝóÇó Ý»ñϳ۳óÝáõÙ »Ý ïíÛ³ÉÝ»ñÇ Ñáëù»ñ: ¸³ Ý߳ݳÏáõÙ ¿, áñ ï»ë³·ñáõÃÛáõÝÁ ϳ٠ӳÛÝÁ ëÏëáõÙ ¿ óáõó³¹ñí»É (ϳ٠ӳÛݳñÏí»É) û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãáõÙ ý³ÛÉÇ µ»éÝÙ³Ý ÁÝóóùáõÙ, ³ÛÉ áã û ³ÛÝ Å³Ù³Ý³Ï, »ñµ ý³ÛÉÁ µ»éÝí»É ¿ ÉÇáíÇÝ: Àݹ áñáõÙ, ³Û¹ Ó¨³ã³÷»ñÁ ϳñáÕ »Ý û·ï³·áñÍí»É ݳ¨ ½áõï áñå»ë Ó³ÛݳÛÇÝ: ²ÕÛáõë³Ï 2.4.2 ØáõÉïÇÙ»¹Ç³ ý³ÛÉ»ñÇ Ó¨³ã³÷»ñÁ 45
ü³ÛÉÇ Ó¨³ã³÷Á Windows sound MPEG/MP3 audio MIDI audio RealMedia MPEG video QuickTime Microsoft Media Macromedia Shockwave Flash
ü³ÛÉÇ ï»ë³ÏÁ Âí³ÛÇÝ ³áõ¹Çá Âí³ÛÇÝ ³áõ¹Çá Ò³ÛÝÇ Õ»Ï³í³ñÙ³Ý Ññ³Ù³ÝÝ»ñ ²áõ¹Çá/íǹ»á Ñáëù Âí³ÛÇÝ íǹ»á Âí³ÛÇÝ íǹ»á Âí³ÛÇÝ íǹ»á ²ÝÇÙ³ódz
ÀݹɳÛÝáõÙÁ .wav .mpg / mp3 .mid, .midi .ra, .rm, .ram .mpg, ,mpeg .mov, .qt .avi, .swf
´ñ³áõ½»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ë³ï³ñáõÙ ¿ ë³Ñٳݳ÷³Ï Ãíáí Ó¨³ã³÷»ñ: ÀݹѳÝáõñ ¹»åùáõÙ ëáíáñ³Ï³Ý µñ³áõ½»ñÁ ϳñáÕ ¿ ³ñï³å³ïÏ»ñ»É HTML ÷³ëï³ÃÕûñ, ëáíáñ³Ï³Ý ï»ùëï ¨ ³é³í»É ï³ñ³Íí³Í ·ñ³ýÇÏ³Ï³Ý Ó¨³ã³÷»ñÇ ý³ÛÉ»ñ: àñáß µñ³áõ½»ñÝ»ñ ϳñáÕ³ÝáõÙ »Ý ѳë³Ý»ÉÇáõÃÛáõÝ ëï³Ý³É Ñ»é³óí³Í ÆÝï»ñÝ»ï-ë»ñí»ñÝ»ñáõÙ ·ñ³Ýóí³Í ÇÝýáñÙ³ódzÛÇÝ ¨ Ý»ñÙáõÍ»É áõ ³ñï³å³ïÏ»ñ»É ³Ûݪ û·ï³·áñÍ»Éáí FTP ϳ٠Usenet ³ñӳݳ·ñáõÃÛáõÝÝ»ñÁ: ¶áÛáõÃÛáõÝ áõÝ»Ý µñ³áõ½»ñÝ»ñ, áñáÝù ϳñáÕ »Ý Ó³ÛݳñÏ»É WAV Ó¨³ã³÷Ç Ó³ÛݳÛÇÝ ý³ÛÉ»ñ: ê³Ï³ÛÝ ÁݹѳÝáõñ ¹»åùáõÙ ÙáõÉïÇÙ»¹Ç³Ý ÁÝϳɻÉáõ Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ µñ³áõ½»ñÝ»ñáõÙ Ý»ñϳéáõóí³Í ã»Ý: ØáõÉïÇÙ»¹Ç³ÛÇ í»ñͳÝÙ³Ý ·áñͳéáõÛÃÝ»ñÁ ϳï³ñíáõÙ »Ý ûųݹ³Ï ѳí»Éí³ÍÝ»ñÇ (accessories) ϳ٠ѳïáõÏ ·ñ³¹³ñ³ÝÝ»ñÇ (³Ûëå»ë Ïáãí³Í` åɳ·ÇÝÝ»ñÇ` plugins) ÙÇçáóáí: úųݹ³Ï ѳí»Éí³ÍÁ Íñ³·Çñ ¿, áñÁ ëÏëáõÙ ¿ ³ß˳ï»É ÇÝùݳµ»ñ³µ³ñ, »ñµ ³ÝÑñ³Å»ßï ¿ í»ñÍ³Ý»É Çñ Ñ»ï ϳåí³Í ³Ûë ϳ٠³ÛÝ ï»ë³ÏÇ ý³ÛÉÁ: ²Û¹ ¹»åùáõÙ ÁݹáõÝí³Í ¿ ³ë»É, áñ ÙáõÉïÇÙ»¹Ç³ ý³ÛÉÁ ϳå³ÏóíáõÙ ¿ web-¿çÇ Ñ»ï “ÑÇå»ñÙ»¹Ç³ ÑÕáõÙáí”, ³ÛÉ áã û “ÑÇå»ñÑÕáõÙáí”: äɳ·ÇÝÝ»ñÁ Íñ³·ñ³ÛÇÝ áã Ù»Í ý³ÛÉ»ñ »Ý, áñáÝù ëáíáñ³µ³ñ ï»Õ³¹ñíáõÙ »Ý Ïáßï ëϳí³é³ÏÇ íñ³ÛÇ Ñ³ïáõÏ »Ýóϳñ·³ó³ÝÏáõÙ, Áݹ áñáõÙ` ¹ñ³Ýù ³ÏïÇí³ÝáõÙ »Ý µñ³áõ½»ñÇ µ»éÝÙ³Ý Å³Ù³Ý³Ï: äɳ·ÇÝÝ»ñÁ ³ÝÙÇç³Ï³Ýáñ»Ý ѳٳ·áñͳÏóáõÙ »Ý µñ³áõ½»ñÇ Ñ»ï` ÙáõÉïÇÙ»¹Ç³Ý ¹Çï»Éáõ ¨/ϳ٠Éë»Éáõ ѳٳñ, Áݹ áñáõÙ` ³Û¹ ³Ù»ÝÁ ϳï³ñíáõÙ ¿ ÙǨÝáõÛÝ å³ïáõѳÝáõÙ: ØáõÉïÇÙ»¹Ç³ÛÇ ï³ññÁ ÁÝϳÉíáõÙ ¿ áñå»ë ¿çÇ ÙÇ Ù³ë, ¨ ³Û¹ å³ï׳éáí ËáëùÁ ³ñ¹»Ý áã û ϳå³ÏóÙ³Ý, ³ÛÉ Ý»ñ¹ñÙ³Ý Ù³ëÇÝ ¿: Ü»ñ¹ñíáÕ Ó¨³ã³÷»ñÇó ϳñ»ÉÇ ¿ Ýᯐ QuickTime, RealMedia, Windows Media ¨ Macxromedia Shockwave Flash-Á: ÆëÏ Ï³å³ÏóíáÕÝ»ñÇó, ûñÇݳϪ MP3 Ó¨³ã³÷Ç ý³ÛÉ»ñÁ, áñáÝù ·áñͳñÏ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿, ûñÇݳÏ` Windows Media Player ûųݹ³Ï ѳí»Éí³ÍÁ: γÛùÇ Ó¨³íáñÙ³Ý (¹Ç½³ÛÝÇ) ï»ë³Ï»ïÇó ϳå³ÏóÙ³Ý Ï³Ù Ý»ñ¹ñÙ³Ý Ñ³ñóÝ áõÝÇ ³ÛÉ µáí³Ý¹³ÏáõÃÛáõÝ: ²ÝÑñ³Å»ßï ¿ áñáß»É Ã» ÇÝãåÇëDZ ï»ëùáí å»ïù ¿ Ý»ñϳ۳óÝ»É ÙáõÉïÇÙ»¹Ç³ÛÇ ï³ññÁª áñå»ë ¿çÇ Ù³ë, û` ³é³ÝÓÇÝ ý³ÛÉ: ºÃ» ѳٳå³ï³ëË³Ý “åɳ·ÇÝÁ” ³éϳ ¿, ¨ ý³ÛÉÁ ѻﳷ³ÛáõÙ ãÇ Ý³Ë³ï»ëíáõÙ û·ï³·áñÍ»É, ³å³ ³í»ÉÇ Ñ³ñÙ³ñ ¿ Ý»ñ¹Ý»É ³ÛÝ ¿çáõÙ: ÆëÏ »Ã» ý³ÛÉÁ å»ïù ¿ ѻﳷ³ÛáõÙ û·ï³·áñÍíÇ Ý³¨ ÙÛáõë ¿ç»ñáõÙ, ³å³ ÇѳñÏ» ݳËÁÝïñ»ÉÇ ¿ ³ÛÝ Ï³å³Ïó»É ¨ ·áñͳñÏ»Éáõ ѳٳñ ³Ù»Ý ³Ý·³Ù û·ï³·áñÍ»É Ñ³Ù³å³ï³ëË³Ý ûųݹ³Ï ѳí»Éí³ÍÁ: ²ÛÅÙ ùÝݳñÏ»Ýù web-¿ç»ñÇ ¨ ÙáõÉïÇÙ»¹Ç³ÛÇ ¿É»Ù»ÝïÝ»ñÇ Ñ³Ù³ï»ÕÙ³Ý »ñÏáõ Ùáï»óáõÙÝ»ñǪ Ý»ñ¹ñÙ³Ý ¨ ϳå³ÏóÙ³Ý ÏÇñ³éáõÃÛáõÝÁ: ØáõÉïÇÙ»¹Ç³ÛÇ ¿É»Ù»ÝïÝ»ñÇ Ï³å³ÏóÙ³Ý Ñ³Ù³ñ, ÇÝãå»ë ³ëí»ó, û·ï³·áñÍíáõÙ »Ý ÑÇå»ñÙ»¹Ç³ ÑÕáõÙÝ»ñÁ, áñáÝù ùÇã »Ý ï³ñµ»ñíáõÙ ëáíáñ³Ï³Ý ÑÇå»ñÑÕáõÙÝ»ñÇó: ê³Ï³ÛÝ ·áÛáõÃÛáõÝ áõÝÇ Ù»Ï ¿³Ï³Ý ï³ñµ»ñáõÃÛáõݪ ÑÕáõÙÁ ϳï³ñíáõÙ ¿ áã û ÷³ëï³ÃÕÃÇÝ, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ, ³ÛÉ áñáß³ÏÇ ý³ÛÉÇÝ: ´ñ³áõ½»ñÁ å³ñ½áõÙ ¿ ý³ÛÉÇ ï»ë³ÏÁ ¨ µ»éÝáõÙ ¿ ѳٳå³ï³ëË³Ý ûųݹ³Ï ѳí»Éí³ÍÁ, áñÝ ¿É óáõó³¹ñáõÙ ¿ ÙáõÉïÇÙ»¹Ç³ ¿É»Ù»ÝïÁ ѳٳå³ï³ëË³Ý ï»ëùáí: ´»ñ»Ýù MP3 Ó¨³ã³÷Ç ý³ÛÉÇÝ ÑÇå»ñÙ»¹Ç³ ÑÕáõÙÇ ûñÇݳϪ <a href=”media/greetengs.mp3”>êÇñ»ÉÇ ³é³çÝáñ¹Ç ³Ù³ÝáñÛ³ ßÝáñѳíáñ³ÝùÝ»ñÁ (1.2 Mb)</a>: ºñµ û·ïíáÕÁ ë»ÕÙ³ÝßáõÙ ¿ ÑÕáõÙÁ, ý³ÛÉÁ µ»éÝíáõÙ ¿ ѳٳϳñ·ãÇ Ïáßï ëϳí³é³ÏÇ íñ³: ºÃ» µñ³áõ½»ñÁ ãÇ Ï³ñáÕ³ÝáõÙ ·ïÝ»É Ñ³Ù³å³ï³ëË³Ý Ó¨³ã³÷Á ëå³ë³ñÏáÕ ûųݹ³Ï ѳí»Éí³Í, ³å³ ϳñ»ÉÇ ¿ å³ñ½³å»ë å³Ñå³Ý»É ³Û¹ ý³ÛÉÁ ÑÇßáÕáõÃÛáõÝáõÙ` ѻﳷ³ û·ï³·áñÍÙ³Ý Ýå³ï³Ïáí: ØáõÉïÇÙ»¹Ç³ÛÇ ï³ññ»ñÇ Ý»ñ¹ñáõÙÁ ¿çáõÙ ÝÙ³Ý ¿ <img /> ï»·Ç û·ï³·áñÍÙ³ÝÁ: ÀݹѳÝáõñ ¹»åùáõÙ Ý»ñ¹ñáõÙÁ Ý߳ݳÏáõÙ ¿, áñ ¿çáõÙ ï»Õ ¿ ѳïϳóíáõÙ ÙdzóíáÕ ï³ññÇ Ñ³Ù³ñª ѻﳷ³ÛáõÙ 46
“åɳ·ÇÝÇ” ÙÇçáóáí ³ÛÝ Ù߳ϻÉáõ Ýå³ï³Ïáí: ÆëÏ ÇÝãå»±ë ¿ Çñ³Ï³Ý³óíáõÙ ³Û¹ “ϳ˳ñ¹³Ï³Ý” Ý»ñ¹ñáõÙÁ: ØÇÝã ³ÛÅÙ ¹ñ³ ѳٳñ û·ï³·áñÍíáõÙ ¿ñ ɳÛÝ ÏÇñ³éáõÃÛáõÝ ëï³ó³Í “<embed>, </embed>” ï»·-ÏáÝï»ÛÝ»ñÁ: î»·Ç å³ñï³¹Çñ µÝáõó·ñÇãÝ ¿ ·áñͳñÏíáÕ Ù»¹Ç³ ý³ÛÉÇ URL ѳëó»Ý: úñÇݳϪ <embed src=”mymovie.mov”></embed>: Ødzݷ³Ù³ÛÝ ³ÏÝѳÛï ¿, áñ óáõó³¹ñíáÕ Ù»¹Ç³ÛÇ (ýÇÉÙ»ñ, ï»ë³ÑáÉáí³ÏÝ»ñ, flash-ý³ÛÉ»ñ ¨ ³ÛÉÝ) ѳٳñ å»ïù ¿ ݳ¨ ݳ˳ï»ë»É óáõó³¹ñÙ³Ý å³ïáõѳÝÇ ã³÷ë»ñÁª ɳÛÝáõÃÛáõÝÁ (width) ¨ µ³ñÓñáõÃÛáõÝÁ (height): â³÷³½³Ýó û·ï³Ï³ñ ¿ ݳ¨ pluginspace µÝáõó·ñÇãÁ, áñÁ û·ÝáõÙ ¿ µñ³áõ½»ñÇÝ ·ïÝ»Éáõ ó³ÝóáõÙ ³ÝÑñ³Å»ßï “åɳ·ÇÝÁ”, »Ã» ³ÛÝ µ³ó³Ï³ÛáõÙ ¿ û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãáõÙ: ´³óÇ ³Û¹, ß³ï ¹»åù»ñáõÙ <embed> ï»·áõÙ Áݹ·ñÏíáõÙ ¿ ¹ñ³ ³ÝáõÝÁ µÝáñáßáÕ µÝáõó·ñÇãÁ (name), áñÁ û·ï³Ï³ñ ¿ ëó»Ý³ñÝ»ñáõÙ û·ï³·áñÍ»Éáõ ¹»åùáõÙ: úñÇݳϪ <embed name=”movie1” src=”movie1.mov” width=”100” height=”60” pluginspace=”http://www.apple.com/quicktime/download/”></embed> ²é³í»É Ñ»ï³ùñùÇñ ¿ href µÝáõó·ñÇãÇ ÏÇñ³éáõÃÛáõÝÁ: ²ÛÝ ÃáõÛÉ ¿ ï³ÉÇë µ»éÝ»É ¨ ëϽµáõÙ áã Ù»Í å³ïáõѳÝáõÙ óáõó³¹ñ»É ÙdzÛÝ ÷áùñ³Í³í³É, Ñ³×³Ë ÙÇçÇÝ áñ³ÏÇ óáõó³¹ñ³Ï³Ý ý³ÛÉÁ (ÇѳñÏ», ³ÛÝ å»ïù ¿ ݳ˳å»ë å³ïñ³ëïíÇ): ºÃ» û·ïíáÕÁ ó³ÝϳÝáõÙ ¿ ¹Çï³ñÏ»É ý³ÛÉÁ ÉÇáíÇÝ ¨ µÝ³ïáõñ áñ³Ïáí, ³å³ ϳñáÕ ¿ û·ïí»É Ý»ñ¹ñí³Í íǹ»áÛÇ å³ïáõѳÝÇó ÇÝãå»ë ÑÇå»ñÑÕáõÙÇó ¨ ³ÝóÝ»É href µÝáõó·ñÇãáõÙ ·ñ³Ýóí³Í ѳëó»áí ·ïÝíáÕ ý³ÛÉÇ ¹Çï³ñÏÙ³ÝÁ: ºÃ», ûñÇݳÏ, <embed> ï»·Á ·ñ³ÝóíÇ Ñ»ï¨Û³É Ï»ñåª <embed src=”fastmovie.mov” autoplay=”true” autoplay=”true” controller=”false” href=”fullmovie.mov” ></embed>, ³å³ ëϽµáõ٠ϵ»éÝíÇ ¨ ³ÝÙÇç³å»ë (ù³ÝÇ áñ autoplay=”true”) Ïóáõó³¹ñíÇ ”fastmovie.mov” óáõó³¹ñ³Ï³Ý ý³ÛÉÁ, áñÇ å³ïáõѳÝÁ ϳñï³å³ïÏ»ñíÇ ÑÇå»ñÑÕáõÙÇ ï»ëùáí: ²ÛÅÙ Ýáñٳɪ ”fullmovie.mov” ý³ÛÉÁ Ïóáõó³¹ñíÇ ÙdzÛÝ ³ÛÝ ¹»åùáõÙ, »ñµ ³Ûó»ÉáõÝ ÙÏÝÇÏáí ë»ÕÙ³ÝßÇ ³Û¹ ÑÇå»ñÑÕáõÙÇÝ: ê³Ï³ÛÝ “åɳ·ÇÝÝ»ñÇ” Ñ»ï ³ß˳ï»Éáõ ٻ˳ÝǽÙÁ ï»Õ ãÇ ·ï»É XML ëï³Ý¹³ñïáõÙ (ÝáõÛÝÇëÏ XHTML-Ç ËÇëï ï³ñµ»ñ³ÏáõÙ): ºí »Ã» Ù»¹Ç³ÛÇ Ý»ñ¹ñÙ³Ý Ñ³Ù³ñ ÷³ëï³ÃÕÃáõÙ û·ï³·áñÍíáõÙ ¿ ÙdzÛÝ <embed> ï»·Á, ³ÝÑñ³Å»ßï ¿ å³ñï³¹Çñ Ýᯐ ¹ñ³ DTD-Ý (·áÝ» áñå»ë XHTML-Ç ³ÝóáõÙ³ÛÇÝ í³ñϳÍ): Internet Explorer 5.5 ¨ ¹ñ³Ý ѳçáñ¹áÕ í³ñϳÍÝ»ñÁ ã»Ý ë³ï³ñáõÙ <embed>-Á` ëïÇå»Éáí Ñ»ÕÇݳÏÝ»ñÇÝ ÏÇñ³é»É ÙÇ ³Ûɪ ëï³Ý¹³ñïÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ <object>…<object> ï»·Á ϳÙ, ÝáõÛÝÇëÏ, Microsoft ýÇñÙ³ÛÇ ë»÷³Ï³Ý` ActiveX ï»ËÝáÉá·Ç³Ý: ²Û¹ ÑÇÙݳËݹÇñÁ ÉáõÍ»Éáõ ѳٳñ “Apple” ýÇñÙ³Ý ³é³ç³ñÏ»É ¿ »ñÏáõ ï»·»ñÇ Ñ³Ù³ï»Õ ÏÇñ³éáõÃÛáõÝÁª <embed> ï»·Á ·ñ³ÝóíáõÙ ¿ <object> ï»·Ç Ý»ñëáõÙ, ¨ ÑÇÝ µñ³áõ½»ñÝ»ñÁ, ³Ýï»ë»Éáí <object>-Á, Ïû·ïí»Ý <embed>-Çó, ÇëÏ Ýáñ»ñÁ ϳÝï»ë»Ý <embed>-Á ¨ Ïû·ïí»Ý <object> ï»·Çó: ´»ñ»Ýù QuickTime Ó¨³ã³÷Ç ï»ë³ý³ÛÉÇ Ý»ñ¹ñÙ³Ý ûñÇݳÏ: <object classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” width=”300” height=”220” codebase=”"http://www.apple.com/qtacti vex/qtplugin.cab"> <param name="src" value="moviel.mov" /> <param name="autoplay" value="true" /> <param name="controller" value="false" /> <embed src="movie.mov" width="320" height="240" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object>: ÆÝãå»ë ï»ëÝáõÙ »Ýù, <object> ï»·Á ÝáõÛÝå»ë áõÝÇ µÝáõó·ñÇãÝ»ñ, áñáÝóÇó width ¨ height µÝáõó·ñÇãÝ»ñÇ Ý߳ݳÏáõÙÁ Ù»½ ³ñ¹»Ý ѳÛïÝÇ ¿: classid (class identifier) µÝáõó·ñÇãÇ ³ñÅ»ùÁ “åɳ·ÇÝÇ” ϳ٠ActiveX ûµÛ»ÏïÇ ÁݹáõÝí³Í ǹ»ÝïÇýÇϳïáñÝ ¿: codebase µÝáõó·ñÇãÁ ÃáõÛÉ ¿ ï³ÉÇë ÇÝùݳµ»ñ³µ³ñ Éñ³óÝ»É Íñ³·ñ³ÛÇÝ ï³ññ»ñÇ å³Ï³ëÁ ó³ÝóÇó ³ÛÝ ¹»åùáõÙ, »ñµ í»ñçÇÝÝ»ñÁ µ³ó³Ï³ÛáõÙ »Ý û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãáõÙ: ØáõÉïÇÙ»¹Ç³ÛÇ Ó³ÛݳñÏáõÙÁ ϳ٠¹Çï³ñÏáõÙÁ ϳñ·³íáñáÕ µáÉáñ ÙÛáõë µÝáõó·ñÇãÝ»ñÇÝ ³ñÅ»ùÝ»ñÁ ßÝáñÑíáõÙ »Ý ÙÇçÝáñ¹í³Í »Õ³Ý³Ïáíª Ñ³ïáõÏ Ý»ñ¹ñí³Í »½³ÏÇ <param /> ï»·»ñÇ ÙÇçáóáí (ѳٻٳïáõÃÛ³Ý Ñ³Ù³ñª <embed> ï»·áõÙ ¹³ ϳï³ñíáõÙ ¿ ³ÝÙÇç³å»ë ï»·Á µ³óáÕ 47
µ³Õ³¹ñÇãÇ Ý»ñùá): Úáõñ³ù³ÝãÛáõñ ³Û¹åÇëÇ ï»·Ç name µÝáõó·ñÇãáõÙ ÝßíáõÙ ¿ ϳñ·³íáñáÕ ¿É»Ù»ÝïÇ ³ÝáõÝÁ, ÇëÏ value-áõÙ` ³Û¹ ¿É»Ù»ÝïÇ Ï³ñ·³íáñíáÕ íÇ׳ÏÇ ³ñÅ»ùÁ: ÆÝãå»ë ï»ëÝáõÙ »Ýù, µ»ñí³Í ûñÇݳÏáõÙ ÑÇÝ µñ³áõ½»ñÝ»ñÁ “ãݻճóÝ»Éáõ” ¨ “Apple” ýÇñÙ³ÛÇ ËáñÑñ¹ÇÝ Ñ»ï¨»Éáõ Ýå³ï³Ïáí <object> ï»·áõÙ Ý»ñ¹ñí³Í ¿ ݳ¨ <embed> ï»·Á:
¢ 2.5. Web-¿ç»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ó¨³íáñáõÙÁ 2.5.1. ²ÕÛáõë³ÏÝ»ñÇ Ï³éáõóÙ³Ý ÑÇÙáõÝùÝ»ñÁ Ø»½ ³ñ¹»Ý ѳÛïÝÇ »Ý (ï»ëª ¢ 2.2.) web-¿ç»ñáõÙ ï»ùëïÇ ïñ³Ù³µ³Ý³Ï³Ý ϳ½Ù³Ï»ñåÙ³Ý ³ÛÝåÇëÇ ÙÇçáóÝ»ñ, ÇÝãåÇëÇù »Ý, ûñÇݳÏ, å³ñµ»ñáõÃÛáõÝÝ»ñÁ ¨ óáõó³ÏÝ»ñÁ: îñ³Ù³µ³Ý³Ï³Ý ϳ½Ù³Ï»ñåÙ³Ý Ù»Ï ³ÛÉ` ³í»ÉÇ Ñ½áñ ÙÇçáóÝ»ñ »Ý ³ÕÛáõë³ÏÝ»ñÁ, áñáÝù û·ï³·áñÍíáõÙ »Ý ¿ç»ñÁ ëÛáõݳÏÝ»ñÇ ¨ ïáÕ»ñÇ µ³Å³Ý»Éáõ Ýå³ï³Ïáí: ²ÕÛáõë³ÏÝ»ñÇ û·ÝáõÃÛ³Ùµ ϳñ»ÉÇ ¿ ³í»ÉÇ Ñ³ñÙ³ñ ¨ ³Ïݳéáõ ï»Õ³µ³ßË»É ïíÛ³ÉÝ»ñÁ, ï»ùëïÁ, ÑÕáõÙÝ»ñÁ ¨, ÝáõÛÝÇëÏ, å³ïÏ»ñÝ»ñÁ: ò³Ýϳó³Í ³ÕÛáõë³Ï HTML-áõÙ å³ñ÷³ÏíáõÙ ¿ <table>… </table> ½áõÛ· ï»·Ç Ý»ñùá: î»·Ç µ³óáÕ ¨ ÷³ÏáÕ ï³ññ»ñÇ ÙÇç¨ ï»Õ³µ³ßËíáõÙ »Ý ³ÕÛáõë³ÏÇ ïáÕ»ñÁ, áñáÝù ë³ÑÙ³ÝíáõÙ »Ý <tr>…</tr> (table row - ³ÕÛáõë³ÏÇ ïáÕ) ÏáÝï»ÛÝ»ñÝ»ñÇ ÙÇçáóáí: Úáõñ³ù³ÝãÛáõñ ïáÕáõÙ Áݹ·ñÏíáõÙ ¿ ³ÛÝù³Ý í³Ý¹³Ï, ÇÝãù³Ý ëÛáõÝ³Ï ¿ ݳ˳ï»ëí³Í ïíÛ³É ³ÕÛáõë³ÏáõÙ: ì³Ý¹³ÏÝ»ñÁ ³ÕÛáõë³ÏÇ ÷áùñ³·áõÛÝ Ï³½Ù³íáñáÕ ÙdzíáñÝ»ñÝ »Ý, áñáÝó Ù»ç ¿É ·ñ³ÝóíáõÙ »Ý µáÉáñ ïíÛ³ÉÝ»ñÁ: ì³Ý¹³ÏÝ»ñÁ áñáßíáõÙ »Ý <td>…</td> (table division) ï»·Ç ÙÇçáóáí: ²ÕÛáõë³ÏÁ ϳñáÕ ¿ áõÝ»Ý³É ³Ýí³ÝáõÙ, áñÁ ·ñ³ÝóíáõÙ ¿ <caption>… </caption> ï»·áõÙ` <table>-Ç µ³óáÕ ï³ññÇó ³ÝÙÇç³å»ë Ñ»ïá: ´ñ³áõ½»ñáõÙ ³ÛÝ ³ñï³å³ïÏ»ñíáõÙ ¿ ³ÕÛáõë³ÏÇó í»ñ: ò³ÝÏáõÃÛ³Ý ¹»åùáõÙ ³Ýí³ÝáõÙÁ ϳñ»ÉÇ ¿ ·ñ³Ýó»É ³ÕÛáõë³ÏÇ ï³Ï` ßÝáñÑ»Éáí ï»·Ç align ³ïñǵáõïÇÝ bottom ³ñÅ»ùÁ: Úáõñ³ù³ÝãÛáõñ ëÛáõݳÏÇ Ñ³Ù³ñ ϳñ»ÉÇ ¿ ÁÝïñ»É í»ñݳ·Çñª ·Í³Ýß»Éáí ³é³çÇÝ ïáÕÇ í³Ý¹³ÏÝ»ñÁ <th>… </th> (table header) ï»·Ç ÙÇçáóáí: ²ÛÝ ï³ñµ»ñíáõÙ ¿ <td>-Çó ÙdzÛÝ Ýñ³Ýáí, áñ ï»ùëïÁ ·ñ³ÝóíáõÙ ¿ ³í»ÉÇ Ã³í ï³é³ÝÇß»ñáí (ï»ëª å³ïÏ»ñ 2.5.1): ²ÕÛáõë³Ï ëï»ÕÍ»ÉÇë ³ÝÑñ³Å»ßï ¿ ÑÇß»É, áñ µáÉáñ ïáÕ»ñÇ ëÛáõݳÏÝ»ñÇ ù³Ý³ÏÁ å»ïù ¿ ѳٳå³ï³ë˳ÝÇ ³é³çÇÝ ïáÕÇ ëÛáõݳÏÝ»ñÇ ù³Ý³ÏÇÝ: úñÇݳÏ, »Ã» ³é³çÇÝ ïáÕáõÙ ·ñ³Ýóí³Í ¿ »ñ»ù <th> ϳ٠<td> (»ñ»ù í³Ý¹³Ï), ³å³ ÙÛáõë µáÉáñ ïáÕ»ñáõÙ í³Ý¹³ÏÝ»ñÇ ù³Ý³ÏÁ å»ïù ¿ ѳí³ë³ñ ÉÇÝÇ »ñ»ùÇ: ÆѳñÏ», Ï³Ý Ý³¨ ÙÇçáóÝ»ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ ³ñÑ»ëï³Ï³Ýáñ»Ý Ùdzíáñ»É í³Ý¹³ÏÝ»ñÁ (¹ñ³Ýó Ù»Ýù ¹»é ϳݹñ³¹³éݳÝù): <table> ï»·Ý áõÝÇ µ³½Ù³ÃÇí µÝáõó·ñÇãÝ»ñ, áñáÝóÇó ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕÁ border-Ý ¿, áñÇ ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ ³ÕÛáõë³ÏÇ ³ñï³ùÇÝ ßñç³Ý³ÏÇ ¨ µáÉáñ Ý»ñùÇݪ í³Ý¹³ÏÝ»ñÁ µ³Å³ÝáÕ, ·Í»ñÇ Ñ³ëïáõÃÛáõÝÁ (Áëï Éé»ÉÛ³ÛÝ ³ÛÝ Ñ³í³ë³ñ ¿ 0-Ç): úñÇݳÏ, »Ã» ·ñ³Ýó»Ýù border = “1”, ³å³ µáÉáñ Ýßí³Í ·Í»ñÇ Ñ³ëïáõÃÛáõÝÁ Ïϳ½ÙÇ 1 åÇùë»É: γñ¨áñ Ý߳ݳÏáõÃÛáõÝ áõÝÇ Ý³¨ cellspacing µÝáõó·ñÇãÁ, áñÇ ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ ï³ñ³ÍáõÃÛáõÝÁ í³Ý¹³ÏÝ»ñÇ ÙÇç¨ (Áëï Éé»ÉÛ³ÛÝ ³ÛÝ Ñ³í³ë³ñ ¿ »ñÏáõëÇ): ºÃ» µÝáõó·ñÇãÇ ³ñÅ»ùÁ ½ñá ã¿, ³å³ ëï»ÕÍíáõÙ ¿ ³ÛÝåÇëÇ ïå³íáñáõÃÛáõÝ, áñ Ûáõñ³ù³ÝãÛáõñ í³Ý¹³Ï í»ñóí³Í ¿ ³é³ÝÓÇÝ ßñç³Ý³ÏÇ Ù»ç: ä³ïÏ»ñ 2.5.1-áõÙ µ»ñí³Í »Ý í»ñÁ Ýßí³Í µÝáõó·ñÇãÝ»ñÇ ï³ñµ»ñ ³ñÅ»ùÝ»ñ áõÝ»óáÕ »ñÏáõ ³ÕÛáõë³ÏÝ»ñÇ ûñÇݳÏÝ»ñ: гٳå³ï³ëË³Ý Íñ³·ñ³ÛÇÝ Ïá¹Á Ñ»ï¨Û³ÉÝ ¿ª <table border="1"><caption><b>²Ûë ³ÕÛáõë³ÏÇ ÙÇçí³Ý¹³Ï³ÛÇÝ ï³ñ³ÍáõÃÛáõÝÁ 2 ¿ (Áëï Éé»ÉÛ³ÛÝ)</b></caption> <tr><th>êÛáõÝ³Ï 1.</th><th> êÛáõÝ³Ï 2.</th> <th> êÛáõÝ³Ï 3. </th> </tr> <tr><td>ì³Ý¹³Ï 1-1</td><td> ì³Ý¹³Ï 1-2</td><td> ì³Ý¹³Ï 1-3</td></tr> <tr><td> ì³Ý¹³Ï 2-1</td><td> ì³Ý¹³Ï 2-2</td><td> ì³Ý¹³Ï 2-3</td></tr> <tr><td> ì³Ý¹³Ï 3-1</td><td> ì³Ý¹³Ï 3-2</td><td> ì³Ý¹³Ï 3-3</td></tr> </table> <table border="1" cellspacing="0"> <caption><b>ÆëÏ ³Ûë ³ÕÛáõë³ÏÇ ÙÇçí³Ý¹³Ï³ÛÇÝ ï³ñ³ÍáõÃÛáõÝÁ ½ñá ¿</b></caption> <tr><th>êÛáõÝ³Ï 1.</th><th> êÛáõÝ³Ï 2.</th> <th> êÛáõÝ³Ï 3.</th> </tr> <tr><td>ì³Ý¹³Ï 1-1</td><td> ì³Ý¹³Ï 1-2</td><td> ì³Ý¹³Ï 1-3</td></tr> <tr><td> ì³Ý¹³Ï 2-1</td><td> ì³Ý¹³Ï 2-2</td><td> ì³Ý¹³Ï 2-3</td></tr> <tr><td> ì³Ý¹³Ï 3-1</td><td> ì³Ý¹³Ï 3-2</td><td> ì³Ý¹³Ï 3-3</td> 48
</tr> </table>
ä³ïÏ»ñ 2.5.1. ²ÕÛáõë³ÏÝ»ñÇ ûñÇݳÏÝ»ñ îáÕ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ ѳí³ë³ñ»óÝ»Éáõ ѳٳñ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É »ñÏáõ ³ïñǵáõïÝ»ñª align (ÑáñǽáݳϳÝ) ¨ valign (áõÕճѳ۳ó): ºÃ» ³Û¹ ³ïñǵáõïÝ»ñÇÝ ³ñÅ»ùÝ»ñÁ ïñí»Ý <tr> ï»·áõÙ, ³å³ ѳí³ë³ñ»óáõÙÁ Ïí»ñ³µ»ñíÇ ïíÛ³É ïáÕÇ µáÉáñ í³Ý¹³ÏÝ»ñÇÝ: ÐáñǽáÝ³Ï³Ý Ñ³í³ë³ñ»óáõÙÁ ϳñ»ÉÇ ¿ ϳï³ñ»É ïáÕÇ í³Ý¹³ÏÝ»ñÇ Ó³Ë (align=”left”, Áëï Éé»ÉÛ³ÛÝ) ¨ ³ç (align=”right”) ë³ÑÙ³ÝÝ»ñáí, ÇÝãå»ë ݳ¨ Ï»ÝïñáÝáí (align=”center”): àõÕճѳ۳ó ѳí³ë³ñ»óáõÙÁ ϳï³ñíáõÙ ¿ Áëï ïáÕÇ í³Ý¹³ÏÝ»ñÇ í»ñÇÝ (valign=”top”), ëïáñÇÝ (valign=”bottom”) ë³ÑÙ³ÝÝ»ñÇ ¨ ÙÇçÇÝ ·Íáí (valign=”middle”, Áëï Éé»ÉÛ³ÛÝ): úñÇݳÏ, »Ã» å»ïù ¿ ïáÕÇ í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ ѳí³ë³ñ»óÝ»É ¹ñ³Ýó ³ç ë³ÑÙ³Ýáí ¨ ÙÇçÇÝ ·Íáí, ³å³ ϳñ»ÉÇ ¿ ·ñ³Ýó»Éª <tr align=”right” valign=”middle”>ïáÕÇ í³Ý¹³ÏÝ»ñÁ</tr>: ÜáõÛÝ µÝáõó·ñÇãÝ»ñÁ ϳñ»ÉÇ ¿ ÏÇñ³é»É ݳ¨ ³é³ÝÓÇÝ ïáÕ»ñÇ ¨ í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ ѳí³ë³ñ»óÝ»Éáõ ѳٳñª å³ñ½³å»ë ³ñÅ»ùÁ µÝáõó·ñÇãÇÝ ßÝáñÑíáõÙ ¿ ïáÕÁ ϳ٠í³Ý¹³ÏÁ ·Í³ÝßáÕ <tr> ϳ٠<td> ï»·»ñáõÙ:
49
ä³ïÏ»ñ 2.5.2. îáÕ»ñÇ ¨ í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛ³Ý Ñ³í³ë³ñ»óÙ³Ý ûñÇݳÏÝ»ñ ì»ñݳ·ñ³ÛÇÝ <th> ï»·Ý áõÝÇ ¨ë Ù»Ï Ñ»ï³ùñùÇñ µÝáõó·ñÇ㪠scope, áñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ë³ÑٳݻÉ, û ÇÝãDZ ѳٳñ ¿ í»ñݳ·Çñ ͳé³Û»Éáõ ïíÛ³É í³Ý¹³ÏÁª ïáÕDZ, û± ëÛáõݳÏÇ: ´Ýáõó·ñÇãÇ Áëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÝ ¿ scope=”col”, ÇÝãÁ Ý߳ݳÏáõÙ ¿ ëÛáõݳÏÇ í»ñݳ·Çñ: ºÃ» µÝáõó·ñÇãÇÝ ßÝáñÑíÇ scope=”row” ³ñÅ»ùÁ, ³å³ ïíÛ³É í³Ý¹³ÏÁ í»ñݳ·ñ³ÛÇÝ ÏÉÇÝÇ ïáÕÇ Ñ³Ù³ñ: ä³ïÏ»ñ 2.5.2-áõÙ µ»ñí³Í »Ý ³ÕÛáõë³ÏÇ ïáÕ»ñÇ ¨ í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛ³Ý Ñ³í³ë³ñ»óÙ³Ý ï³ñµ»ñ ûñÇݳÏÝ»ñ: Ð³×³Ë ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ Ù»Ï Ï³Ù ÙÇ ù³ÝÇ í³Ý¹³ÏÝ»ñ Ùdzíáñ»É Ù»ÏáõÙ: ä³ï׳éÝ»ñÁ ϳñáÕ »Ý ÉÇÝ»É ï³ñµ»ñ, ûñÇݳϪ µáÉáñ í³Ý¹³ÏÝ»ñÁ å³ñáõݳÏáõÙ »Ý ÙǨÝáõÛÝ ÇÝýáñÙ³óÇ³Ý Ï³Ù ³ÝÑñ³Å»ßï ¿ ÙÇ ù³ÝÇ ëÛáõݳÏÝ»ñÇ Ñ³Ù³ñ ëï»ÕÍ»É ÙdzóÛ³É í»ñݳ·Çñ ¨ ³ÛÉÝ: ²ÝÏ³Ë å³ï׳éÝ»ñÇó` ·áÛáõÃÛáõÝ áõÝ»Ý »ñÏáõ µÝáõó·ñÇãÝ»ñ ³Û¹ Ýå³ï³ÏÁ Çñ³·áñÍ»Éáõ ѳٳñª colspan ¨ rowspan: ²é³çÇÝÁ ÃáõÛÉ ¿ ï³ÉÇë Ù»ÏáõÙ Áݹ·ñÏ»É »ñÏáõ ϳ٠³í»ÉÇ ÑáñǽáݳϳÝ, ÇëÏ »ñÏñáñ¹Áª áõÕճѳ۳ó í³Ý¹³ÏÝ»ñ: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýù colspan=”3”, ³å³ Ù»Ï ëÛáõݳÏáõÙ ÏÁݹ·ñÏí»Ý »ñ»ù ѳñ¨³Ý í³Ý¹³ÏÝ»ñ: ´»ñ»Ýù ûñÇݳϪ <html><head><title>Colspan and rowspan attributes example</title> </head><body> <table border="1"> <caption>гٳϳñ·ÇãÝ»ñÇ µÝáõó·ñ»ñÁ</caption> <tr><th>&nbsp;</th><th>Øá¹»É 100</th> <th>Øá¹»É 200</th></tr> <tr><th>äñáó»ëáñ</th><td>G9 – 1.6</td> <td>G9 – 1.7</td></tr> <tr><th>HDD</th><td>78 Gb</td><td>90 Gb</td></tr> <tr><th>ìǹ»áù³ñï</th> <td colspan="2" align="center">Rageos 428</td></tr> <tr><th>²/ì »Éù</th><td rowspan="2" align="center" valign="middle">âϳ</td> <td>γ</td></tr> <tr><th>CD åáñï</th><td>úåóÇáݳÉ</td></tr> 50
</table> </body> </html> ÆÝãå»ë ï»ëÝáõÙ »Ýù, ³ÕÛáõë³ÏÇ ãáññáñ¹ ïáÕáõÙ ·ñ³Ýóí³Í ¿ Áݹ³Ù»ÝÁ »ñÏáõ í³Ý¹³Ï, Áݹ áñáõÙ` »ñÏñáñ¹ í³Ý¹³ÏÇ colspan ³ïñǵáõïÇÝ ßÝáñÑí³Í ¿ 2 ³ñÅ»ùÁ: ¸³ Ý߳ݳÏáõÙ ¿, áñ ³Û¹ í³Ý¹³ÏÁ å»ïù ¿ ½µ³Õ»óÝÇ »ñÏáõ í³Ý¹³ÏÇ ï³ñ³Íù (Ù»ñ ûñÇݳÏáõÙª ÙÛáõë ïáÕ»ñÇ »ñÏñáñ¹ ¨ »ññáñ¹ í³Ý¹³ÏÝ»ñÇ ã³÷áí): ÐÇÝ·»ñáñ¹ ïáÕÇ »ñÏñáñ¹ í³Ý¹³ÏÇ rowspan=”2” Ý߳ݳÏáõÙ ¿, áñ ³Û¹ í³Ý¹³ÏÁ ÏÁݹɳÛÝíÇ Ý³¨ ѳçáñ¹ ïáÕÇ »ñÏñáñ¹ í³Ý¹³ÏÇ ã³÷áí: ºí Ñ»Ýó ³Û¹ å³ï׳éáí ѳçáñ¹ (6-ñ¹) ïáÕáõÙ ÝáõÛÝå»ë ݳ˳ï»ëí³Í »Ý Áݹ³Ù»ÝÁ »ñÏáõ í³Ý¹³ÏÝ»ñ: Ìñ³·ñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.5.3-áõÙ:
ä³ïÏ»ñ 2.5.3. ²ÕÛáõë³ÏÇ í³Ý¹³ÏÝ»ñÇ ÙdzíáñÙ³Ý ûñÇݳÏÝ»ñ
2.5.2. ²ÕÛáõë³ÏÝ»ñÇ Ó¨³íáñáõÙÁ ²ÕÛáõë³Ï³ÛÇÝ ·Í³ÝßÙ³Ý ï»·»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ï»Õ³µ³ßË»É web-÷³ëï³ÃÕûñáõÙ áã ÙdzÛÝ ëáíáñ³Ï³Ý ï»ùëï³ÛÇÝ ÇÝýáñÙ³ódz: ²ÕÛáõë³ÏÝ»ñÁ ѽáñ ½»Ýù »Ý web-¿ç»ñÇ Ó¨³ã³÷Ù³Ý ·áñÍÁÝóóáõÙ, ù³ÝÇ áñ ¹ñ³Ýó ÏÇñ³éáõÃÛáõÝÁ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõ٠ϳñ·³íáñ»Éáõ ¿çÇ ³ñï³ùÇÝ ï»ëùÁ` ³é³í»É ³Ïݳéáõ ¨ ³ñ¹Ûáõݳí»ï ï»Õ³µ³ßË»Éáí å³ñµ»ñáõÃÛáõÝÝ»ñÁ, ÑÇå»ñÑÕáõÙÝ»ñÁ ¨ ·ñ³ýÇϳÝ: ²Û¹ ³Ù»ÝÁ Çñ³·áñÍíáõÙ ¿ ³ÕÛáõë³ÏÝ»ñÇ í³Ý¹³ÏÝ»ñÁ ¿çÇ Ñ³Ù³å³ï³ëË³Ý Ù³ë»ñáõÙ ï»Õ³¹ñ»Éáõ, ¹ñ³Ýó ã³÷ë»ñÁ ٻͳóÝ»Éáõ ϳ٠÷áùñ³óÝ»Éáõ, ÙÇçí³Ý¹³Ï³ÛÇÝ ¨ Ý»ñí³Ý¹³Ï³ÛÇÝ ï³ñ³ÍáõÃÛáõÝÝ»ñÁ ÷á÷áË»Éáõ ÙÇçáóáí: ´³óÇ ³Û¹, HTML-áõÙ Ñݳñ³íáñ ¿ ݳ¨ ÙÇÙÛ³Ýó Ù»ç Ý»ñ¹Ý»É ÙÇ ù³ÝÇ ³ÕÛáõë³ÏÝ»ñ: ÀݹѳÝáõñ ¹»åùáõÙ ³ÕÛáõë³Ï³ÛÇÝ ·Í³ÝßáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë ¿çÁ å³ñ½³å»ë µ³Å³Ý»É ³ÛÝåÇëÇ ïñ³Ù³µ³Ý³Ï³Ý Ù³ë»ñÇ, áñáÝóáõ٠ѻﳷ³ÛáõÙ å»ïù ¿ ï»Õ³¹ñíÇ ³ÛÝ ³Ù»ÝÁ, ÇÝã Ù³ïáõóí»Éáõ ¿ ³Ûó»ÉáõÝ»ñÇÝ: ²Û¹åÇëÇ ïñ³Ù³µ³Ý³Ï³Ý µ³Å³ÝáõÙÁ ɳÛÝáñ»Ý ÏÇñ³éíáõÙ ¿, ûñÇݳÏ, ûñûñáõÙ ¨ ³Ùë³·ñ»ñáõÙ, áñáÝóáõÙ Ûáõñ³ù³ÝãÛáõñ ¿ç µ³Å³ÝíáõÙ ¿ ÙÇ ù³ÝÇ µ³Õ³¹ñÛ³É Ù³ë»ñǪ ¹³ ³å³ÑáíáõÙ ¿ ÝÛáõûñÇ ³é³í»É ¹ÛáõñÇÝ ÁÝϳÉáõÙÁ ÁÝûñóáÕÝ»ñÇ ÏáÕÙÇó: ²ÕÛáõë³ÏÇ É³ÛÝáõÃÛáõÝÁ ë³ÑÙ³ÝíáõÙ ¿ width µÝáõó·ñÇãÇ ÙÇçáóáí, Áݹ áñáõÙ` ¹³ ϳñ»ÉÇ ¿ ³Ý»É »ñÏáõ »Õ³Ý³ÏÝ»ñáíª µ³ó³ñÓ³Ï ÙdzíáñÝ»ñáí (åÇùë»ÉÝ»ñáí), ѳñ³µ»ñ³Ï³Ý »Õ³Ý³Ïáíª ïáÏáëÝ»ñáí: ºÃ», ûñÇݳÏ, ó³ÝϳÝáõÙ »Ýù ³ñï³å³ïÏ»ñ»É ³ÕÛáõë³Ï, áñÇ É³ÛÝáõÃÛáõÝÁ ѳí³ë³ñ ÉÇÝÇ 150 åÇùë»ÉÇ, ³å³ å»ïù ¿ ·ñ³Ýó»Ýùª <table width=”150”>: ÆëÏ »Ã» ݳ˳ï»ë»É »Ýù, áñ ³ÕÛáõë³ÏÁ å»ïù ¿ ½µ³Õ»óÝÇ ¿Ïñ³ÝÇ É³ÛÝáõÃÛ³Ý 80 ïáÏáëÁ, ³å³ ·ñ³ÝóáõÙÁ ëï³ÝáõÙ ¿ Ñ»ï¨Û³É ï»ëùÁª <table width=”80%”>: γñ»ÉÇ ¿, ÇѳñÏ», ë³ÑÙ³Ý»É Ù»Ï (ûñÇݳϪ ³é³çÇÝ) ïáÕÇ ³é³ÝÓÇÝ í³Ý¹³ÏÝ»ñÇ É³ÛÝáõÃÛáõÝÝ»ñÁ ¨ ëï³Ý³É ³ÕÛáõë³ÏÇ ÁݹѳÝáõñ ɳÛÝáõÃÛáõÝÁ` áñå»ë ·áõÙ³ñ³ÛÇÝ, ë³Ï³ÛÝ Ñ³Ù³Ó³ÛÝ Ýáñ ëï³Ý¹³ñïÇ` width µÝáõó·ñÇãÁ ãÇ ë³ï³ñí»Éáõ <td> ï»·Ç Ñ³Ù³ñ: ¶áÛáõÃÛáõÝ áõÝÇ Ý³¨ ³Û¹ ѳñóÇ ÉáõÍÙ³Ý ¨ë Ù»Ï 51
»Õ³Ý³Ïª ϳñ»ÉÇ ¿ Ûáõñ³ù³ÝãÛáõñ í³Ý¹³ÏáõÙ Ý»ñ¹Ý»É ³é³ÝÓÇÝ ³ÕÛáõë³Ï ¨ ë³ÑÙ³Ý»É í»ñçÇÝÇë ɳÛÝáõÃÛáõÝÁ: Üß»Ýù, áñ ³ÕÛáõë³ÏÝ»ñÇ ¨ í³Ý¹³ÏÝ»ñÇ É³ÛÝáõÃÛáõÝÝ»ñÁ ѳßí³ñÏ»ÉÇë ³ÝÑñ³Å»ßï ¿ ѳßíÇ ³éÝ»É Ý³¨ ßñç³Ý³ÏÝ»ñÇ (border) ɳÛÝáõÃÛáõÝÁ, ÙÇçí³Ý¹³Ï³ÛÇÝ ï³ñ³ÍáõÃÛáõÝÁ (cellspacing) ¨ Ý»ñí³Ý¹³Ï³ÛÇÝ Éáõë³ÝóùÝ»ñÇ (cellpadding) ɳÛÝáõÃÛáõÝÁ: ´»ñ»Ýù ³ÕÛáõë³ÏÝ»ñÇ É³ÛÝáõÃÛ³Ý ë³ÑÙ³ÝÙ³Ý »ñÏáõ ûñÇݳÏ: ²é³çÇÝ ¹»åùáõÙ ³ÕÛáõë³ÏÇ É³ÛÝáõÃÛáõÝÁ áñáßíáõÙ width µÝáõó·ñÇãÇ ÙÇçáóáí, ÇëÏ »ñÏñáñ¹áõÙª ³é³çÇÝ ïáÕÇ Ûáõñ³ù³ÝãÛáõñ í³Ý¹³ÏáõÙ Ý»ñ¹ñí³Í ¿ ÙÇ ³ÛÉ, ѳٳå³ï³ëË³Ý É³ÛÝáõÃÛáõÝ áõÝ»óáÕ ³ÕÛáõë³Ï: ²é³çÇÝ ³ÕÛáõë³ÏÇ Íñ³·ñ³ÛÇÝ Ïá¹Á Ñ»ï¨Û³ÉÝ ¿ª <table border="1" width="200"> <tr><th>êÛáõÝ³Ï 1</th><th>êÛáõÝ³Ï 2</th></tr> <tr><td>1-1</td><td>1-2</td></tr> </table>, »ñÏñáñ¹ÇÝÁª <table border="1"> <tr><th><table border="1" width="92"> <tr><th>²ÕÛáõë³Ï 1</th></tr> </table> </th><th> <table border="1" width="92"> <tr><th>²ÕÛáõë³Ï 2</th></tr> </table> </th></tr> <tr><td>1-1</td><td>1-2</td> </table> Ü»ñ¹ñí³Í ³ÕÛáõë³ÏÝ»ñÇ É³ÛÝáõÃÛáõÝÁ (92 åÇùë»É) ÁÝïñí³Í ¿ ³ÛÝå»ë, áñ ѳßíÇ ³éÝí»Ý ݳ¨ ³ñï³ùÇÝ ³ÕÛáõë³ÏÇ ßñç³Ý³ÏÝ»ñÁ, ÙÇçí³Ý¹³Ï³ÛÇÝ ï³ñ³ÍáõÃÛáõÝÁ ¨ Ý»ñí³Ý¹³Ï³ÛÇÝ Éáõë³ÝóùÝ»ñÇ É³ÛÝáõÃÛáõÝÁ: ºñÏáõ ³ÕÛáõë³ÏÝ»ñÝ ¿É ³ñï³å³ïÏ»ñíáõÙ »Ý ѳí³ë³ñ ɳÛÝáõÃÛ³Ùµ (ï»ëª å³ïÏ»ñ 2.5.4):
ä³ïÏ»ñ 2.5.4. ²ÕÛáõë³ÏÝ»ñÇ É³ÛÝáõÃÛ³Ý ë³ÑÙ³ÝÙ³Ý ûñÇݳÏÝ»ñ 52
àñáß ¹»åù»ñáõÙ Ýå³ï³Ï³Ñ³ñÙ³ñ ¿ ï»ùëïÁ Ý»ñϳ۳óÝ»É ÙÇ ù³ÝÇ, Çñ³ñÇó áñáß³ÏÇ Ñ»é³íáñáõÃÛ³Ý íñ³ ·ïÝíáÕ, ï³ñµ»ñ ϳ٠ѳí³ë³ñ ɳÛÝáõÃÛ³Ý ëÛáõݳÏÝ»ñÇ ï»ëùáí (ï»ùëïÇ ³Û¹åÇëÇ ¹³ë³íáñáõÃÛáõÝ Ï³ñ»ÉÇ ¿ ï»ëÝ»É, ûñÇݳÏ, ûñûñáõÙ): ²Û¹åÇëÇ ¹»åù»ñáõ٠ϳñ»ÉÇ ¿ û·ï³·áñÍ»É “³Ýï»ë³Ý»ÉÇ” ³ÕÛáõë³ÏÝ»ñ, áñáÝù µ³Å³ÝáõÙ »Ý ï»ùëïÁ Áëï ëÛáõݳÏÝ»ñÇ ¨, ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ, ѳí³ë³ñ»óÝáõÙ »Ý Áëï ïáÕ»ñÇ: ÆѳñÏ» å»ïù ¿ µ³í³Ï³ÝÇÝ ç³Ýù»ñ ·áñͳ¹ñ»É, áñå»ë½Ç ï»ùëïÁ ³ñï³å³ïÏ»ñíÇ å³ïß³× ï»ëùáí, ë³Ï³ÛÝ ¹³ Ï÷áËѳïáõóíÇ Ýñ³Ýáí, áñ ³Û¹åÇëÇ Ý»ñϳ۳óáõÙÁ ϳËí³Í ãÇ ÉÇÝÇ µñ³áõ½»ñÝ»ñÇ í³ñϳÍÝ»ñÇó ¨ û·ïíáÕÇ ¿Ïñ³ÝÇ “µ³óí³ÍùÇó”: ´»ñ»Ýù å³ñ½³·áõÛÝ ûñÇݳÏ, Áݹ áñáõÙ` ëÛáõݳÏÝ»ñÇ ï³ñµ»ñ ɳÛÝáõÃÛáõÝÝ»ñÁ ³å³Ñáí»Éáõ ѳٳñ û·ïí»Ýù ݳ¨ Ý»ñ¹ñí³Í ³ÕÛáõë³ÏÝ»ñÇó: úñÇݳÏáõÙ ³ñï³ùÇÝ ³ÕÛáõë³ÏÝ áõÝÇ »ñÏáõ ëÛáõÝ³Ï Ù»Ï ïáÕáõÙ, ¨ ɳÛÝáõÃÛáõÝÁ ë³ÑÙ³Ýí³Í ¿ ѳí³ë³ñ 100%-Ç: ¸³ Ý߳ݳÏáõÙ ¿, áñ ³ÛÝ Ï½µ³Õ»óÝÇ Çñ»Ý å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇ (ïíÛ³É ¹»åùáõÙ ¹³ ÷³ëï³ÃÕÃÇ <body> ï»·Ý ¿) ³ÙµáÕç ɳÛÝáõÃÛáõÝÁ` ³ÝÏ³Ë µñ³áõ½»ñÇ å³ïáõѳÝÇ É³ÛÝáõÃÛáõÝÇó: ²ÕÛáõë³ÏÇ í³Ý¹³ÏÝ»ñáõÙ Ý»ñ¹ñí³Í »Ý ³ÕÛáõë³ÏÝ»ñ. Ó³Ë ³ÕÛáõë³ÏÇ É³ÛÝáõÃÛáõÝÁ ë³ÑÙ³Ýí³Í ¿ µ³ó³ñÓ³Ï »Õ³Ý³Ïáíª width=”100”, ÇëÏ ³çÇÝÁ` Çñ ÏáÝï»ÛÝ»ñÇ (³ÛëÇÝùÝ` å³ñáõݳÏáÕ í³Ý¹³ÏÇ) ɳÛÝáõÃÛ³Ý ïáÏáëÝ»ñáíª ïíÛ³É ¹»åùáõÙª 100%: êïáñ¨ µ»ñí³Í ¿ Íñ³·ñ³ÛÇÝ Ïá¹Ç ѳïí³ÍÁ, áñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ óáõó³¹ñí³Í ¿ å³ïÏ»ñ 2.5.5-áõÙ: <table border="0" width="100%" cellspacing="0" cellpadding="3"> <caption>²ñï³ùÇÝ ³ÕÛáõë³ÏÁ ½µ³Õ»óÝáõÙ ¿ µñ³áõ½»ñÇ å³ïáõѳÝÇ ³ÙµáÕç ɳÛÝáõÃÛáõÝÁ width="100%"` ³ÝÏ³Ë å³ïáõѳÝÇ ã³÷ë»ñÇó </caption><br /> <tr valign="top"> <td><table border="0" width="100" cellspacing="0" cellpadding="1"> <tr><td>²Ûë ³ÕÛáõë³ÏÇ É³ÛÝáõÃÛáõÝÁ 100 åÇùë»É ¿: ´ñ³áõ½»ñÇ å³ïáõѳÝÇ É³ÛÝáõÃÛáõÝÁ ÷á÷áË»ÉÇë ³ÛÝ ãÇ ÷á÷áËíÇ</td> </tr></table> </td> <td> <table border="0" width="100%" cellspacing="0" cellpadding="1" valign="top"> <tr><td>²Ûë ³ÕÛáõë³ÏÇ É³ÛÝáõÃÛáõÝÁ ѳí³ë³ñ ¿ ÏáÝï»ÛÝ»ñÇ ÁݹѳÝáõñ ɳÛÝáõÃÛ³Ý 100%-ÇÝ, ¨ µñ³áõ½»ñÇ å³ïáõѳÝÇ É³ÛÝáõÃÛáõÝÁ ÷á÷áË»ÉÇë ³ÛÝ ÏÁݹɳÛÝíÇ Ï³Ù Ïë»ÕÙíÇ</td> </tr> </table> </td> </tr></table>
53
ä³ïÏ»ñ 2.5.5. î»ùëïÇ ëÛáõݳϳÛÇÝ ¹³ë³íáñáõÃÛ³Ý ûñÇÝ³Ï Ð»ï¨»Éáí Ýáñ ëï³Ý¹³ñïÇÝ, W3C ËáõÙµÁ ÁݹɳÛÝ»É ¿ ³ÕÛáõë³ÏÝ»ñÇ ýáõÝÏóÇáÝ³É Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ` ³í»É³óÝ»Éáí ÙÇ ù³ÝÇ Ýáñ ï»·»ñ: ¸ñ³Ýù »Ýª “<thead> </thead>”, “<tbody> </tbody>”, “<tfoot> </tfoot>”, “<colgroup> </colgroup>”, “<col />” ï»·»ñÁ: ²é³çÇÝ »ñ»ùÁ ÃáõÛÉ »Ý ï³ÉÇë µ³Å³Ý»É ³ÕÛáõë³ÏÇ ïáÕ»ñÁ »ñ»ù ³ÝÏ³Ë ïñ³Ù³µ³Ý³Ï³Ý ËÙµ»ñǪ í»ñݳ·ñ³ÛÇÝ Ù³ë (<thead>), ÑÇÙÝ³Ï³Ý Ù³ë ϳ٠³ÕÛáõë³ÏÇ “Ù³ñÙÇÝ” (<tbody>) ¨ ëïáñÇÝ Ù³ë (<tfoot>)` ÏáÉáÝïÇïáõÉ: ²Û¹åÇëÇ µ³Å³ÝÙ³Ý ÑÇÙÝ³Ï³Ý ÇÙ³ëïÝ ³ÛÝ ¿, áñ Ýßí³Í »ñ»ù ïñ³Ù³µ³Ý³Ï³Ý Ù³ë»ñÁ ëï»ÕÍ»Éáõó Ñ»ïá Ñݳñ³íáñ ¿ ¹³éÝáõÙ “åïï»É” ³ÕÛáõë³ÏÇ Ù³ñÙÇÝÁ` ³Ýß³ñÅ ÃáÕÝ»Éáí í»ñÇÝ ¨ ëïáñÇÝ Ù³ë»ñÁ: ¸³ ѳïϳå»ë ѳñÙ³ñ ¿ µ³½Ù³ÃÇí ïáÕ»ñ áõÝ»óáÕ ³ÕÛáõë³ÏÝ»ñÇ Ñ³Ù³ñ, »ñµ Ñݳñ³íáñ ã¿ ¹ñ³Ýù ÉÇáíÇÝ ³ñï³å³ïÏ»ñ»É ¿Ïñ³ÝÇÝ: ²é³ÛÅÙ ³Û¹ ýáõÝÏóÇ³Ý ãÇ ë³ï³ñíáõÙ áã ÙÇ µñ³áõ½»ñÇ ÏáÕÙÇó, ë³Ï³ÛÝ Ñáõë³Ýù, áñ ³ÛÝ ß³ï ßáõïáí ÏëÏëÇ ³ß˳ï»É: ÆÝãù³Ý ¿É ¹³ ϳñáÕ ¿ ï³ñûñÇÝ³Ï Ãí³É, ³ÛÝ ¹»åùáõÙ, »ñµ áñáßáõÙ »Ýù Áݹ·ñÏ»É ³ÕÛáõë³ÏáõÙ í»ñÇÝ ¨ ëïáñÇÝ Ù³ë»ñÁª <tfoot>-Á å»ïù ¿ ë³ÑÙ³Ý»É Ý³Ëù³Ý <tbody>-Ç ë³ÑÙ³ÝáõÙÁ, ûñÇݳϪ <table border="1"> <thead><tr><th>>²ÕÛáõë³ÏÇ í»ñݳ·Çñ</th></tr></thead> <tfoot><tr><td>>²ÕÛáõë³ÏÇ ëïáñÇÝ Ù³ë</td></tr> </tfoot> <tbody> <tr><td>²ÕÛáõë³ÏÇ Ù³ñÙÇÝÁ</td></tr> <tr><td>&nbsp;</td></tr> </tbody> </table> êÛáõݳÏÝ»ñÇ ïñ³Ù³µ³Ý³Ï³Ý ëïáñ³µ³Å³ÝÙ³Ý Ñ³Ù³ñ û·ï³·áñÍíáõÙ ¿ ݳ¨ <colgroup> </colgroup> ½áõÛ· ï»·Á, áñÇ ÙÇçáóáí ëï»ÕÍíáõÙ ¿ áñáß³ÏÇ ÙdzÝÙ³Ý µÝáõó·ñÇãÝ»ñ áõÝ»óáÕ ëÛáõݳÏÝ»ñÇ ËáõÙµ: êÛáõݳÏÝ»ñÇ ù³Ý³ÏÁ Ûáõñ³ù³ÝãÛáõñ ËÙµáõÙ ë³ÑÙ³ÝíáõÙ ¿ span µÝáõó·ñÇãÇ ÙÇçáóáí: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª <colgroup span=”3” width=”20”></colgroup>, ³å³ Ïëï»ÕÍíÇ »ñ»ù ëÛáõÝ³Ï å³ñáõݳÏáÕ ËáõÙµª Ûáõñ³ù³ÝãÛáõñÁ 20 åÇùë»É ɳÛÝáõÃÛ³Ùµ: ²é³ÝÓÇÝ ëÛáõݳÏÝ»ñÇÝ ³ïñǵáõïÝ»ñÇ ³ñÅ»ùÝ»ñÁ ßÝáñÑ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ <col /> »½³ÏÇ ï»·Á: ²ÛÝ Ï³ñ»ÉÇ ¿ û·ï³·áñÍ»É Ý³¨ <colgroup> ï»·Ç Ý»ñùá, »Ã» ËÙµÇ ³é³ÝÓÇÝ ëÛáõݳÏÝ»ñÇ ³ïñǵáõïÝ»ñÇ ³ñÅ»ùÝ»ñÁ ï³ñµ»ñíáõÙ »Ý: ´»ñ»Ýù »ñÏáõ ûñÇݳÏÝ»ñ: ²é³çÇÝáõ٠ϳéáõóíáõÙ ¿ ãáñë ëÛáõÝ³Ï å³ñáõݳÏáÕ ³ÕÛáõë³Ï, Áݹ áñáõÙ` ³é³çÇÝ »ñÏáõ ëÛáõݳÏÝ»ñáõÙ ¨° ÑáñǽáݳϳÝ, ¨° áõÕճѳ۳ó ѳí³ë³ñ»óáõÙÁ ϳï³ñíáõÙ ¿ í³Ý¹³ÏÝ»ñÇ Ï»ÝïñáÝáí (align=”center” ¨ valign=”middle”), ÇëÏ í»ñçÇÝ »ñÏáõ ëÛáõݳÏÝ»ñáõ٠ѳٳå³ï³ë˳ݳµ³ñª ³ç 54
»½ñáí ¨ ÝáõÛÝå»ë Ï»ÝïñáÝáí (align=”right” ¨ valign=”middle”): ÊÙµ»ñÇ ëÛáõݳÏÝ»ñÇ É³ÛÝáõÃÛáõÝÝ»ñÁ ï³ñµ»ñ »Ý: êïáñ¨ Ýϳñ³·ñí³Í ¿ ѳٳå³ï³ëË³Ý HTML Ïá¹Á, ÇëÏ å³ïÏ»ñ 2.5.6-áõÙ` ¹ñ³ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ: <table border="1"> <colgroup span="2" align="center" valign="center" width="60"> </colgroup> <colgroup span="2" align="right" valign="center" width="80"> </colgroup> <thead><tr> <th>êÛáõݳÏ1</th><th>êÛáõݳÏ2</th><th>êÛáõݳÏ3</th> <th>êÛáõݳÏ4</th></tr> </thead> <tbody> <tr><td>1-1</td><td>1-2</td><td>1-3</td><td>1-4</td></tr> <tr><td>2-1</td><td>2-2</td><td>2-3</td><td>2-4</td></tr> <tr><td>3-1</td><td>3-2</td><td>3-3</td><td>3-4</td></tr> </tbody> </table>
ä³ïÏ»ñ 2.5.6. ²ÕÛáõë³ÏÇ ëÛáõݳÏÝ»ñÇ ËÙµ³íáñÙ³Ý ûñÇÝ³Ï ºñÏñáñ¹ ûñÇݳÏáõ٠ϳéáõóíáõÙ ¿ ³ÕÛáõë³Ï, áñÝ áõÝÇ »ñÏáõª 3 ¨ 2 ëÛáõݳÏÝ»ñ Áݹ·ñÏáÕ ËÙµ»ñÇ µ³Å³Ýí³Í 5 ëÛáõݳÏÝ»ñ: ê³Ï³ÛÝ ³é³çÇÝ ËÙµÇ ³é³çÇÝ ëÛáõݳÏÇ É³ÛÝáõÃÛáõÝÁ ï³ñµ»ñíáõÙ ¿ ÙÛáõë »ñÏáõëÇÝÇó, ÇëÏ »ñÏñáñ¹ ËÙµÇ ëÛáõݳÏÝ»ñÁ ï³ñµ»ñ »Ý Áëï ѳí³ë³ñ»óÙ³Ý µÝáõó·ñÇãÇ: ²Û¹ ï³ñµ»ñáõÃÛáõÝÝ»ñÁ ·ñ³Ýó»Éáõ ѳٳñ û·ï³·áñÍáõÙ »Ý <col> ï»·Á` <colgroup> ï»·»ñÇ Ý»ñùá (ï»ë ݳ¨` å³ïÏ»ñ 2.5.7)ª <colgroup span="3" align="center"> <col width="70" /> <col span="2" width="50" /> </colgroup> <colgroup span="2"> <col align="center" /></colgroup> <col> ï»·Ý áõÝÇ ÝáõÛÝ ³ïñǵáõïÝ»ñÁ, ÇÝã áñ` <colgroup> ï»·Á: ØÇ³Ï ï³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ <col>Á áñáßáõÙ ¿ áã û ëÛáõݳÏÝ»ñÇ ËáõÙµ, ³ÛÉ ÙdzÛÝ Ù»Ï ëÛáõݳÏ:
55
ä³ïÏ»ñ 2.5.7. ÊÙµ»ñÇ Ý»ñùá ï³ñµ»ñ µÝáõó·ñ»ñ áõÝ»óáÕ ëÛáõݳÏÝ»ñáí ³ÕÛáõë³ÏÇ ûñÇÝ³Ï Üßí³Í ï»·»ñÇ û·ÝáõÃÛ³Ùµ ϳñ»ÉÇ ¿ Ó¨³íáñ»É áã ÙdzÛÝ ïíÛ³ÉÝ»ñ å³ñáõݳÏáÕ, ³Ûɨ ³ÛÝåÇëÇ ³ÕÛáõë³ÏÝ»ñ, áñáÝù û·ï³·áñÍíáõÙ »Ý ³ÙµáÕç ¿ç»ñÇ ïñ³Ù³µ³Ý³Ï³Ý µ³Å³ÝÙ³Ý Ñ³Ù³ñ: ²ÕÛáõë³ÏÁ ë³ÑÙ³ÝáÕ <table> ï»·Ý áõÝÇ »ñÏáõ µÝáõó·ñÇãÝ»ñ, áñáÝù û·ï³·áñÍíáõÙ »Ý ³ÕÛáõë³ÏÇ ³ñï³ùÇÝ ¨ Ý»ñùÇÝ ßñç³Ý³ÏÝ»ñÁ ³ñï³å³ïÏ»ñ»Éáõ »Õ³Ý³ÏÝ»ñÁ ë³ÑٳݻÉáõ ѳٳñ: ²ÕÛáõë³ÏÇ ³ñï³ùÇÝ ßñç³Ý³ÏÝ»ñÁ ·Í³Ýß»Éáõ »Õ³Ý³ÏÝ»ñÁ ë³ÑÙ³ÝíáõÙ »Ý frame ³ïñǵáõïÇ ÙÇçáóáí: Àëï Éé»ÉÛ³ÛÝ (ÇѳñÏ» ³ÛÝ ¹»åùáõÙ, »ñµ border µÝáõó·ñÇãÇÝ ßÝáñÑí³Í ¿ ½ñáÛÇó Ù»Í ³ñÅ»ù) ·Í³ÝßíáõÙ »Ý µáÉáñ ãáñë ³ñï³ùÇÝ ßñç³Ý³ÏÝ»ñÁ: ²ÛÝ Ï³ñáÕ ¿ ÁݹáõÝ»É Ñ»ï¨Û³É ³ñÅ»ùÝ»ñÁª void – ßñç³Ý³ÏÝ»ñ ãϳÝ, above - ÙdzÛÝ í»ñÇÝ ßñç³Ý³ÏÁ, below - ÙdzÛÝ ëïáñÇÝ ßñç³Ý³ÏÁ, hsides - ÙdzÛÝ í»ñÇÝ ¨ ëïáñÇÝ ßñç³Ý³ÏÝ»ñÁ, vsides – ÙdzÛÝ ³ç ¨ Ó³Ë ßñç³Ý³ÏÝ»ñÁ, lhs - ÙdzÛÝ Ó³Ë ßñç³Ý³ÏÁ, rhs - ÙdzÛÝ ³ç ßñç³Ý³ÏÁ, box - µáÉáñ ãáñë ßñç³Ý³ÏÝ»ñÁ: ²ÕÛáõë³ÏÇ Ý»ñùÇÝ ßñç³Ý³ÏÝ»ñÁ ·Í³Ýß»Éáõ »Õ³Ý³ÏÝ»ñÁ ïñíáõÙ »Ý rules ³ïñǵáõïÇ ÙÇçáóáí: ²ÛÝ Ï³ñáÕ ¿ ÁݹáõÝ»É Ñ»ï¨Û³É ³ñÅ»ùÝ»ñÁª none – Ý»ñùÇÝ ·Í»ñÁ µ³ó³Ï³ÛáõÙ »Ý, groups - ·Í»ñáí ³é³ÝÓݳóíáõÙ »Ý ÙdzÛÝ ïáÕ»ñÇ (<thead>, <tfoot>,<tbody> ï»·»ñáí ë³ÑÙ³Ýí³Í) ϳ٠ëÛáõݳÏÝ»ñÇ (<colgroup>¨ <col> ï»·»ñáí ë³ÑÙ³Ýí³Í) ËÙµ»ñÁ, rows - ³é³ÝÓݳóíáõÙ »Ý ÙdzÛÝ ïáÕ»ñÁ, cols - ³é³ÝÓݳóíáõÙ »Ý ÙdzÛÝ ëÛáõݳÏÝ»ñÁ, all - µáÉáñ ·Í»ñÁ ϳÝ: àñå»ë ûñÇݳÏ, Ó¨³÷áË»Ýù å³ïÏ»ñ 2.5.7-áõÙ óáõó³¹ñí³Í ³ÕÛáõë³ÏÁ ³ÛÝå»ë, áñ ¹ñ³ÝáõÙ ·Í³Ýßí»Ý ÙdzÛÝ í»ñÇÝ ¨ ëïáñÇÝ ³ñï³ùÇÝ ßñç³Ý³ÏÝ»ñÁ (frames=”hsides”) ¨ ËÙµ»ñÁ µ³Å³ÝáÕ ·Í»ñÁ (rules=”groups”): êïáñ¨ µ»ñí³Í ¿ ѳٳå³ï³ëË³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ѳïí³ÍÁ (ï»ëª å³ïÏ»ñ 2.5.8): <table border="1" frame="hsides" rules="groups"> <colgroup span="3" align="center"> <col width="70" /> <col span="2" width="50" /> </colgroup> <colgroup span="2"> <col align="center" /> </colgroup> <thead><tr> <th>1-Ý ËÙµÇ 1-Ý ëÛ.</th><th>1-Ý ËÙµÇ 2-ñ¹ ëÛ.</th><th>1-Ý ËÙµÇ 3-ñ¹ ëÛ.</th><th>2-ñ¹ ËÙµÇ 1-Ý ëÛ.</th><th>2-ñ¹ ËÙµÇ 2-ñ¹ ëÛ.</th> 56
</tr> </thead> <tbody> <tr><td>1-1</td><td>1-2</td><td>1-3</td><td>1-4</td><td>1-5</td></tr> <tr><td>2-1</td><td>2-2</td><td>2-3</td><td>2-4</td><td>2-5</td></tr> <tr><td>3-1</td><td>3-2</td><td>3-3</td><td>3-4</td><td>3-5</td></tr> </tbody> </table>
ä³ïÏ»ñ 2.5.8. ²ÕÛáõë³ÏÇ ³ñï³ùÇÝ ¨ Ý»ñùÇÝ ßñç³Ý³ÏÝ»ñÇ ·Í³ÝßÙ³Ý frame ¨ rules ³ïñǵáõïÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
¢ 2.6. à×»ñÇ ³ÕÛáõë³ÏÝ»ñ, ѳïáõÏ å³ÛٳݳÝÇß»ñ (ëÇÙíáÉÝ»ñ) 2.6.1. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÁݹѳÝáõñ ѳëϳóáõÃÛáõÝÁ ÆÝãå»ë Ýßí»ó, HTML-Á ÷³ëï³ÃÕûñÇ ·Í³ÝßÙ³Ý Íñ³·ñ³ÛÇÝ ³ÝÏ³Ë É»½áõ ¿: HTML-áí ·ñí³Í ÷³ëï³ÃÕûñÁ å»ïù ¿ ³é³Ýó ³Õ³í³Õí»Éáõ ³ñï³å³ïÏ»ñí»Ý µáÉáñ ï»ë³ÏÇ µñ³áõ½»ñÝ»ñáõÙ` ÇÝãå»ë ÉdzñÅ»ù ·ñ³ýÇϳϳÝ, ³ÛÝå»ë ¿É, ûñÇݳÏ, µçç³ÛÇÝ Ñ»é³ËáëÝ»ñáõÙ Ý»ñϳéáõóí³Í: ²Û¹ ³Ù»ÝÁ Ñݳñ³íáñ ¿ ¹³éÝáõÙ web-¿ç»ñÇ ëï»ÕÍÙ³Ý »ñÏáõ ï³ñµ»ñ ѳۻó³Ï³ñ·»ñÇ` µáí³Ý¹³ÏáõÃÛ³Ý ¨  (ï»ëáÕ³Ï³Ý Ó¨³íáñÙ³Ý) ï³ñ³½³ïÙ³Ý ßÝáñÑÇí: ÆÝï»ñÝ»ïÇ µáõéÝ ½³ñ·³óÙ³Ý ï³ñÇÝ»ñÇÝ, »ñµ ³ÛÝ ¹³ñÓ³í ÇÝýáñÙ³ódzÛÇ ÷á˳ݳÏÙ³Ý ³é¨ïñ³ÛÇÝ ó³Ýó` ¹Ç½³ÛÝ»ñÝ»ñÁ ëÏë»óÇÝ Ñ»Õ»Õ»É ÆÝï»ñÝ»ïÇ áÉáñïÁ ¹Ç½³ÛÝ»ñ³Ï³Ý Ùß³ÏáõÙÝ»ñáí` ¹³éݳÉáí web-¹Ç½³ÛÝ»ñÝ»ñ: ÆëÏ ¹³ Ý߳ݳÏáõÙ ¿ñ, áñ µñ³áõ½»ñÝ»ñÇ Ëáßáñ ³ñï³¹ñáÕÝ»ñÁ å³ñï³íáñ ¿ÇÝ ½ÇÝ»É ¹ñ³Ýó ѳٳå³ï³ëË³Ý ·áñÍÇùÝ»ñáí: ²Û¹å»ë ³é³ç³ó³Ý ·Í³ÝßÙ³Ý Ýáñ ï³ññ»ñ (ï»·»ñ), áñáÝù ³å³Ñáí»óÇÝ web-¿ç»ñÇ ³í»ÉÇ ×ÏáõÝ Ó¨³íáñÙ³Ý Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ: ê³Ï³ÛÝ áñáß ï³ññ»ñÇ ëï»ÕÍáõÙÁ ѳݷ»óñ»ó ݳ¨ µ³ó³ñӳϳå»ë ³ñï³ùÇÝ ï»ëùÇÝ ÏáÕÙÝáñáßí³Í ¨ Ýí³½³·áõÛÝ ÇÝýáñÙ³ódz å³ñáõݳÏáÕ ¿ç»ñÇ ³é³ç³óÙ³ÝÁ: ²Û¹åÇëÇ ï³ññ»ñÇó ¿ñ, ûñÇݳÏ, <font> ï»·Á, áñÁ ³éѳë³ñ³Ï ã»Ý ׳ݳãáõÙ áã ·ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñÝ»ñÁ, ¨ ׳ݳãáõÙ »Ý áã µáÉáñ ·ñ³ýÇϳϳÝÝ»ñÁ: úñÇݳÏ, »Ã» ÷áñÓ»Ýù í»ñݳ·Çñ Ó¨³Ï»ñå»Éáõ Ýå³ï³Ïáí ï³é»ñÁ Ó¨³ã³÷»É Ñ»ï¨Û³É Ï»ñå` <font face=”Arial Armenian" size="+2">´³ñÇ ·³Éáõëï</font>, ³å³ ï»·Á ã׳ݳãáÕ µñ³áõ½»ñÝ»ñÁ áã ÙdzÛÝ ³ÛÝ ³Ýï»ëáõÙ »Ý, ³Ûɨ ³éѳë³ñ³Ï áã ÙÇ Ï»ñå ã»Ý ³é³ÝÓݳóÝáõÙ ï»·áõÙ ·ñ³Ýóí³Í ï»ùëïÁ: ÆëÏ »Ã» ³Û¹ ÝáõÛÝ ï»ùëïÁ ·ñ³ÝóíÇ Ù»½ ͳÝáà í»ñݳ·ñ³ÛÇÝ` <hi> ï»·»ñáõÙ, ³å³ ÝáõÛÝÇëÏ áã ·ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñÝ»ñÁ ϳß˳ï»Ý ³ÛÝ áñ¨¿ Ï»ñåáí ³é³ÝÓݳóÝ»É áñå»ë í»ñݳ·Çñ: ²Û¹åÇëÇ ÑÇÙݳËݹÇñÝ»ñÇ ÉáõÍÙ³Ý Ýå³ï³Ïáí ëï»ÕÍí»óÇÝ á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ, ¨ ³ñ¹ÛáõÝùáõÙ ·ñ³ýÇÏ³Ï³Ý µñ³áõ½»ñÝ»ñÇ ï»ñ»ñÁ ϳñáÕ³ó³Ý ï»ëÝ»É ·»Õ»óÇÏ ï³é³ß³ñ»ñ (ßñÇýïÝ»ñ), ÇëÏ áã ·ñ³ýÇϳϳÝÝ»ñÇÝÁ` ï»ùëïÇ áñáß³ÏÇ, ѳٻݳÛÝ ¹»åë ÇÙ³ëï³ÛÇÝ (ïñ³Ù³µ³Ý³Ï³Ý), 57
³é³ÝÓݳóáõÙ: à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ÑÇÙÝ³Ï³Ý ëϽµáõÝùÁ Ñ»ï¨Û³ÉÝ ¿` web-¿ç»ñÇ ëï»ÕÍÙ³Ý ³ß˳ï³ÝùÝ»ñÇ ÇÝýáñÙ³ïÇí ¨ Ó¨³íáñÙ³Ý Ù³ë»ñÇ ½³ïáõÙ: ¸ñ³Ýó ÏÇñ³éáõÃÛáõÝÁ ã³÷³½³Ýó û·ï³Ï³ñ ¿ ¨ ϳñ¨áñ: ܳË, á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ ϳñáÕ »Ý ·áÛáõÃÛáõÝ áõÝ»Ý³É ³ÝÏ³Ë HTML ÷³ëï³ÃÕûñÇó: style µÝáõó·ñÇãÁ, ѳٳӳÛÝ XML ëï³Ý¹³ñïÇ, ÙݳÉáõ ¿ ÙÇ³Ï µÝáõó·ñÇãÁ` ï»·»ñÇ ×ÝßáÕ Ù»Í³Ù³ëÝáõÃÛ³Ý á×»ñÇ Ó¨³íáñÙ³Ý Ñ³Ù³ñ, ë³Ï³ÛÝ ³ÛÝ ãÇ Ñ³Ý¹Çë³Ý³Éáõ ³Û¹ Ýå³ï³ÏÇÝ Ñ³ëÝ»Éáõ ÙÇ³Ï ÙÇçáóÁ: Ðݳñ³íáñ ¿ ëï»ÕÍ»É ÙÇ ³ÙµáÕç ϳÛù` ¿çáõÙ ãÝß»Éáí áñ¨¿ ï»·Ç á×Á ë³ÑÙ³ÝáÕ áã ÙÇ µÝáõó·ñÇã: ´áÉáñ ï»·»ñÁ ϳñï³å³ïÏ»ñ»Ý ÇÝýáñÙ³óÇ³Ý á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ·áõÛÝáí, ßñÇýïáí, ýáÝáí ¨ ³ÛÉÝ: Ðݳñ³íáñ ¿ ë³ÑÙ³Ý»É ÝáõÛÝÇëÏ ÇÝýáñÙ³ódzÛÇ »ñ³Åßï³Ï³Ý ѳٳã³÷áõÃÛ³Ý ¨ Ó³ÛݳÛÇÝ ³ÛÉ µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ: ²ÛëåÇëáí, á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë µñ³áõ½»ñÝ»ñÇÝ ï³É ³ÛÝåÇëÇ óáõóáõÙÝ»ñ, áñáÝó ÙÇçáóáí Ïջϳí³ñíÇ ³ÙµáÕç ϳÛùÁ: à׳ÛÇÝ ï³ññ»ñÇ ³é³ÝÓݳóáõÙÁ ϳ½Ù³Ï»ñå³Ï³ÝÝ»ñÇó áõÝÇ ¨ë Ù»Ï ³é³í»ÉáõÃÛáõÝ` HTML Ïá¹Ç ³é³í»É ¹ÛáõñÇÝ ÁÝϳÉáõÙ: ä³ïÏ»ñ³óÝ»Ýù` å³ñµ»ñáõÃÛáõÝáõÙ ·ñ³Ýóí³Í ï»ùëïÇ á×Ç ³ÛëåÇëÇ ë³ÑÙ³ÝáõÙ` <p><font face="Arial Armenian,Arial LatArm,Times Armenian" size="10pt" color = “green” >ÞÝáñÑ³Ï³É »Ýù Ù»ñ ϳÛùÝ ³Ûó»É»Éáõ ѳٳñ</font> </p>: Ü»ñϳ۳óí³Í Ïá¹áõÙ, ÇѳñÏ», ³ÛÝù³Ý ¿É ¹Åí³ñ ã¿ ï³ñµ»ñ»É ÇÝýáñÙ³óÇáÝ µáí³Ý¹³ÏáõÃÛáõÝÁ (¿çáõÙ ³ñï³å³ïÏ»ñíáÕ ï»ùëïÁ) á׳ÛÇÝ ë³ÑÙ³ÝáõÙÇó` ï³é³ß³ñÇ å³Ñ³ÝçíáÕ “ÁÝï³ÝÇùÁ” (font face), ï³é»ñÇ ã³÷ë»ñÁ (10 pt) ¨ ·áõÛÝÁ (ϳݳã): ê³Ï³ÛÝ, »ñµ ÷³ëï³ÃÕÃáõÙ ³Û¹åÇëÇ å³ñµ»ñáõÃÛáõÝÝ»ñÇ ù³Ý³ÏÁ ٻͳÃÇí ¿` Ïá¹Á ϳ½Ù»Éáõ ÁÝóóùáõ٠ϳ٠ËÙµ³·ñ»Éáõ ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ Ù»Í áõß³¹ñáõÃÛáõÝ ¨ ç³Ýù»ñ Ïå³Ñ³Ýçí»Ý ë˳ÉÝ»ñ ÃáõÛÉ ãï³Éáõ ѳٳñ: ÆëÏ »Ã» á×»ñÇ ³ÕÛáõë³ÏáõÙ (û ÇÝãå»ë ¿ ¹³ ³ñíáõÙ, ÏùÝݳñÏ»Ýù ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ) ·ñ³Ýó»Ýù` <style> p {font-family:Arial Armenian;font-size:10pt;color:green} </style>, ³å³ ³ÛÝ ¹»åùáõÙ, »ñµ ¿çÇ µáÉáñ å³ñµ»ñáõÃÛáõÝÝ»ñáõÙ å³Ñ³ÝçíáõÙ ¿ ï»ùëïÇ Ñ»Ýó ³Û¹åÇëÇ á׳íáñáõÙ, µ³í³Ï³Ý ¿ ·ñ³Ýó»É ÙdzÛÝ å³ñµ»ñáõÃÛáõÝÝ»ñÇ <p> ï»·»ñÁ ¨ ¹ñ³Ýó ï»ùëï³ÛÇÝ µáí³Ý¹³ÏáõÃÛáõÝÁ: úñÇݳÏ` ßÝáñÑ³Ï³É³Ï³Ý ï»ùëïÇ ³ñï³å³ïÏ»ñÙ³Ý Ïá¹Á ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁ` <p>ÞÝáñÑ³Ï³É »Ýù Ù»ñ ϳÛùÝ ³Ûó»É»Éáõ ѳٳñ</p>: ê³Ï³ÛÝ, í»ñçÇí»ñçá, DZÝã »Ý Çñ»ÝóÇó Ý»ñϳ۳óÝáõÙ á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ: ²ÛÝ ³Ù»ÝÁ, ÇÝã ³ñ¹»Ý ÇÙ³ó³Ýù HTML-Ç Ù³ëÇÝ, µ³í³Ï³Ý ¿, ѳëϳݳÉáõ ѳٳñ, áñ ï»ùëïÇ ·Í³ÝßÙ³Ý É»½íÇ ï³ññ»ñÇ Ýϳñ³·ñáõÃÛáõÝÁ ã³÷³½³Ýó ³ß˳ï³ï³ñ ¨ Ù»Í áõß³¹ñáõÃÛáõÝ å³Ñ³ÝçáÕ ·áñÍÁÝóó ¿: ºÝó¹ñ»Ýù` Ùß³ÏíáÕ web-¿çÁ å³ñáõݳÏáõÙ ¿ ï»ùëïÇ ï³ëÁ Ù»Í å³ñµ»ñáõÃÛáõÝÝ»ñ, áñáÝù ³ÝÑñ³Å»ßï ¿ ï»Õ³µ³ßË»É µñ³áõ½»ñÇ å³ïáõѳÝÇ ³ÙµáÕç ɳÛÝùáí ¨ ùë³Ý å³ïÏ»ñÝ»ñ, áñáÝù å»ïù ¿ ѳí³ë³ñ»óÝ»É ¿Ïñ³ÝÇ Ï»ÝïñáÝáí: ¸³ Ý߳ݳÏáõÙ ¿, áñ ï³ëÁ ³Ý·³Ù å»ïù ¿ ÷³ëï³ÃÕÃáõÙ ·ñ³Ýó»Ýù <p align= "justify"></p> ï»·»ñÁ ¨ ùë³Ý ³Ý·³Ù` <center></center> ϳ٠<img align="center" /> ï»·»ñÁ: ÆëÏ »Ã» ³ÝÑñ³Å»ßï ¿ Ý»ñϳ۳óÝ»É µ³ñ¹ ³ÕÛáõë³±Ï, áñÝ áõÝÇ ÙÇ ù³ÝÇ ï³ëÝÛ³Ï í³Ý¹³ÏÝ»ñ: ä³ïÏ»ñ³óÝáõ±Ù »ù ù³ÝÇ ³Ý·³Ù ¿ å»ïù ·ñ³Ýó»É, ûñÇݳÏ, height (µ³ñÓñáõÃÛáõÝ) µÝáõó·ñÇãÁ, áñå»ë½Ç ³ñï³å³ïÏ»ñí»Ý ѳí³ë³ñ µ³ñÓñáõÃÛáõÝ áõÝ»óáÕ í³Ý¹³ÏÝ»ñ µáÉáñ µñ³áõ½»ñÝ»ñÇ ¿Ïñ³ÝÝ»ñÇÝ: ¾É ã³ë»Ýù, áñ á׳íáñáõÙÁ ãÇ ë³Ñٳݳ÷³ÏíáõÙ ÙdzÛÝ ï»ùëïÝ áõ ÝϳñÝ»ñÁ ѳí³ë³ñ»óÝ»Éáí ¨ ³ÕÛáõë³ÏÇ í³Ý¹³ÏÝ»ñÇ µ³ñÓñáõÃÛáõÝÁ áñáß»Éáí: ÆëÏ »Ã» ³Û¹åÇëÇ ¿ç»ñÇ ù³Ý³ÏÁ ϳÛùáõÙ ÝáõÛÝå»ë ÙÇ ù³ÝÇ ï³ëÝÛ³Ï Ï³Ù, ÝáõÛÝÇëÏ, ѳñÛáõ±ñ ¿: î»·»ñÇ ù³Ý³ÏÇ ³í»É³óÙ³Ý Ñ»ï ³é³ç³ÝáõÙ ¿ ¨ë Ù»Ï ÑÇÙݳËݹÇñ` ³×áõÙ ¿ ³ñ¹ÛáõÝù³ÛÇÝ ý³ÛÉÇ Í³í³ÉÁ ¨, áñå»ë ³ñ¹ÛáõÝù, Ýí³½áõÙ ¿ ¹ñ³ µ»éÝÙ³Ý Å³Ù³Ý³ÏÁ: à×»ñÇ ³ÕÛáõë³ÏÝ»ñáõÙ û·ï³·áñÍíáõÙ ¿ web-¿ç»ñÇ µ³Õ³¹ñÇãÝ»ñÇ µÝáõó·ñÇãÝ»ñÇ Ýϳñ³·ñáõÃÛ³Ý ÙÇ ÷áùñ ³ÛÉ ³É·áñÇÃÙ: Ø»Ï ³Ý·³Ù ·ñ³Ýó»Éáí Ûáõñ³ù³ÝãÛáõñ ï»·Ç á×Ç Ñ³ïÏáõÃÛáõÝÝ»ñÁ “.css” ÁݹɳÛÝáõÙáí (ûñÇݳÏ` style.css) ï»ùëï³ÛÇÝ ý³ÛÉáõÙ ¨ áñ¨¿ »Õ³Ý³Ïáí Ùdzíáñ»Éáí ³ÛÝ HTML ÷³ëï³ÃÕûñÇÝ (Áݹ áñáõÙ` ³Ýë³Ñٳݳ÷³Ï ù³Ý³Ïáí ý³ÛÉ»ñÇÝ), ϳñ»ÉÇ ¿ ëïÇå»É µñ³áõ½»ñÇÝ Ï³ñ¹³É µáÉáñ ¿É»Ù»ÝïÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ³ñ¹»Ý ³Û¹ ý³ÛÉÇó: ¶áÛáõÃÛáõÝ áõÝÇ á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ¨ë Ù»Ï ³ÝíÇ×»ÉÇ ³é³í»ÉáõÃÛáõÝ` ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ϳÛùÇ µáÉáñ ¿ç»ñáõÙ ÷áË»É áñ¨¿ ï³ññÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, µ³í³Ï³Ý ¿ ÷á÷áË»É ¹ñ³ Ó¨³íáñÙ³Ý á×Á Áݹ³Ù»ÝÁ Ù»Ï ÷³ëï³ÃÕÃÇ Ù»Ï ïáÕáõÙ: 58
гïÏáõÃÛáõÝÝ»ñÇ ¨ ¹ñ³Ýó ³ñÅ»ùÝ»ñÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É ÁݹѳÝáõñ ï»ëùáíª Ñ³ïÏáõÃÛáõÝ:³ñÅ»ù - »ñµ ѳïÏáõÃÛáõÝÁ Ù»ÏÝ ¿ ¨` ѳïÏáõÃÛáõÝ1:³ñÅ»ù1;…;ѳïÏáõÃÛáõÝN: ³ñÅ»ùN - »ñµ ѳïÏáõÃÛáõÝÝ»ñÁ ÙÇ ù³ÝÇëÝ »Ý (ѳïÏáõÃÛáõÝÝ»ñÁ óáõó³ÏáõÙ ³é³ÝÓݳóíáõÙ »Ý Ï»ï-ëïáñ³Ï»ï»ñáí): ²ÛÝ ¹»åù»ñáõÙ, »ñµ, ³ÝÏ³Ë ÁݹѳÝáõñ á׳íáñáõÙÇó, áñ¨¿ Ù»Ï Ï³Ù »ñÏáõ ï»·»ñ ³ÝÑñ³Å»ßï ¿ Ý»ñϳ۳óÝ»É ³ÛÉ á×áí, ϳñ»ÉÇ ¿ ³Û¹ ï»·»ñáõÙ û·ï³·áñÍ»É style =”ѳïÏáõÃÛáõÝ:³ñÅ»ù” µÝáõó·ñÇãÁ: úñÇݳÏ, »ñµ ³ÝÑñ³Å»ßï ¿ áñáß³ÏÇ å³ñµ»ñáõÃÛáõÝáõÙ ï»ùëïÁ ·ñ³Ýó»É ϳݳ㠷áõÛÝÇ 10 åÇùë»É Ù»ÍáõÃÛ³Ý Ñ³ÛÏ³Ï³Ý ï³é³ß³ñáí, ³å³ ³Û¹ å³ñµ»ñáõÃÛáõÝÁ ·Í³ÝßáÕ <p> ï»·Á ÏÝϳñ³·ñíÇ Ñ»ï¨Û³É ï»ëùáíª <p style=”font-family:Arial Armenian,Arial LatArm,Times Armenian;font-size:10px;color:green”>î»ùëï</p> ÆÝãå»ë ï»ëÝáõÙ »Ýù, µ»ñí³Í ûñÇݳÏáõÙ font-familyª ï³é³ß³ñÇ ï»ë³ÏÁ µÝáõó·ñáÕ Ñ³ïÏáõÃÛ³ÝÁ ßÝáñÑí³Í »Ý ëïáñ³Ï»ï»ñáí µ³Å³Ýí³Í ÙÇ ù³ÝÇ ³ñÅ»ùÝ»ñ: ²Û¹åÇëÇ ¹»åù»ñáõÙ µñ³áõ½»ñÁ ÏÉÇ»Ýï³Ï³Ý ѳٳϳñ·ãáõÙ ÷ÝïñáõÙ ¿ óáõó³ÏáõÙ ·ñ³Ýóí³Í ³é³çÇÝ ï³é³ß³ñÁ, »Ã» ³ÛÝ µ³ó³Ï³ÛáõÙ ¿ª »ñÏñáñ¹Á ¨ ³ÛÉÝ, ÙÇÝ㨠·ïÝíÇ Ãí³ñÏí³Í ï³é³ß³ñ»ñÇó áñ¨¿ Ù»ÏÁ: гñϳíáñ ¿ font-family ѳïÏáõÃÛáõÝÁ û·ï³·áñÍ»ÉÇë ÉÇÝ»É ã³÷³½³Ýó áõß³¹Çñ: Ðݳñ³íáñ ¿, áñ óáõó³ÏáõÙ Ýßí³Í ¨ áã ÙÇ ï³é³ß³ñ ³éϳ ãÉÇÝÇ û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãáõÙ: ²Û¹åÇëÇ Çñ³íÇ׳ÏÝ»ñÇó Ëáõë³÷»Éáõ ѳٳñ ϳñ»ÉÇ ¿ å³Ñ³ÝçíáÕ ï³é³ß³ñÇ ý³ÛÉÁ ï»Õ³¹ñ»É ë»ñí»ñÇ íñ³` TTF (True Type Font) Ó¨³ã³÷áõÙ ¨ áñå»ë ѳïÏáõÃÛ³Ý ³ñÅ»ù` Ýᯐ ¹ñ³ URL ѳëó»Ý: úñÇݳϪ <p style=”font-family:url(ARIALAM.ttf)”>:
2.6.2. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ý»ñ¹ñáõÙÁ web-¿çáõÙ à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ û·ï³·áñÍÙ³Ý »Õ³Ý³ÏÝ»ñÇó Ù»ÏÁ ¹ñ³Ýó ³ÝÙÇç³Ï³Ý Ý»ñ¹ñáõÙÝ ¿ web-¿çáõÙ, Áݹ áñáõÙ, ϳËí³Í Ýå³ï³ÏÝ»ñÇó, ¹³ ϳñ»ÉÇ ¿ Çñ³·áñÍ»É »ñÏáõ Ñݳñ³íáñ ï³ñµ»ñ³ÏÝ»ñáí: ²é³çÇÝÁ, ÇÝãå»ë í»ñÁ Ýßí»ó, á×Ç ßÝáñÑáõÙÝ ¿ ³ÝÙÇç³å»ë ï»·ÇÝ` style ³ïñǵáõïÇ ÙÇçáóáí: à׳íáñÙ³Ý ³Û¹åÇëÇ »Õ³Ý³ÏÁ ÏÇñ³éíáõÙ ¿ ÙdzÛÝ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ÷á÷áË»É ¿çÇ ÏáÝÏñ»ï Ù³ëáõÙ ï»Õ³µ³ßËí³Í Ù»Ï-»ñÏáõ ï»·»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ: ºñµ ³ÝÑñ³Å»ßï ¿ ëï»ÕÍ»É á×Ç ³í»ÉÇ Éáõñç ѳٳÝÙ³ÝáõÃÛáõÝ, ³å³ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É <style></style> ï»·Á: лÝó ³Û¹ ï»·Ç ÙÇçáóáí ¿ web-¿çáõÙ Ý»ñ¹ñíáõÙ á×»ñÇ ³ÕÛáõë³ÏÁ: î»·Á ï»Õ³¹ñíáõÙ ¿ ÷³ëï³ÃÕÃÇ <head></head> »ÝóٳëáõÙ: ¶ñ³ÝóÙ³Ý Ó¨³ã³÷Á Ñ»ï¨Û³ÉÝ ¿ª <style type=”text/css”> ¿É»Ù»Ýï1 {ѳïÏáõÃÛáõÝ:³ñÅ»ù;…;ѳïÏáõÃÛáõÝ:³ñÅ»ù} ¿É»Ù»Ýï2 {ѳïÏáõÃÛáõÝ:³ñÅ»ù;…;ѳïÏáõÃÛáõÝ:³ñÅ»ù} … ¿É»Ù»ÝïN {ѳïÏáõÃÛáõÝ:³ñÅ»ù;…;ѳïÏáõÃÛáõÝ:³ñÅ»ù} </style>: ²ÕÛáõë³ÏáõÙ Ãí³ñÏí³Í ¿É»Ù»ÝïÝ»ñÁ CSS-Ç Ã»ñÙÇÝÝ»ñáí ÏáãíáõÙ »Ý ë»É»ÏïáñÝ»ñ (ï»ë³Ï³íáñÇãÝ»ñ), ³ÛÝ ³Ù»ÝÁ ÇÝã ·ñ³Ýóí³Í ¿ Ó¨³íáñ ÷³Ï³·Í»ñáõÙª ë³ÑÙ³ÝáõÙÝ»ñ: ê»É»ÏïáñÁ, ë³ÑÙ³ÝÙ³Ý Ñ»ï ÙdzëÇÝ, ϳ½ÙáõÙ ¿ ϳÝáÝ: <style> ï»·áõ٠ϳñáÕ »Ý ·ñ³Ýóí»É ÙÇ ß³ñù ϳÝáÝÝ»ñ (¹ñ³Ýó ·ñ³ÝóáõÙÁ ÝÙ³Ý ¿ ³ÕÛáõë³Ï³ÛÇÝ ·ñ³ÝóÙ³ÝÁ, ¨ Ñ»Ýó ³Û¹ï»ÕÇó ¿É ³Ýí³Ýí»É »Ý á×»ñÇ ³ÕÛáõë³ÏÝ»ñ): Úáõñ³ù³ÝãÛáõñ ϳÝáÝ Ï³ñáÕ ¿ Áݹ·ñÏ»É ÙÇ ù³ÝÇ ë³ÑÙ³ÝáõÙÝ»ñ, áñáÝù ³Û¹ ¹»åùáõÙ ³é³ÝÓݳóíáõÙ »Ý Ï»ï-ëïáñ³Ï»ï»ñáí: ºÃ», ûñÇݳÏ, ó³ÝϳÝáõÙ »Ýù, áñ µáÉáñ å³ñµ»ñáõÃÛáõÝÝ»ñáõÙ å³ñáõݳÏíáÕ ï»ùëïÁ ·ñ³ÝóíÇ Ã³í (bold), ß»Õ (italic), 12 åÇùë»É ã³÷ëÇ Ï³ñÙÇñ ·áõÛÝÇ (#ff0000) ѳÛÏ³Ï³Ý ï³é³ß³ñáí, ³å³ ϳñáÕ »Ýù ·ñ³Ýó»Éª <style type=”text/css”> p {font-family:Arial Armenian;font-size:12px;font-weight:bold; font-style:italic;color:#ff0000} </style>: ØǨÝáõÛÝ ë³ÑÙ³ÝáõÙÁ ϳñ»ÉÇ ¿ í»ñ³·ñ»É ÙÇ³Å³Ù³Ý³Ï ÙÇ ù³ÝÇ ë»É»ÏïáñÝ»ñÇ, áñáÝù ³Û¹ ¹»åùáõÙ Çñ³ñÇó µ³Å³ÝíáõÙ »Ý ëïáñ³Ï»ï»ñáí: úñÇݳϪ <style type=”text/css”> p,h1,ul,ol {font-family:Arial Armenian} </style>: гٳӳÛÝ µ»ñí³Í ϳÝáÝÇ` ¿çÇ µáÉáñ å³ñµ»ñáõÃÛáõÝÝ»ñáõÙ, ³é³çÇÝ Ï³ñ·Ç í»ñݳ·ñ»ñáõÙ, 59
ѳٳñ³Ï³Éí³Í ¨ åÇï³Ï³íáñí³Í óáõó³ÏÝ»ñáõÙ ï»ùëïÁ Ï·ñ³ÝóíÇ Ñ³Ûϳϳݪ “Arial Armenian” ÁÝï³ÝÇùÇ ï³é³ß³ñáí: ÀݹѳÝñ³å»ë á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ ÏáãíáõÙ »Ý Cascading Style Sheets` γëϳ¹³ÛÇÝ á×»ñÇ Ã»ñûñ (³ÕÛáõë³ÏÝ»ñ): γëϳ¹³ÛÇÝ` ù³ÝÇ áñ ¹ñ³Ýó ѳïáõÏ ¿ ųé³Ý·»Éáõ ѳïÏáõÃÛáõÝÁ: ºÃ», ûñÇݳÏ, <table> ï»·ÇÝ ßÝáñÑí³Í ¿ áñ¨¿ á×, ³å³ ¹ñ³ Ù»ç ÙïÝáÕ µáÉáñ ï³ññ»ñÁ (ïáÕ»ñÁ ¨ í³Ý¹³ÏÝ»ñÁ) Ïųé³Ý·»Ý ³Û¹ ÝáõÛÝ á×Á:
2.6.3. à×»ñÇ ¹³ë»ñ, á׳íáñÙ³Ý Ñ³ïáõϪ <div> ¨ <span> ï»·»ñÁ à×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ Ñݳñ³íáñáõÃÛáõÝ »Ý ÁÝÓ»éáõÙ áã ÙdzÛÝ ë³ÑٳݻÉáõ ³é³ÝÓÇÝ ï³ññ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, ³Ûɨ ëï»ÕÍ»Éáõ ³ÙµáÕç ¹³ë»ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ï³ñµ»ñ³Ï»É ï³ññ»ñÇ µÝáõó·ñ»ñÁ: úñÇݳÏ, »Ã» ³ÝÑñ³Å»ßï ¿ ³é³çÇÝ Ï³ñ·Ç í»ñݳ·ñ»ñÁ áñáß ï»Õ»ñáõÙ ·ñ³Ýó»É ß»Õ, ϳñÙÇñ ï³é»ñáí, ³å³ ϳñáÕ »Ýù ëï»ÕÍ»É ¹³ëª <style type=”text/css”> h1.krivoy {font-style:italic;color:red} </style>: îíÛ³É ¹»åùáõÙ h1 ë»É»ÏïáñÇ ÷á˳ñ»Ý û·ï³·áñÍí³Í ¿ h1. krivoy ë»É»ÏïáñÁ: ²ÕÛáõë³ÏáõÙ ·ñ³Ýóí³Í á×Á ÏÇñ³é»ÉÇ ¿ h1-Ç Ýϳïٳٵ ÙdzÛÝ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ï»·áõÙ ÝßíÇ class µÝáõó·ñÇãÁ, áñÇ ³ñÅ»ùÁ ѳٳå³ï³ëË³Ý ¹³ëÇ ³ÝáõÝÝ ¿: úñÇݳÏ, »Ã» Ñ1 ï»·Á ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª <h1>´³ñ¨ Ò»½</h1>, ³å³ ï»·áõÙ ·ñ³Ýóí³Í ï»ùëïÁ ϳñï³å³ïÏ»ñíÇ ëáíáñ³Ï³Ý` ë¨ ï³é³ß³ñáí: ÆëÏ ·ñ³ÝóÙ³Ý ³Ûë ï³ñµ»ñ³ÏáõÙª <h1 class=”krivoy”>´³ñ¨ Ò»½</h1>, ï»ùëïÁ ϳñï³å³ïÏ»ñíÇ Ï³ñÙÇñ, Çï³ÉÇÏ (ß»Õ) ï³é³ß³ñáí: ²Û¹ ûñÇݳÏÁ ѳëϳݳÉáõ ѳٳñ ϳ½Ù»Ýù ѳٳå³ï³ëË³Ý Íñ³·ñ³ÛÇÝ Ïá¹Á, áñÇ ³ñï³å³ïÏ»ñáõÙÁ µñ³áõ½»ñáõÙ µ»ñí³Í ¿ å³ïÏ»ñ 2.6.1-áõÙ: <html><head><title>CSS class example</title> <style type=”text/css”> h1.krivoy {font-style:italic;color:red} </style > </head> <body> <h1>´³ñ¨ Ò»½</h1> <h1 class="krivoy">´³ñ¨ Ò»½</h1> </body></html>
ä³ïÏ»ñ 2.6.1. ¸³ë»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï Î³ñ»ÉÇ ¿ Ù»Ï ï³ññÇ Ñ³Ù³ñ ëï»ÕÍ»É ó³Ýϳó³Í ù³Ý³ÏáõÃÛ³Ý ¹³ë»ñ ¨, Áëï ³ÝÑñ³Å»ßïáõÃÛ³Ý, ÷á÷áË»É ³Û¹ ï³ññÇ ï»ëùÁ` ßÝáñÑ»Éáí ï»·Ç class µÝáõó·ñÇãÇÝ Ñ³Ù³å³ï³ëË³Ý ³ñÅ»ù: à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ û·ï³·áñÍáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë ݳ¨ ëï»ÕÍ»É, ³Ûëå»ë Ïáãí³Í, áõÝÇí»ñë³É (ÁݹѳÝñ³Ï³Ý) ¹³ë»ñ, áñáÝù ϳñ»ÉÇ ¿ ϳå³Ïó»É Ï³Ù³Û³Ï³Ý ï»·Ç Ñ»ï: àõÝÇí»ñë³É ¹³ëÇ ë»É»ÏïáñÁ (ÁÝïñ³ÝáõÝÁ) ·ñ³ÝóíáõÙ ¿ Ï»ïÇó Ñ»ïá: úñÇݳÏ` »Ã» ëï»ÕÍáõÙ »Ýù ÁݹѳÝñ³Ï³Ý ¹³ë, áñÝ áõ½áõÙ »Ýù ³Ýí³Ý»É “visshiy”, ³å³ ¹ñ³ Ýϳñ³·ñáõÃÛáõÝÁ ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª 60
<style type=”text/css”> .visshiy {font-family:Arial Armenian;font-size:14px} </style >: àõÝÇí»ñë³É ¹³ëÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ëï»ÕÍí³Í á×Á ßÝáñÑ»É ¿çÇ Ï³Ù³Û³Ï³Ý ï³ññÇÝ, ûñÇݳϪ<p class=” visshiy”>…</p>, <ul class=” visshiy”>…</ul> ¨ ³ÛÉÝ: ¸³ëÇ ·³Õ³÷³ñÇ û·ï³·áñÍáõÙÁ ÃáõÛÉ ïí»ó ëï»ÕÍ»É web-¿ç»ñÇÝ ÇÝï»ñ³ÏïÇí ï»ëù ï³Éáõ ß³ï ï³ñ³Íí³Í ÙÇçáó: ²ÛÝ ÑÇÙÝí³Í ¿, ³Ûëå»ë Ïáãí³Í, å먹ṳë»ñÇ (»ñ¨³Û³Ï³Ý ¹³ë»ñÇ) ÏÇñ³éáõÃÛ³Ý íñ³, ÇÝãÁ ÃáõÛÉ ¿ ï³ÉÇë ÷á÷áË»É ÑÕáõÙÝ»ñÇ ¨ ÝٳݳïÇå ûµÛ»ÏïÝ»ñÇ (ÑÇÙݳϳÝáõÙ å³ïÏ»ñ³Ó¨»ñÇ` Ó¨³ã³÷»ñÇ ï³ññ»ñÇ) á×Á` ϳËí³Í áñáß³ÏÇ ¹ÇݳÙÇÏ Ï³ñ·³íÇ׳ÏÇó: ä먹ṳëÇ ëï»ÕÍÙ³Ý »Õ³Ý³ÏÁ Ñ»ï¨Û³ÉÝ ¿ª ï»·Ç ¹ÇëÏñÇåïáñÇó (Ýϳñ³·ñÇãÇó` ï»·Ç ³ÝáõÝÁ ë³ÑÙ³ÝáÕ µ³é-µ³Ý³ÉÇÇó) Ñ»ïá ¹ñíáõÙ ¿ ½áõÛ· Ï»ï (:), ¨ ·ñ³ÝóíáõÙ ¿ å먹ṳëÇ ³ÝáõÝÁ: ²ÕÛáõë³Ï 2.6.1-áõÙ µ»ñí³Í »Ý ÑÕáõÙÝ»ñÇ ¨ ÝÙ³Ý ûµÛ»ÏïÝ»ñÇ (ÑÇÙݳϳÝáõÙ å³ïÏ»ñ³Ó¨»ñÇ ï³ññ»ñÇ) ѳٳñ ݳ˳ï»ëí³Í å먹ṳë»ñÁ: ²ÕÛáõë³Ï 2.6.1 ä먹ṳë»ñÇ ûñÇݳÏÝ»ñ гïÏáõÃÛáõÝÁ Ü߳ݳÏáõÙÁ :link ¸»é ã³Ûó»Éí³Í ÑÕáõÙÇ ï»ëùÁ :visited ²ñ¹»Ý ³Ûó»Éí³Í ÑÕáõÙÇ ï»ëùÁ :hover ÐÕáõÙÇ Ï³Ù ûµÛ»ÏïÇ ï»ëùÁ ³ÛÝ å³ÑÇÝ, »ñµ ¹ñ³ íñ³ ¿ ·ïÝíáõÙ Ù³ñÏ»ñÁ (ÙÏÝÇÏÇ ÝßÇãÁ)` ³é³Ýó áñ¨¿ ëï»ÕÝ ë»ÕÙ»Éáõ :focus ÐÕáõÙÇ Ï³Ù ûµÛ»ÏïÇ ï»ëùÁ, »ñµ ³ÛÝ ³é³ÝÓݳóí³Í ¿ (expand) :active ÐÕáõÙÇ Ï³Ù ûµÛ»ÏïÇ ï»ëùÁ ³ÛÝ å³ÑÇÝ, »ñµ ¹ñ³ íñ³ ¿ ·ïÝíáõÙ Ù³ñÏ»ñÁ, ¨ ÙÇ³Å³Ù³Ý³Ï ë»ÕÙ³Í íÇ׳ÏáõÙ ¿ ÙÏÝÇÏÇ Ó³Ë Ï³Ù ëï»Õݳ߳ñÇ “Enter” ëï»ÕÝÁ :first-letter ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ ³é³çÇÝ ï³éÇ á×Á :first-line ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ ³é³çÇÝ ïáÕÇ á×Á ²ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿, áñ ë³ÑÙ³ÝíáÕ á×Á ÇÝùݳµ»ñ³µ³ñ í»ñ³·ñíÇ Ñ³Ù³å³ï³ë˳Ý` ¹ÇݳÙÇÏ íÇ׳ÏáõÙ ·ïÝíáÕ ûµÛ»ÏïÇÝ, ϳÝáÝÁ Ó¨³Ï»ñåíáõÙ ¿ Ñ»ï¨Û³É ï»ëùáíª ë»É»Ïïáñ:íÇ×³Ï {ϳÝáÝÝ»ñ}: úñÇݳÏ, »Ã» å먹ṳëÁ ëï»ÕÍ»Ýù ³ÛëåÇëÇ »Õ³Ý³Ïáíª <style type=”text/css”> a:hover {color:blue;background:yellow} </style >, ÙÏÝÇÏÇ ÝßÇãÁ web-¿çÇ Ï³Ù³Û³Ï³Ý ÑÕáõÙÇ íñ³ å³Ñ»ÉÇë (³é³Ýó áñ¨¿ ëï»ÕÝ ë»ÕÙ»Éáõ) ï³é»ñÁ Ϲ³éÝ³Ý Ï³åáõÛï, ÇëÏ ýáÝÁª ¹»ÕÇÝ: ºÃ» ãÇ å³Ñ³ÝçíáõÙ, áñå»ë½Ç ï»·Á, áñÇ Ñ³Ù³ñ ëï»ÕÍíáõÙ ¿ å먹ṳëÁ, ÷á÷áËÇ á×Á µáÉáñ ¹»åù»ñáõÙ, ³å³ ÏÇñ³éíáõÙ ¿ å먹ṳëÇ ëï»ÕÍÙ³Ý ÙÇçÝáñ¹í³Í »Õ³Ý³ÏÁª »Ýó¹³ëÇ ÙÇçáóáíª ë»É»Ïïáñ.»Ýó¹³ë:íÇ×³Ï {á×}: úñÇݳϪ <style type=”text/css”>a.taphtaza:hover {color:blue; background:yellow} </style >: ²Ûë ¹»åùáõÙ á×Á Ïí»ñ³·ñíÇ ÷³ëï³ÃÕÃÇ ÙdzÛÝ ³ÛÝåÇëÇ <a> ï»·»ñÇÝ, áñáÝó ѳٳñ Ýßí³Í ¿ª class=”taphtaza” ³ïñǵáõïÁ: ²ÕÛáõë³Ï 2.6.1-áõÙ µ»ñí³Í í»ñçÇÝ »ñÏáõ å먹ṳë»ñÁ û·ï³·áñÍíáõÙ »Ý ÑÇÙݳϳÝáõÙ ï»ùëïÁ Ó¨³íáñ»Éáõ Ýå³ï³Ïáí: ´»ñ»Ýù å먹ṳë»ñÇ ÏÇñ³éáõÃÛ³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ûñÇݳÏ, áñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.6.2-áõÙ: <html><head><title>CSS class example</title> <style type="text/css"> p {font-family:"Arial Armenian";font-size:14px} p.letter:first-letter {font-size:200%;font-style:italic;float:left} p.line:first-line {font-size:200%;font-style:italic;float:left} 61
</style> </head> <body> <p>ê³ ëáíáñ³Ï³Ý å³ñµ»ñáõÃÛáõÝ ¿, áñáõÙ å³ñ½³å»ë ë³ÑÙ³Ýí³Í ¿ ï³é³ß³ñÇ ÁÝï³ÝÇùÁ ¨ ï³é»ñÇ Ù»ÍáõÃÛáõÝÁª 14 åÇùë»É: </p> <p class="letter">²Ûë å³ñµ»ñáõÃÛ³Ý ³é³çÇÝ ï³éÇ á×Á ë³ÑÙ³Ýí³Í ¿ "first-letter" å먹ṳëÇ ÙÇçáóáí` font-size:200%;font-style: italic: ¸³ Ý߳ݳÏáõÙ ¿, áñ ³ÛÝ 2 ³Ý·³Ù Ù»Í ¿ ÁÝóóÇÏ ï³é³ß³ñÇ ï³é»ñÇó, ß»Õ ¿: </p> <p class="line">²Ûë å³ñµ»ñáõÃÛ³Ý ³é³çÇÝ ïáÕÇ á×Á ë³ÑÙ³Ýí³Í ¿ "first-line" å먹ṳëÇ ÙÇçáóáí` font-size:200%;font-style:italic: ¸³ Ý߳ݳÏáõÙ ¿, áñ ³é³çÇÝ ïáÕÇ µáÉáñ ï³é»ñÁ 2 ³Ý·³Ù Ù»Í »Ý ÁÝóóÇÏ ï³é³ß³ñÇ ï³é»ñÇó, ß»Õ »Ý: </p> </body></html> à×»ñÇ ³ÕÛáõë³ÏÝ»ñáõÙ ß³ï Ñ³×³Ë û·ï³·áñÍíáõÙ »Ý »ñÏáõ ѳïáõÏ ÏáÝï»ÛÝ»ñÝ»ñª <span>…</span> ¨ <div> …</div>: span (ѳۻñ»Ý ϳñ»ÉÇ ¿ óñ·Ù³Ý»Éª Ù³ïݳã³÷) ¨ div (division` µ³Å³ÝáõÙ) ï³ññ»ñÇ ÙÇçáóáí á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ ϳñ»ÉÇ ¿ ÏÇñ³é»É ÷³ëï³ÃÕÃÇ ó³Ýϳó³Í Ù³ëÇ Ñ³Ù³ñ: î³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ span ÏáÝï»ÛÝ»ñÁ Ý»ñïáÕ³ÛÇÝ ¿, ³ÛëÇÝùÝ` ¹ñ³ Ù»ç ãÇ Ï³ñ»ÉÇ ï»Õ³¹ñ»É å³ïÏ»ñÝ»ñ, ÙáõÉïÇÙ»¹Ç³ ¨ ³éѳë³ñ³Ï ¿çÇ Ù»Í³Í³í³É µ³Õ³¹ñÇãÝ»ñ: div-Á û·ï³·áñÍíáõÙ ¿ web-¿çÁ Ù³ë»ñÇ µ³Å³Ý»Éáõ ѳٳñ ¨, ù³ÝÇ áñ ÏáÝï»ÛÝ»ñ ¿, ³å³ ¹ñ³ ѳݹ»å ϳñ»ÉÇ ¿ ÏÇñ³é»É ó³Ý-ϳó³Í Ó¨³ã³÷: ²ÛÝ Ï³ñ»ÉÇ ¿ ¹Çï³ñÏ»É áñå»ë ëå³éáÕ³Ï³Ý ï³ññ ¨ ѳٳ¹ñ»É <body> ¨ <head> ï»·»ñÇ Ñ»ï: î»·Á å³ïϳÝáõÙ ¿, ³Ûëå»ë Ïáãí³Í, µÉáϳÛÇÝ ï³ññ»ñÇ ¹³ëÇÝ: ¸³ Ý߳ݳÏáõÙ ¿, áñ Ýñ³ ßáõñçÁ µñ³áõ½»ñÁ ÃáÕÝáõÙ ¿ ³½³ï ï³ñ³Íù (ûñÇݳϪ ÇÝãå»ë <p> ϳ٠<blockquote> ï»·»ñÇ Ñ³Ù³ñ):
ä³ïÏ»ñ 2.6.2. first-letter ¨ first-line å먹ṳë»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
2.6.4. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ï³å³ÏóáõÙÁ web-¿ç»ñÇÝ ÆÝãå»ë Ýßí»ó, <style> ÏáÝï»ÛÝ»ñÇ ÙÇçáóáí á×»ñÇ ³ÕÛáõë³ÏÝ»ñÁ Ý»ñ¹ñíáõÙ »Ý HTML ÷³ëï³ÃÕÃáõÙ (<head> µ³ÅÝáõÙ), ¨ ³ÕÛáõë³ÏÇ ³½¹»óáõÃÛáõÝÁ ï³ñ³ÍíáõÙ ¿ ÙdzÛÝ ³ÛÝ ÷³ëï³ÃÕÃÇ íñ³, áñáõÙ Ý»ñ¹ñí³Í ¿ <style>-Á: ê³Ï³ÛÝ µ³½Ù³ÃÇí ¿ç»ñÇó µ³Õϳó³Í ϳÛù»ñ Ù߳ϻÉÇë ³Û¹åÇëÇ Ùáï»óáõÙÁ 62
³éÝí³½Ý ³Ý³ñ¹Ûáõݳí»ï ¿ (ٳݳí³Ý¹ »ñµ ϳÛùÁ ó³ÝϳÉÇ ¿ Ó¨³íáñ»É ÙdzÝÙ³Ý á×áí), ù³ÝÇ áñ Ûáõñ³ù³ÝãÛáõñ ¿çáõÙ ÙǨÝáõÛÝ ³ÕÛáõë³ÏÁ <style> ÏáÝï»ÛÝ»ñáõÙ ·ñ³Ýó»ÉÁ µ³í³Ï³ÝÇÝ ³ß˳ï³ï³ñ ¿ ¨ áã ˻ɳÙÇï: ²í»ÉÇ Ñ³ñÙ³ñ ÏÉÇÝÇ Ï³½Ù»É ٻϪ ÁݹѳÝñ³Ï³Ý ³ÕÛáõë³Ï ¨ ³ÛÝ Ï³å³Ïó»É µáÉáñ ³ÝÑñ³Å»ßï ¿ç»ñÇ Ñ»ï: γå³ÏóáõÙÁ áõÝÇ »ñÏáõ ³ÏÝѳÛï ³é³í»ÉáõÃÛáõÝÝ»ñ: ²é³çÇݪ å»ïù ã¿ Ûáõñ³ù³ÝãÛáõñ ¿çÇ ëϽµáõÙ ·ñ³Ýó»É <style> ï»·Á: ºñÏñáñ¹ª »Ã» ³ÙµáÕç ϳÛùÇ á×»ñÇ Ï³ÝáÝÝ»ñÁ å³Ñå³ÝíáõÙ »Ý Ù»Ï ³ÕÛáõë³ÏáõÙ, ³å³ ½·³ÉÇáñ»Ý å³ñ½»óíáõÙ ¿ á×»ñÇ ËÙµ³·ñÙ³Ý ·áñÍÁÝóóÁ: ´³óÇ ³Û¹, »Ã» ϳÛùÇ Ó¨³íáñáõÙÁ Çñ³Ï³Ý³óÝáõÙ »Ý ÙÇ ù³ÝÇ ¹Ç½³ÛÝ»ñÝ»ñ, ³å³ ¹ÛáõñÇÝ ÏÉÇÝÇ Ý³¨ Ýñ³Ýó ѳٳ·áñͳÏóáõÃÛáõÝÁ: Web-¿çÁ á×»ñÇ ³ÕÛáõë³ÏÇ Ñ»ï ϳå³Ïó»Éáõ ѳٳñ Ý³Ë å»ïù ¿ ëï»ÕÍ»É ³é³ÝÓÇÝ ÷³ëï³ÃáõÕÃ, áñáõÙ ÏÝϳñ³·ñí»Ý ÙdzÛÝ á×»ñÁ: âÇ Ï³ñ»ÉÇ ·ñ³Ýó»É ³ÛÝ, ÇÝãÁ ϳñáÕ ¿ ³ñï³å³ïÏ»ñí»É µñ³áõ½»ñáõÙ: ²Û¹ ÷³ëï³ÃÕÃáõ٠ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ù»Ïݳµ³ÝáõÃÛáõÝÝ»ñ ·ñ³Ýó»Éáõ ѳïáõÏ ï»·»ñª /*…*/: êï»ÕÍí³Í ý³ÛÉÁ å³Ñå³ÝíáõÙ ¿ ѻﳷ³ û·ï³·áñÍÙ³Ý Ñ³Ù³ñ, ÇÝãå»ë í»ñÁ Ýßí»É ¿, .css ÁݹɳÛÝáõÙáí (ûñÇݳϪ styles.css): ´»ñ»Ýù ³Û¹åÇëÇ ÷³ëï³ÃÕÃÇ ÷áùñÇÏ ûñÇݳϪ /* ì»ñݳ·ñ³ÛÇÝ ï»·»ñÇ á×»ñÇ Ýϳñ³·ñáõÃÛáõÝÁ */ h1 {font-family:Arial Armenian;font-size:24pt;font-weight:800} h2 {font-family:Arial Armenian;font-size:20pt;font-weight:bold} /* ì»ñݳ·ñ³ÛÇÝ ï»·»ñÇ á×»ñÇ Ýϳñ³·ñáõÃÛ³Ý ³í³ñïÁ */: à×»ñÇ ³ÕÛáõë³ÏÝ»ñ å³ñáõݳÏáÕ ý³ÛÉÁ (¨ ³éѳë³ñ³Ï ϳ-Ù³Û³Ï³Ý ý³ÛÉÁ) ¿çÇ Ñ»ï ϳå³Ïó»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ ѳïáõÏ <link /> ï»·Á: ²ÛÝ áõÝÇ »ñÏáõ ÑÇÙÝ³Ï³Ý µÝáõó·ñÇ㪠rel (relation), áñÁ óáõÛó ¿ ï³ÉÇë, û ÇÝã ï»ë³ÏÇ ý³ÛÉÇ ¿ ϳå³ÏóíáõÙ ¿çÁ ¨ href, áñÇ ÙÇçáóáí ûɳ¹ñíáõÙ ¿ ³Û¹ ý³ÛÉÇ URL ѳëó»Ý: î»·Á ï»Õ³¹ñíáõÙ ¿ ÷³ëï³ÃÕÃÇ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ: úñÇݳϪ <head><title>ö³ëï³ÃÕÃÇ í»ñݳ·ÇñÁ</title> <link rel=”stylesheet” href=”styles/styles.css” /> </head>: URL ѳëó»Ý ϳñáÕ ¿ ÉÇÝ»É Ñ³ñ³µ»ñ³Ï³Ý ϳ٠µ³ó³ñÓ³Ï (¹³ ùÝݳñÏí»É ¿ ¢ 1.3-áõÙ): à×»ñÇ ³ÕÛáõë³ÏÝ»ñ å³ñáõݳÏáÕ ý³ÛÉÁ ϳñ»ÉÇ ¿ ݳ¨ Ý»ñ¹Ý»É Ûáõñ³ù³ÝãÛáõñ ¿çáõÙ` ѳïáõϪ import ¹Çñ»ÏïÇíÇ ÙÇçáóáí: ²ÛÝ ·ñ³ÝóíáõÙ ¿ <style> ï»·Ç Ý»ñùá ¨ å³ñáõݳÏáõÙ “.css” ý³ÛÉÇ URL ѳëó»Ý: úñÇݳϪ <style> @import url (á×»ñÇ ³ÕÛáõë³ÏÇ ý³ÛÉÇ URL ѳëó»Ý) </style>
2.6.5. ´ÉáϳÛÇÝ ï³ññ»ñÇ ï»Õ³µ³ßËÙ³Ý ¨ ï»ëùÇ á×»ñÁ HTML-Ç ³ÛÝ ï³ññ»ñÁ, áñáÝó ßáõñçÁ µñ³áõ½»ñÝ»ñÁ, Áëï Éé»ÉÛ³ÛÝ ÃáÕÝáõÙ »Ý ¹³ï³ñÏ ¹³ßï»ñ (ï³ñ³ÍáõÃÛáõÝ), ÏáãíáõÙ »Ý µÉáϳÛÇÝ: ²Û¹ ³Ýí³ÝáõÙÁ µ³ó³ïñíáõÙ ¿ Ýñ³Ýáí, áñ ¹ñ³Ýó ÙÇçáóáí ëï»ÕÍíáõÙ »Ý ï»ùëïÇ Ï³Ù ³ÛÉ ï³ññ»ñÇ µÉáÏÝ»ñ (ѻ勉µ³ñ` ¹ñ³Ýù ϳñáÕ »Ý ¹Çï³ñÏí»É áñå»ë ûµÛ»ÏïÝ»ñ): ²Û¹ ³Ù»ÝÁ ÃáõÛÉ ¿ ï³ÉÇë ÷á÷áË»É ¹ñ³Ýó ï»Õ³µ³ßËáõÙÁ ¨ ³ñï³ùÇÝ ï»ëùÁ, ë³ÑÙ³Ý»É ¹³ßï»ñ, ËáñáõÃÛáõÝ, ³í»É³óÝ»É Ï³Ù å³Ï³ë»óÝ»É ë³ÑÙ³ÝÝ»ñ, ßñç³Ý³ÏÝ»ñ ¨ ³ÛÉÝ: à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÙÇçáóáí ³Û¹ ѳïÏáõÃÛáõÝÝ»ñÁ ϳñ»ÉÇ ¿ í»ñ³·ñ»É µÉáϳÛÇÝ Ù³Ï³ñ¹³ÏÇ µáÉáñ ï³ññ»ñÇÝ: ²ÕÛáõë³Ï 2.6.2-áõÙ Ãí³ñÏí³Í »Ý ³ÛÝ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, áñáÝó ÙÇçáóáí ϳñ»ÉÇ ¿ ϳñ·³íáñ»É µÉáÏÝ»ñÇ ³ñï³ùÇÝ ï»ëùÁ: ²ÕÛáõë³Ï 2.6.2 ´ÉáϳÛÇÝ ï³ññ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ гïÏáõÃÛáõÝÁ ²ñÅ»ùÝ»ñÁ úñÇݳÏÝ»ñ margin ºñϳñáõÃÛáõÝ Ï³Ù % 2px,5% 10% padding ºñϳñáõÃÛáõÝ Ï³Ù % 2px,5% 10% border ȳÛÝáõÃÛáõÝ/á×/·áõÛÝ medium dashed red width ºñϳñáõÃÛáõÝ Ï³Ù % 100px, 5in, 50% height ºñϳñáõÃÛáõÝ Ï³Ù % 50px, 100% clear àõÕÕáõÃÛáõÝ left, right, none float àõÕÕáõÃÛáõÝ left, right, none, both margin ¨ padding ѳïÏáõÃÛáõÝÝ»ñÁ ë³ÑÙ³ÝáõÙ »Ý ѳٳå³ï³ë˳ݳµ³ñª ³ñï³ùÇÝ ¨ Ý»ñùÇÝ Éáõë³ÝóùÝ»ñÁ, ³ÛëÇÝùÝ` Éñ³óáõóÇã µ³ó³ÏÝ»ñ µÉáÏÇ ë³ÑÙ³ÝÝ»ñÇó ¹áõñë ¨ ë³ÑÙ³ÝÝ»ñÇ áõ ï»ùëïÇ 63
ÙÇç¨: ºñÏáõ ѳïÏáõÃÛáõÝÝ»ñÝ ¿É áõÝ»Ý “ÏáÕÙÝáñáßí³Í” »Ýóï»ë³ÏÝ»ñ: úñÇݳϪ “div {margin-left:5px}”, “table {margin-right:3px}”, “p {padding-top:3px}”, “table {padding-bottom:10px}”: ²Û¹ ¨ ³éѳë³ñ³Ï á×»ñÇ ³ÕÛáõë³ÏÝ»ñáõÙ û·ï³·áñÍíáÕ µáÉáñ ѳïÏáõÃÛáõÝÝ»ñÁ ¨ ¹ñ³Ýó Ñݳñ³íáñ ³ñÅ»ùÝ»ñÁ Ù³Ýñ³Ù³ëÝ Ýϳñ³·ñí³Í »Ý гí»Éí³Í 1-áõÙ: ´ÉáϳÛÇÝ ï³ññ»ñÇ áñáß Ñ³ïÏáõÃÛáõÝÝ»ñÁ (ÑÇÙݳϳÝáõÙª ßñç³Ý³ÏÝ»ñÇ ¨ Éáõë³ÝóùÝ»ñÇ µÝáõó·ñÙ³Ý Ñ»ï ϳåí³Í) áõÝ»Ý, ³Ûëå»ë Ïáãí³Í` “ÏáÕÙÝáñáßí³Í” ϳ٠“áõÕÕí³Í” ï³ñ³ï»ë³ÏÝ»ñ: úñÇݳϪ Ý»ñùÇÝ Éáõë³ÝóùÝ»ñÁ (padding) ϳñ»ÉÇ ¿ µÝáõó·ñ»É ÇÝãå»ë ³ÙµáÕçáíÇݪ ÙÇ³Å³Ù³Ý³Ï ãáñë ÏáÕÙÇÝÝ ¿É, ³ÛÝå»ë ¿É ³é³ÝÓÇݪ í»ñÇÝ, ëïáñÇÝ, ӳ˳ÏáÕÙÛ³Ý ¨ ³ç³ÏáÕÙÛ³Ý: ²Û¹åÇëÇ ¹»åù»ñáõ٠ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛ³Ý ³Ýí³ÝáõÙÁ á×»ñÇ ³ÕÛáõë³ÏáõÙ ·ñ³ÝóíáõÙ ¿ µ³Õ³¹ñÛ³É ï»ëùáí: ²ÛÝ Ï³éáõóíáõÙ ¿ Ñ»ï¨Û³É ëϽµáõÝùáíª ÑÇÙÝ³Ï³Ý µÝáõó·ñíáÕ å³ñ³Ù»ïñÇ ³Ýí³ÝÙ³ÝÁ ·áõÙ³ñíáõÙ ¿ ¹ñ³ “áõÕÕáõÃÛáõÝÁ” ¨, »Ã» ³ÝÑñ³Å»ßï ¿, ѳٳå³ï³ëË³Ý µÝáõó·ñÇãÁ, áñÇÝ å»ïù ¿ ïñíÇ ³ñÅ»ù: ¸ñ³Ýù ³é³ÝÓݳóíáõÙ »Ý ·ÍÇÏÝ»ñáí: Þ³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` ѳïÏáõÃÛáõÝ-áõÕÕáõÃÛáõÝ:µÝáõó·ñÇã: úñÇݳϪ ï³ññÇ “Ó³Ë Ý»ñùÇÝ Éáõë³Ýóù” ѳïÏáõÃÛáõÝÁ Ï·ñ³ÝóíǪ padding-left, “í»ñÇÝ ³ñï³ùÇÝ Éáõë³Ýóù” ѳïÏáõÃÛáõÝÁ` margin-top ¨ ³ÛÉÝ: Þñç³Ý³ÏÝ»ñÇ Ñ³ëïáõÃÛáõÝÁ ë³ÑÙ³ÝíáõÙ ¿ border ѳïÏáõÃÛáõÝáí: ²ñÅ»ùÝ»ñÁ ϳñáÕ »Ý ÉÇÝ»É ÇÝãå»ë Ãí³ÛÇÝ, ³ÛÝå»ë ¿É ³Ýí³ÝáõÙÝ»ñª thin, medium, thick: úñÇݳϪ “table {border:thin}” ϳ٠“table {border:1px}”: ºñµ ³ÝÑñ³Å»ßï ¿ ë³ÑÙ³Ý»É áñ¨¿ ѳïÏáõÃÛáõÝ ï³ññÇ µáÉáñ ßñç³Ý³ÏÝ»ñÇ Ñ³Ù³ñ, ³å³ border µ³éÇó Ñ»ïá ·ñ³ÝóíáõÙ ¿ ·ÍÇÏ ¨ ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛ³Ý ³Ýí³ÝáõÙÁ, ûñÇݳϪ border-color –ßñç³Ý³ÏÇ ·áõÛÝÁ (³ñÅ»ùÝ»ñÁ ßÝáñÑíáõÙ »Ý ÇÝãå»ë ¨ color ѳïÏáõÃÛ³ÝÁ) border-style – ë³ÑÙ³ÝáõÙ ¿ ßñç³Ý³ÏÇ ·Í³·ñÙ³Ý á×Áª Áݹѳï, ³ÝÁÝ¹Ñ³ï ¨ ³ÛÉÝ, border-width – ë³ÑÙ³ÝáõÙ ¿ ßñç³Ý³ÏÇ Ñ³ëïáõÃÛáõÝÁ ²Û¹ ѳïÏáõÃÛáõÝÁ ÝáõÛÝå»ë áõÝÇ ÏáÕÙÝáñáßí³Í ï³ñ³ï»ë³ÏÝ»ñª border-top, border-left, border-right, border-bottom, áñáÝó ÙÇçáóáí ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É Ñ³Ù³å³ï³ë˳ݳµ³ñª í»ñÇÝ, Ó³Ë, ³ç ¨ ëïáñÇÝ ßñç³Ý³ÏÝ»ñÇ µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ: úñÇݳϪ border-left-color:#00ff00 – Ó³Ë-ßñç³Ý³ÏÇ-·áõÛÝÁ:ϳݳã, border-right-style:dash – ³ç-ßñç³Ý³ÏÇ-á×Á:Áݹѳï, border-bottom-width:3px – ëïáñÇÝ-ßñç³Ý³ÏÇ- ѳëïáõÃÛáõÝÁ:3px: î³ññ»ñÇ É³ÛÝáõÃÛáõÝÁ ¨ µ³ñÓñáõÃÛáõÝÁ ë³ÑٳݻÉáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý width ¨ height ѳïÏáõÃÛáõÝÝ»ñÁ, áñáÝù ϳñáÕ »Ý ÁݹáõÝ»É Ãí³ÛÇÝ Ï³Ù ïáÏáë³ÛÇÝ ³ñÅ»ùÝ»ñ: úñÇݳϪ div {width:300px} ϳ٠table {width:50%;height:70%}: float ѳïÏáõÃÛáõÝÁ ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É “ÉáÕ³óáÕ” µÉáÏÝ»ñ, áñáÝù ßñç³÷³ÏíáõÙ »Ý ï»ùëïáí ϳ٠³ÛÉ ï³ññ»ñáí: ²ÛÝ ÑÇß»óÝáõÙ ¿ img ï»·Ç align µÝáõó·ñÇãÁ: î³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ float ѳïÏáõÃÛáõÝÁ ϳñ»ÉÇ ¿ í»ñ³·ñ»É Ï³Ù³Û³Ï³Ý µÉáϳÛÇÝ ¿É»Ù»ÝïÇ: ²ñÅ»ùÝ»ñÝ »Ýª none, left, right: úñÇݳÏ, »Ã» ·ñ³ÝóíÇ “float:left”, ³å³ ï³ññÁ Ïë»ÕÙíÇ Ó³Ë Éáõë³ÝóùÇÝ, ÇëÏ ÙÛáõë ï³ññ»ñÁ Ïßñç³Ýó»Ý ¹ñ³Ý ³çÇó: clear ѳïÏáõÃÛ³Ý ÙÇçáóáí áñáßíáõÙ ¿ª ϳñá±Õ »Ý ³ñ¹Ûáù ÙÛáõë ï³ññ»ñÁ ßñç³÷³Ï»É ïíÛ³É ï³ññÁ áñ¨¿ ÏáÕÙÇó: úñÇݳÏ, “clear:left” ³ñÅ»ùÇ ¹»åùáõÙ ïíÛ³É µÉáÏÁ ï»Õ³ß³ñÅíáõÙ ¿ Ó³Ëáí ѳí³ë³ñ»óí³Í “ÉáÕ³óáÕ” ï³ññÇ ï³Ï ¨, ÙdzųٳݳÏ, ³ñ·»ÉíáõÙ ¿ ¹ñ³ ßñç³ÝóáõÙÁ ³çÇó: ì»ñçÇÝ »ñÏáõ ѳïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ ³í»ÉÇ É³í å³ïÏ»ñ³óÝ»Éáõ ѳٳñ ϳ½Ù»Ýù Ñ»ï¨Û³É HTML ÷³ëï³ÃáõÕÃÁ (ï»ë ݳ¨` å³ïÏ»ñ 2.6.3-Á): <html> <head> <title>CSS examples </title> <style type="text/css"> img.right {float:right} img.left {float:left} h2.no_wrap {clear:left} </style> </head> <body> <h2 class="wrap">ê³ ëáíáñ³Ï³Ý í»ñݳ·Çñ ¿</h2> <p><img class="right" src="back_up.gif" />Í 64
ä³ïÏ»ñ 2.6.3. float ¨ clear ѳïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï ²Ûë ÝϳñÇ float ѳïÏáõÃÛ³ÝÁ ßÝáñÑí³Í ¿ right ³ñÅ»ùª "float:right": ¸³ Ý߳ݳÏáõÙ ¿, áñ ï»ùëïÁ å»ïù ¿ ßñç³ÝóÇ ¹ñ³Ý Ó³Ë ÏáÕÙÇó: </p> <p>ì»ñݳ·ÇñÁ, áñÁ ¹áõù ï»ëÝáõÙ »ù ëïáñ¨, áõÝÇ "clear:left" ѳïÏáõÃÛáõÝ: ¸³ Ý߳ݳÏáõÙ ¿, áñ í»ñݳ·ÇñÁ ï»Õ³÷áËíáõÙ ¿ Çñ»ÝÇó Ó³Ë ·ïÝíáÕ ï³ññ»ñÇ ï³Ï: </p> <h2 class="no_wrap"> ì»ñݳ·Çñ` "clear:left" ³ñÅ»ùáí</h2> <p><img class="left" src="forw_up.gif" /> ²Ûë ÝϳñÇ float ѳïÏáõÃÛ³ÝÁ ßÝáñÑí³Í ¿ left ³ñÅ»ùª "float:left": ¸³ Ý߳ݳÏáõÙ ¿, áñ ï»ùëïÁ å»ïù ¿ ßñç³ÝóÇ ¹ñ³Ý ³ç ÏáÕÙÇó: </p> </body></html>
2.6.6. гïáõÏ å³ÛٳݳÝÇß»ñ (åñÇÙÇïÇíÝ»ñ) Þ³ï ¹»åù»ñáõÙ ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ ³ñï³å³ïÏ»ñ»É áñáß Ýß³ÝÝ»ñ, áñáÝù ϳ٠ãÏ³Ý ëï»Õݳ߳ñÇ íñ³, ϳ٠ϳñáÕ »Ý µñ³áõ½»ñÇ ÏáÕÙÇó í»ñͳÝí»É áñå»ë ·Í³ÝßÙ³Ý ï³ññ (ï»·), ûñÇݳÏ` <, >, @ ¨ ³ÛÉÝ: ²Û¹ ËݹÇñÁ ÉáõÍ»Éáõ Ýå³ï³Ïáí ëï»ÕÍí»É »Ý ѳïáõÏ Ýß³ÝÝ»ñª åñÇÙÇïÇíÝ»ñ, áñáÝù ÉÇÝáõÙ »Ý »ñÏáõ ï»ë³ÏǪ ï³é³ÝÇß³ÛÇÝ ¨ Ãí³ÝÇß³ÛÇÝ: ºñÏáõ ï»ë³ÏÇ Ýß³ÝÝ»ñÝ ¿É ëÏëíáõÙ »Ý ÙǨÝáõÛݪ & (³Ùå»ñë³Ý¹) Ýß³Ýáí ¨ ³í³ñïíáõÙ Ï»ïëïáñ³Ï»ïáí` “;”, áñÁ ³½¹³ñ³ñáõÙ ¿ åñÇÙÇïÇíÇ ³í³ñïÁ: î³é³ÝÇß³ÛÇÝ åñÇÙÇïÇíÝ»ñáõÙ ³Û¹ »ñÏáõ Ýß³ÝÇ ÙÇç¨ ·ñ³ÝóíáõÙ »Ý ï³é»ñ, ÇëÏ Ãí³ÝÇß³ÛÇÝÝ»ñáõÙ &-Çó Ñ»ïá ·ñ³ÝóíáõÙ ¿ “#” Ýß³ÝÁ, ³å³` Ãí³ÛÇÝ Ïá¹Á: àñáß Ýß³ÝÝ»ñ ϳñ»ÉÇ ¿ ³ñï³Ñ³Ûï»É ÇÝãå»ë ï³é³ÝÇß³ÛÇÝ, ³ÛÝå»ë ¿É Ãí³ÝÇß³ÛÇÝ åñÇÙÇïÇíÝ»ñáí: úñÇݳϪ áõÕÇÕ ã³Ï»ñïÝ»ñÇ ï³é³ÝÇß³ÛÇÝ åñÇÙÇïÇíÁ ·ñ³ÝóíáõÙ ¿ Ñ»ï¨Û³É ï»ëùáíª “&quot;”, ÇëÏ Ãí³ÝÇß³ÛÇÝÁª “&#34;”: HTML-áõÙ û·ï³·áñÍíáÕ Ýß³ÝÝ»ñÇ µ³½ÙáõÃÛáõÝÁ ÏáãíáõÙ ¿ ISO-Latin-1: ²ÛÝ Ñ³ëï³ïí³Í ¿ êï³Ý¹³ñï³óÙ³Ý ÙÇç³½·³ÛÇÝ Ï³½Ù³Ï»ñåáõÃÛ³Ý (International Organization for Standartizationª ISO) ÏáÕÙÇó: ´áÉáñ ѳëï³ïí³Í ëï³Ý¹³ñïÝ»ñÝ áõÝ»Ý Ñ³Ù³ñÝ»ñ: ISO-Latin-1-Á ѳÛïÝÇ ¿ ݳ¨ áñå»ë ISO 8859-1: ²ëí³ÍÁ å³ñ½³µ³Ý»Éáõ ѳٳñ ϳ½Ù»Ýù ûñÇݳÏ: ºÝó¹ñ»Ýù` ³ÝÑñ³Å»ßï ¿ ³ñï³å³ïÏ»ñ»É 65
µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ Ñ»ï¨Û³É ï»ùëïÁª î»ùëïÁ óí ï³é³ß³ñáí ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý <b> µ³óáÕ ¨ </b> ÷³ÏáÕ ï»·»ñÁ: ºÃ» ÷³ëï³ÃáõÕÃÁ ϳ½Ù»ÉÇë ݳ˳¹³ëáõÃÛáõÝÁ ·ñ³Ýó»Ýù í»ñÁ µ»ñí³Í ï»ëùáí, ³å³ µñ³áõ½»ñÁ <b> ¨ </b>-Ý Ïí»ñͳÝÇ áñå»ë ·Í³ÝßÙ³Ý ï»·»ñ ¨ “µ³óáÕ ¨” µ³é»ñÁ å³ñ½³å»ë ϳñï³å³ïÏ»ñÇ Ã³í ï³é³ß³ñáí: ê³Ï³ÛÝ Ù»ñ Ýå³ï³ÏÝ ³ÛÝ ¿, áñ ï»ùëïÁ ³ñï³å³ïÏ»ñíÇ ÝáõÛÝ ï»ëùáí, ÇÝãå»ë ·ñ³Ýóí³Í ¿: лÝó ¹ñ³ ѳٳñ ¿É û·ï³·áñÍíáõÙ »Ý åñÇÙÇïÇíÝ»ñÁ: ºÃ» ÝáõÛÝ Ý³Ë³¹³ëáõÃÛáõÝÁ HTML ÷³ëï³ÃÕÃáõÙ ·ñ³ÝóíÇ Ñ»ï¨Û³É Ï»ñåª î»ùëïÁ óí ï³é³ß³ñáí ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý &lt;b&gt; µ³óáÕ ¨ &lt;/b&gt; ÷³ÏáÕ ï»·»ñÁ, ³å³ ³ñï³å³ïÏ»ñáõÙÁ Ïѳٳå³ï³ë˳ÝÇ ó³Ýϳó³ÍÇÝ: úñÇݳÏÁ å³ñ½³µ³Ý»Éáõ ѳٳñ ϳ½Ù»Ýù Ñ»ï¨Û³É HTML ÷³ëï³ÃáõÕÃÁ (ï»ë ݳ¨` å³ïÏ»ñ 2.6.4.): <html> <head><title>Primitivs using example</title> </head> <body> <p>î»ùëïÁ óí ï³é³ß³ñáí ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý <b> µ³óáÕ ¨ </b> ÷³ÏáÕ ï»·»ñÁ</p> <p>î»ùëïÁ óí ï³é³ß³ñáí ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý &lt;b&gt; µ³óáÕ ¨ &lt;/b&gt; ÷³ÏáÕ ï»·»ñÁ</p> </body></html> àñáߪ ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕ åñÇÙÇïÇíÝ»ñÇ óáõó³ÏÁ Ý»ñϳ۳óí³Í ¿ ѳí»Éí³Í 2-áõÙ:
ä³ïÏ»ñ 2.6.4. äñÇÙÇïÇíÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
66
¢ 2.7. γÛù»ñÇ Ï³éáõóáõÙÁ ýñ»ÛÙÝ»ñÇ (ßñç³Ý³ÏÝ»ñÇ) ÙÇçáóáí ºñϳñ Å³Ù³Ý³Ï web-ϳÛù»ñÇ Ñ»ÕÇݳÏÝ»ñÁ ç³ÝáõÙ ¿ÇÝ Ï³½Ù³Ï»ñå»É ϳÛùÇ ¿ç»ñáí “»ñè»Ï»Éáõ” ÙÇçáó, áñÁ ϳï³ñí³Í ÉÇÝ»ñ Ùdzï»ë³Ï á×áí ³ÙµáÕç ϳÛùÇ ¨, ÝáõÛÝÇëÏ, ³ÙµáÕç åáñï³ÉÇ Ñ³Ù³ñ: êï³Ý¹³ñï ·áñÍÇùÝ»ñ û·ï³·áñÍ»ÉÇë ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ñ ³é³ç³ÝáõÙ ÏñÏÝ»É ÑÕáõÙ³ÛÇÝ ÁÝïñ³ó³ÝÏ»ñÁ (Ù»ÝÛáõÝ»ñÁ) Ûáõñ³ù³ÝãÛáõñ ¿çáõÙ: ê³Ï³ÛÝ HTML Frames ëå»óÇýÇϳódzÛÇ ½³ñ·³óáõÙÁ Ñݳñ³íáñáõÃÛáõÝ ÁÝÓ»é»ó µ³Å³Ý»Éáõ µñ³áõ½»ñÇ å³ïáõѳÝÁ ÙÇ ù³ÝÇ µ³Õ³¹ñÛ³É å³ïáõѳÝÝ»ñÇ` ³ñï³å³ïÏ»ñ»Éáí ¹ñ³ÝóáõÙ Çñ³ñÇó ÉÇáíÇÝ ³ÝÏ³Ë ¿ç»ñ: üñ»ÛÙÝ»ñÇ û·ï³·áñÍÙ³Ý Ñ³Ù³ñ <body> ï»·Á ÷á˳ñÇÝíáõÙ ¿ <frameset>…</frameset> ÏáÝï»ÛÝ»ñáí, áñÁ ϳñáÕ ¿ å³ñáõÝ³Ï»É ÙÇ ù³ÝÇ ³é³ÝÓÇÝ <frame /> ï³ññ»ñ, Áݹ áñáõÙ` ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñáõÙ ³ñï³å³ïÏ»ñíáõÙ »Ý ë»÷³Ï³Ý URL ѳëó» áõÝ»óáÕ ÷³ëï³ÃÕûñ: ²ÝÑñ³Å»ßï ¿ ݳ¨ Ýᯐ ÷³ëï³ÃÕÃÇ ï»ë³ÏÇ ë³ÑÙ³ÝáõÙÁ: гٳӳÛÝ Ýáñ ëï³Ý¹³ñïÇ` ³ÛÝ ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª <!DOCTYPE html PUBLIC "\//W3C//DTD XHTML 1.0 Frameset/EN" "http://www.w3.org/TR/xhtml1/DTD/frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml ">: üñ»ÛÙÝ»ñÇ Ý»ñëáõÙ ³é³ÝÓÇÝ ¿ç»ñ ϳñáÕ »Ý å³ñáõÝ³Ï»É ÑÇå»ñÑÕáõÙÝ»ñ, Áݹ áñáõÙ` ÝßíáõÙ ¿, û áñ ýñ»ÛÙÝ»ñáõÙ å»ïù ¿ ³ñï³å³ïÏ»ñí»Ý ³Û¹ ѳëó»Ý»ñÝ áõÝ»óáÕ ÷³ëï³ÃÕûñÁ: ÐÇå»ñÑÕáõÙÝ»ñ å³ñáõݳÏáÕ ¿çÁ ϳñ»ÉÇ ¿ ϳ½Ù³Ï»ñå»É ³ÛÝå»ë, áñ ÑÕáõÙÝ»ñÇ óáõó³ÏÁ ³ñï³å³ïÏ»ñíÇ ³é³ÝÓÇÝ å³ïáõѳÝáõÙ, ÇëÏ ÑÕáõÙ³ÛÇÝ ¿ç»ñÁ ÙÇßï ³ñï³å³ïÏ»ñí»Ý ÙǨÝáõÛÝ Ýå³ï³Ï³ÛÇÝ å³ïáõѳÝáõÙ (ýñ»ÛÙáõÙ), áñÁ ϳñ»ÉÇ ¿ ³Ýí³Ý»É “¹Çï³ñÏÙ³Ý ·É˳íáñ å³ïáõѳݔ: Ð³×³Ë ýñ»ÛÙÝ»ñÝ áõÝ»ÝáõÙ »Ý ë»÷³Ï³Ý åïï³ëï»ÕÝ Ï³Ù ÙÏÝÇÏÇ ÙÇçáóáí ã³÷ë»ñÇ ÷á÷áËáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝ: <frameset> ï»·Ý áõÝÇ »ñÏáõ ÑÇÙÝ³Ï³Ý µÝáõó·ñÇãÝ»ñª cols ¨ rows, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë µñ³áõ½»ñÇ å³ïáõѳÝÁ µ³Å³Ý»É ó³Ýϳó³Í ù³Ý³ÏáõÃÛ³Ý ïáÕ»ñÇ ¨ ëÛáõݳÏÝ»ñÇ (ýñ»ÛÙÝ»ñÇ): úñÇݳϪ <frameset cols=”30%,70%”></frameset> ·ñ³ÝóáõÙÁ Ý߳ݳÏáõÙ ¿, áñ µñ³áõ½»ñÇ å³ïáõѳÝÁ µ³Å³Ýí»Éáõ ¿ »ñÏáõ ëÛáõݳÏÝ»ñÇ (ýñ»ÛÙÝ»ñÇ), áñáÝóÇó Ó³ËÁ å»ïù ¿ ½µ³Õ»óÝÇ å³ïáõѳÝÇ É³ÛÝáõÃÛ³Ý 30%-Á, ÇëÏ ³çÁª 70%-Á: ÆëÏ »Ã» ï»·Á ·ñ³Ýó»Ýù Ñ»ï¨Û³É ï»ëùáíª <frameset rows=”20%,50%,30%”> </frameset>, ³å³ µ³Å³ÝáõÙÁ Ïϳï³ñíÇ Áëï ïáÕ»ñÇ (3 ïáÕ), áñáÝù Ͻµ³Õ»óÝ»Ý µñ³áõ½»ñÇ å³ïáõѳÝÇ Ñ³Ù³å³ï³ë˳ݳµ³ñª 20, 50 ¨ 30 ïáÏáëÁ: üñ»ÛÙÝ»ñÇ É³ÛÝáõÃÛáõÝÁ ϳ٠µ³ñÓñáõÃÛáõÝÁ ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É Ý³¨ åÇùë»ÉÝ»ñáí: úñÇݳϪ <frameset rows=”10,100,300,200”> </frameset> ·ñ³ÝóáõÙÁ Ý߳ݳÏáõÙ ¿, áñ ë³ÑÙ³ÝíáõÙ »Ý ãáñë, ѳٳå³ï³ë˳ݳµ³ñª 10,100, 300 ¨ 200 åÇùë»É µ³ñÓñáõÃÛáõÝÝ»ñ áõÝ»óáÕ ÑáñǽáÝ³Ï³Ý ýñ»ÛÙÝ»ñ (µ³Å³ÝáõÙ Áëï ïáÕ»ñÇ): ÀݹѳÝáõñ ³éٳٵ, ѳñÙ³ñ ¿ ÉÇÝáõÙ Ýᯐ ïáÏáëÝ»ñáí ϳ٠åÇùë»ÉÝ»ñáí ÙdzÛÝ Í³é³ÛáÕ³Ï³Ý (ûñÇݳϪ áõÕÕáñ¹Ù³Ý) ¨ (»Ã» ϳ) Ó¨³íáñÙ³Ý Ýå³ï³ÏÝ»ñáí ëï»ÕÍíáÕ ýñ»ÛÙÝ»ñÇ ã³÷ë»ñÁ` ÃáÕÝ»Éáí Ùݳó³Í ï³ñ³ÍáõÃÛáõÝÁ “·É˳íáñ” å³ïáõѳÝÇÝ: ¸³ Çñ³Ï³Ý³óíáõÙ ¿ ѳïáõϪ “*” (³ëïÕ³ÝÇß) ³ñÅ»ùÇ ÙÇçáóáí: úñÇݳÏ, »Ã» ë³ÑÙ³ÝáõÙÁ ·ñ³Ýó»Ýù Ñ»ï¨Û³É ï»ëùáíª <frameset cols=”30%,*”></frameset>, ³å³ ¹³ ÏÝ߳ݳÏÇ, áñ Ó³Ë áõÕճѳ۳ó ýñ»ÛÙÁ Ͻµ³Õ»óÝÇ å³ïáõѳÝÇ É³ÛÝùÇ 30 ïáÏáëÁ, ÇëÏ ³çÁª Ùݳó³Í ï³ñ³ÍáõÃÛáõÝÁ` ³ÝÏ³Ë ¿Ïñ³ÝÇ µ³óí³ÍùÇó: ê³Ï³ÛÝ <frameset> ÏáÝï»ÛÝ»ñÁ ÇÝùÝÁëïÇÝùÛ³Ý áñáßáõÙ ¿ ÙdzÛÝ µ³Å³ÝÙ³Ý »Õ³Ý³ÏÁ, ¨ áñå»ë½Ç Ñݳñ³íáñ ÉÇÝÇ áñ¨¿ µ³Ý ï»ëÝ»É ¿Ïñ³ÝÇݪ ³ÝÑñ³Å»ßï ¿ Ýϳñ³·ñ»É Ûáõñ³ù³ÝãÛáõñ ³é³ÝÓÇÝ ýñ»ÛÙÁ: ¸³ ϳï³ñíáõÙ ¿ <frame /> ï»·Ç û·ÝáõÃÛ³Ùµ, áñÇ src µÝáõó·ñÇãáõÙ ÝßíáõÙ ¿ ³ÛÝ ¿çÇ Ñ³ëó»Ý, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ ïíÛ³É ýñ»ÛÙáõÙ, Áݹ áñáõÙ` µáÉáñ ³ñï³å³ïÏ»ñíáÕ ¿ç»ñÁ å»ïù ¿ ÉÇÝ»Ý ÉdzñÅ»ù HTML ÷³ëï³ÃÕûñ: гëó»Ý ϳñáÕ ¿ ÉÇÝ»É ÇÝãå»ë µ³ó³ñÓ³Ï, ³ÛÝå»ë ¿É ѳñ³µ»ñ³Ï³Ý (ѳëó»³íáñáõÙÁ ùÝݳñÏí»É ¿ ¢ 2.3-áõÙ): <frame /> ï»·»ñÇ ù³Ý³ÏÁ å»ïù ¿ ѳٳå³ï³ë˳ÝÇ <frameset> ï»·áõÙ ë³ÑÙ³Ýí³Í ýñ»ÛÙÝ»ñÇ ù³Ý³ÏÇÝ: úñÇݳÏ, »Ã» ϳéáõóíáõÙ ¿ »ñÏáõ ëÛáõݳÏÇó ϳ½Ùí³Í ýñ»ÛÙÝ»ñÇ ËáõÙµ, ³å³ ³ÝÑñ³Å»ßï ¿ ·ñ³Ýó»É »ñÏáõ <frame /> ï³ññ»ñª <frameset cols=”30%,*”> <frame src=”ѳëó»” /> <frame src=”ѳëó»” /> </frameset>: ²ëí³ÍÁ å³ñ½³µ³Ý»Éáõ ѳٳñ ϳ½Ù»Ýù »ñ»ù ÷³ëï³ÃÕûñ: ²é³çÇÝ ÷³ëï³ÃÕÃáõÙ, ³Ýí³Ý»Ýù ³ÛÝ “frames.html”, ë³ÑٳݻÝù ýñ»ÛÙÝ»ñÇ µ³½ÙáõÃÛáõÝÁª <html xmlns="http://www.w3.org/1999/xhtml "> <head> 67
<title>Frames</title> </head> <frameset cols="40%,*"> <frame src="left.html" /> <frame src="right.html" /> </frameset> </html> ê³ÑÙ³ÝíáõÙ »Ý »ñÏáõ ëÛáõݳÏÝ»ñ (cols), áñáÝóÇó ³é³çÇÝÁ (Ó³ËÁ) Ͻµ³Õ»óÝÇ µñ³áõ½»ñÇ å³ïáõѳÝÇ É³ÛÝùÇ 40 ïáÏáëÁ, ÇëÏ ÙÛáõëÁ` Ùݳó³Í Ù³ëÁ: Ò³Ë å³ïáõѳÝáõ٠ϳñï³å³ïÏ»ñíÇ "left.html" ³ÝáõÝáí ÷³ëï³ÃáõÕÃÁ, ÇëÏ ³çáõÙª "right.html"-Á: ø³ÝÇ áñ ѳëó»Ý»ñÁ ѳñ³µ»ñ³Ï³Ý »Ý, ³å³ å³ñ½ ¿, áñ µáÉáñ »ñ»ù ÷³ëï³ÃÕûñÁ å»ïù ¿ ·ïÝí»Ý ÙǨÝáõÛÝ ÃÕóå³Ý³ÏáõÙ: êïáñ¨ µ»ñí³Í »Ý "left.html" ¨ "right.html" ý³ÛÉ»ñÇ Ïá¹»ñÁ:
ä³ïÏ»ñ 2.7.1. üñ»ÛÙ³ÛÇÝ Ï³éáõóí³ÍùÇ ûñÇÝ³Ï ÐÇÙÝ³Ï³Ý ý³ÛÉÇ ³ñï³å³ïÏ»ñáõÙÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.7.1-áõÙ: left.html ý³ÛÉÇ Ïá¹Á Ñ»ï¨Û³ÉÝ ¿ª <html><head><title>Left frame</title></head> <body> ê³ Ó³Ë ýñ»ÛÙáõÙ ³ñï³å³ïÏ»ñíáÕ ¿çÝ ¿: ¼µ³Õ»óÝáõÙ ¿ µñ³áõ½»ñÇ å³ïáõѳÝÇ 40%-Á: ¸³ Ýßí³Í ¿ cols µÝáõó·ñÇãáõÙª &lt;frame cols="40%,*"&gt;:<br /><br /> êáíáñ³µ³ñ ³Ûë ýñ»ÛÙÁ û·ï³·áñÍíáõÙ ¿ ϳÛùáí áõÕÕáñ¹áõÙÁ Çñ³Ï³Ý³óÝ»Éáõ Ýå³ï³Ïáí, ³ÛëÇÝùÝ` ³Ûëï»Õ ï»Õ³¹ñíáõÙ »Ý ÑÕáõÙÝ»ñÁ ϳÛùÇ µáÉáñ ¿ç»ñÇÝ, ûñÇݳϪ<br /> <u>ÑÕáõÙ 1.</u><br /> <u>ÑÕáõÙ 2.</u><br /> ¨ ³ÛÉÝ: </body></html> right.html ý³ÛÉÇ Ïá¹Á Ñ»ï¨Û³ÉÝ ¿ª <head><title>Right frame src</title> </head> <body> <p>²Ûë ýñ»ÛÙÁ ·É˳íáñ ýñ»ÛÙÝ ¿, áñáõÙ å»ïù ¿ ³ñï³å³ïÏ»ñí»Ý ϳÛùÇ ÷³ëï³ÃÕûñÁ: àõÕÕáñ¹áõÙÁ Çñ³·áñÍíáõÙ ¿ Ó³Ë å³ïáõѳÝáõÙ ·ñ³Ýóí³Í ÑÕáõÙÝ»ñÇ ÙÇçáóáí: 68
</p> </body></html> ²ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ϳ½Ù³Ï»ñå»É ýñ»ÛÙÝ»ñÇ ³í»ÉÇ µ³ñ¹ ϳéáõóí³Íù, ëϽµáõÙ <frameset> ï»·Ç ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ ïáÕ»ñÇ ³ÝÑñ³Å»ßï ù³Ý³ÏÁ ¨, ¹ñ³ÝÇó Ñ»ïá, Ûáõñ³ù³ÝãÛáõñ ïáÕáõÙ, ÝáõÛÝå»ë <frameset> ï»·Ç ÙÇçáóáí, Ý»ñ¹ñíáõÙ ¿ (»Ã» ïáÕáõÙ å»ïù ¿ ï»Õ³¹ñí»Ý Ù»ÏÇó ³í»ÉÇ ýñ»ÛÙÝ»ñ) áõÕճѳ۳ó ëÛáõݳÏÝ»ñÇ ù³Ý³ÏÁ: úñÇݳÏ, ³ÝÑñ³Å»ßï ¿ ¿Ïñ³ÝÇ í»ñÇÝ Ù³ëáõÙ ï»Õ³¹ñ»É ýñ»ÛÙ, áñáõ٠ϳñï³å³ïÏ»ñíÇ áñ¨¿ ·áí³½¹³ÛÇÝ å³ïÏ»ñ, ÇëÏ ëïáñ¨ª »ñÏáõ áõÕճѳ۳ó ýñ»ÛÙÝ»ñ: ¸³ ϳñ»ÉÇ ¿ ³Ý»É Ñ»ï¨Û³É Ï»ñåª <frameset rows="100,*"> <frame src="banner.html" /> <frameset cols="50%,*"> <frame src="left.html" /> <frame src="right.html" /> </frameset></frameset>: ܳËáñ¹ ûñÇݳÏÇ Ñ³Ù»Ù³ï ³Ûë ¹»åùáõÙ ³í»É³ÝáõÙ ¿ ¨ë Ù»Ï ÷³ëï³ÃáõÕà (³Ýí³Ý»ù ³ÛÝ “banner.html”): ¸ñ³ Íñ³·ñ³ÛÇÝ Ïá¹Á Ñ»ï¨Û³ÉÝ ¿ª <html> <head><title>Bunner</title> </head> <body style="font-size:9pt" topmargin="2" leftmargin="2" rightmargin="0"> <table> <tr><td width="20%">&nbsp;</td><td> ê³ í»ñÇÝ ýñ»ÛÙÝ ¿ (³é³çÇÝ ïáÕÇ):<br /> &lt;frameset rows="100,*"&gt;<br /> <b>&lt;frame src="banner.html" /&gt;</b><br /> &lt;frameset cols="30%,*"&gt;<br /> &lt;frame src="left.html" /&gt;<br /> &lt;frame src="right.html" /&gt;<br /> &lt;/frameset&gt;<br /> &lt;/frameset&gt; </td> <td width="20%">&nbsp;</td> </tr> </table> </body> </html> ÆÝãå»ë ϳñ»ÉÇ ¿ Ýϳï»É, ³ÛÝ ï»ùëïÁ, áñÁ ³ñï³å³ïÏ»ñí»É ¿ ¿Ïñ³ÝÇÝ (ï»ëª å³ïÏ»ñ 2.7.2), ï»Õ³¹ñí³Í ¿ ³ÕÛáõë³ÏÇ ÙÇçÇÝ í³Ý¹³ÏáõÙ, ÇëÏ ³é³çÇÝ ¨ »ññáñ¹ í³Ý¹³ÏÝ»ñÇ É³ÛÝáõÃÛáõÝÝ»ñÁ ë³ÑÙ³Ýí³Í »Ý ³ÕÛáõë³ÏÇ É³ÛÝáõÃÛ³Ý 20 ïáÏáëÇ ã³÷áí: ¸ñ³ ѳßíÇÝ ï»ùëïÁ ³ñï³å³ïÏ»ñíáõÙ ¿ Ùáï³íáñ³å»ë ¿Ïñ³ÝÇ ÙÇçÇÝ Ù³ëáõÙ (ÑáñǽáݳϳÝ):
69
ä³ïÏ»ñ 2.7.2. Ü»ñ¹ñí³Í ýñ»ÛÙÝ»ñÇ µ³½ÙáõÃÛ³Ý ûñÇÝ³Ï ØÛáõë »ñÏáõ ÷³ëï³ÃÕûñÁ, áñáÝù å»ïù ¿ ³ñï³å³ïÏ»ñí»Ý »ñÏñáñ¹ ïáÕÇ Ó³Ë (left.html) ¨ ³ç (right.html) ëÛáõݳÏÝ»ñáõÙ, ³é³ç³ñÏáõÙ »Ýù ϳ½Ù»É ÇÝùÝáõñáõÛÝ: Üß»Ýù, áñ <frameset> ï»·Ý áõÝÇ ÙÇ ß³ñù µÝáõó·ñÇãÝ»ñ, áñáÝó ÙÇçáóáí ϳñ»ÉÇ ¿ ϳñ·³íáñ»É ßñç³Ý³ÏÝ»ñÇ Ñ³ëïáõÃÛáõÝÁ (border), ·áõÛÝÁ (bordercolor), ï³ñ³ÍáõÃÛáõÝÁ Áݹ·ñÏíáÕ ýñ»ÛÙÝ»ñÇ ÙÇç¨ (framespacing) ¨ ³ÛÉÝ: ÜáõÛÝ µÝáõó·ñÇãÝ»ñÁ (µ³óÇ framespacing-Çó) µÝáñáß »Ý ݳ¨ ³é³ÝÓÇÝ ýñ»ÛÙÁ ë³ÑÙ³ÝáÕ <frame /> ï»·ÇÝ: êáíáñ³µ³ñ ϳÛù»ñÁ µ³Õϳó³Í »Ý Ù»Í Ãíáí µ³½Ù³åÇëÇ web-÷³ëï³ÃÕûñÇó, ³ÝóáõÙÁ áñáÝó Çñ³Ï³Ý³óíáõÙ ¿ ÑÕáõÙÝ»ñÇ ÙÇçáóáí: ²ÛÝ ¹»åù»ñáõÙ, »ñµ µñ³áõ½»ñÇ å³ïáõѳÝÁ ÙdzÏÝ ¿ (ëáíáñ³Ï³Ý ÷³ëï³ÃÕûñÇ Ñ³Ù³ñ), Ýáñ µ»éÝíáÕ ¿çÁ ëáíáñ³µ³ñ µ³óíáõÙ ¿ ÝáõÛÝ å³ïáõѳÝáõÙ` ݳËáñ¹ ¿çÇ ÷á˳ñ»Ý: ²ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ Ñݳñ³íáñ ¿ µ³ó»É ÷³ëï³ÃÕûñÁ ³é³ÝÓÇÝ å³ïáõѳÝáõÙ` å³Ñå³Ý»Éáí ÙÇ³Å³Ù³Ý³Ï ÑÇÙݳϳÝÁ: ¸³ ϳï³ñíáõÙ ¿ <a> ï»·Ç target ³ïñǵáõïÇ û·ÝáõÃÛ³Ùµ` ï³Éáí ¹ñ³Ý ”_blank” ³ñÅ»ùÁ (target=”_blank”): γÛùÇ ýñ»ÛÙ³ÛÇÝ Ï³éáõóí³ÍùÇ ¹»åùáõÙ target ³ïñǵáõïÁ ëï³ÝÓÝáõÙ ¿ ϳñ¨áñ³·áõÛÝ ¹»ñ: ê³ÑٳݻÉáí ÛáõñûñÇÝ³Ï ³ÝáõÝÝ»ñ ³é³ÝÓÇÝ ýñ»ÛÙÝ»ñÇ Ñ³Ù³ñ ¨ ¹ñ³Ýù áñå»ë url-ѳëó»Ç µÝáõó·ñÇãÇ ³ñÅ»ù ·ñ³Ýó»Éáí, ϳñáÕ »Ýù µ³ó»É å³Ñ³ÝçíáÕ ÷³ëï³ÃÕûñÁ ѳٳå³ï³ëË³Ý ýñ»ÛÙÝ»ñáõÙ: ²ÝáõÝÁ ïñíáõÙ ¿ ýñ»ÛÙÇÝ name µÝáõó·ñÇãÇ ÙÇçáóáí, ûñÇݳϪ <frame src=”right.html” name= ”viewever” />: ÐÇß»Ýù, áñ src µÝáõó·ñÇãáõÙ ·ñ³ÝóíáõÙ ¿ ³ÛÝ ÷³ëï³ÃÕÃÇ Ñ³ëó»Ý, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ ýñ»ÛÙáõÙ ³é³çÇÝ ³Ý·³Ù: ä³ïÏ»ñ³óÝ»Ýù ³ÛÅÙ, áñ í»ñçÇÝ ûñÇݳÏáõÙ (ï»ëª å³ïÏ»ñ 2.7.2.) Ý»ñϳ۳óí³Í ýñ»ÛÙÝ»ñÇ Ï³éáõóí³ÍùáõÙ µáÉáñ Ýáñ µ³óíáÕ ÷³ëï³ÃÕûñÁ ó³ÝϳÝáõÙ »Ýù ³ñï³å³ïÏ»ñ»É ëïáñÇÝ ³ç ýñ»ÛÙáõÙ: Üå³ï³ÏÁ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ Ý³Ë frames.html ý³ÛÉáõÙ ³Û¹ ýñ»ÛÙÇÝ ï³Ýù áñ¨¿ ³Ýáõݪ ûñÇݳÏ, “viewer” ` <frameset rows="100,*"> <frame src="banner.html" /> <frameset cols="50%,*"> <frame src="left.html" /> <frame src="right.html" name=”viewer” /> </frameset> </frameset> ²ÛÅÙ ëï»ÕÍ»Éáí ÑÕáõÙ ³ÛÝ ÷³ëï³ÃÕÃÇÝ, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ “viewer” ³ÝáõÝáí ýñ»ÛÙáõÙ` µ³í³Ï³Ý ¿ <a> ï»·áõÙ Ýᯐ áñå»ë target µÝáõó·ñÇãÇ ³ñÅ»ù “viewer” ³ÝáõÝÁ:
70
ä³ïÏ»ñ 2.7.3. target µÝáõó·ñÇãÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï Àݹ áñáõÙ` ϳñ¨áñ ã¿, û áñ ýñ»ÛÙáõÙ ¿ ³ñï³å³ïÏ»ñíáõÙ ÑÕáõÙÁ å³ñáõݳÏáÕ ¿çÁ (ëáíáñ³µ³ñ ÑÕáõÙÝ»ñÇ áõÕÕáñ¹Ù³Ý óáõó³ÏÁ ï»Õ³¹ñíáõÙ ¿ Ó³Ë ýñ»ÛÙáõÙ): Ø»ñ ¹»åùáõÙª »Ã» left.html ÷³ëï³ÃÕÃáõÙ ëï»ÕÍ»Ýù ÑÕáõÙ áñ¨¿ ³ÛÉ ÷³ëï³ÃÕÃÇÝ, ûñÇݳÏ` “newpage.html”, ³å³ ³ÛÝ å»ïù ¿ ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª <a href=”newpage.html” target=”viewer”> ²ÝóÝ»É newpage.html </a>: ÐÕáõÙÁ »½³ÏÇ ë»ÕÙ³Ýß»Éáõó (click) Ñ»ïá µñ³áõ½»ñÇ ëïáñÇÝ ³ç ýñ»ÛÙáõÙ (viewer-áõÙ) ϵ³óíÇ newpage.html ¿çÁ (ï»ëª å³ïÏ»ñ 2.7.3): left.html, right.html ¨ newpage.html ý³ÛÉ»ñÇ ëï»ÕÍáõÙÁ ÃáÕÝáõÙ »Ýù ÇÝùÝáõñáõÛÝ ³ß˳ï³ÝùÇ Ñ³Ù³ñ: Âí³ñÏ»Ýù “target” µÝáõó·ñÇãÇ ³ñÅ»ùÝ»ñÁ: ¸ñ³Ýù ëÏëíáõÙ »Ý Áݹ·ÍÙ³Ý Ýß³ÝÇó (“_”) ¨ ÃáõÛÉ »Ý ï³ÉÇë ë³ÑÙ³Ý»É Ýå³ï³Ï³ÛÇÝ ûµÛ»ÏïÝ»ñÁ` ã¹ÇÙ»Éáí ýñ»ÛÙÝ»ñÇÝ ³ÝáõÝÝ»ñáí: _self – ÷³ëï³ÃáõÕÃÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ÝáõÛÝ å³ïáõѳÝáõÙ, áñáõÙ ï»Õ³¹ñí³Í ¿ ÑÕáõÙÁ: _parent - ÷³ëï³ÃáõÕÃÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ³ÛÝ å³ïáõѳÝáõÙ, áñÁ ѳݹÇë³ÝáõÙ ¿ “ÍÝáճϳݔ (³ÛëÇÝùÝ` áñÇó ϳï³ñí»É ¿ ÑÕáõÙÁ) ïíÛ³É å³ïáõѳÝÇ Ýϳïٳٵ: _top - ÷áñÓ ¿ ϳï³ñíáõÙ ³ñï³å³ïÏ»ñ»É ϳÝãíáÕ ÷³ëï³ÃáõÕÃÁ µñ³áõ½»ñÇ ÁÝóóÇÏ 71
å³ïáõѳÝáõÙ` Ñ»é³óÝ»Éáí ýñ»ÛÙÝ»ñÇ Ñ³Ù³ËáõÙµÁ: _blank - ÷³ëï³ÃáõÕÃÁ ³ñï³å³ïÏ»ñíáõÙ ¿ µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝáõÙ` ³é³Ýó ÁÝóóÇÏÁ ÷³Ï»Éáõ: ä³ïÏ»ñ 2.7.4-áõÙ óáõó³¹ñí³Í ¿ “_blank” ³ñÅ»ùÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÁ: Ìñ³·ñ³ÛÇÝ Ïá¹Á ÝáõÛÝÝ ¿, ÇÝã áñ` ݳËáñ¹ ûñÇݳÏáõÙ, ÙdzÛÝ left.html ÷³ëï³ÃÕÃáõÙ <a> ï»·Ç target µÝáõó·ñÇãÇÝ ßÝáñÑí³Í ¿ “_blank” ³ñÅ»ùÁ: üñ»ÛÙÝ»ñÇ ëï»ÕÍÙ³Ý ·áñÍÁÝóóáõÙ ³é³í»É ϳñ¨áñ µÝáõó·ñÇãÝ»ñÝ »Ý src ¨, »Ã» Ï³Ý ÑÕáõÙÝ»ñ ³ÛÉ ÷³ëï³ÃÕûñÇÝ, target µÝáõó·ñÇãÝ»ñÁ: ´³óÇ ³Û¹ »ñÏáõëÇó, ·áÛáõÃÛáõÝ áõÝ»Ý ¨ë ÙÇ ù³ÝÇ áã å³ñï³¹Çñ µÝáõó·ñÇãÝ»ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ³í»ÉÇ ëïáõÛ· ϳñ·³íáñ»É ýñ»ÛÙÝ»ñÁ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ: ¸ñ³Ýù »Ýª noresize=”noresize” - ³ñ·»ÉáõÙ ¿ ýñ»ÛÙÇ ã³÷ë»ñÇ ÷á÷áËáõÃÛáõÝÁ: frameborder – ϳñáÕ ¿ ÁݹáõÝ»É Áݹ³Ù»ÝÁ »ñÏáõ ³ñÅ»ùÝ»ñª 1 ¨ 0 (1 – Ý߳ݳÏáõÙ ¿ áñ ýñ»ÛÙÝ áõÝÇ ßñç³Ý³Ï, 0ª ѳϳé³ÏÁ): scrolling - ³ñÅ»ùÝ»ñÁª yes – Ý߳ݳÏáõÙ ¿ ýñ»ÛÙÇ åïï³Å³å³í»ÝÇ Ùßï³Ï³Ý ³éϳÛáõÃÛáõÝ, no - ³ñ·»ÉáõÙ ¿ åïï³Å³å³í»ÝÇ ëï»ÕÍáõÙÁ, auto – åïï³Å³å³í»ÝÁ ëï»ÕÍíáõÙ ¿ Áëï ³ÝÑñ³Å»ßïáõÃÛ³Ý` ³ÛÝ ¹»åùáõÙ, »ñµ µáí³Ý¹³ÏáõÃÛáõÝÁ ÉÇáíÇÝ ãÇ ï»Õ³íáñíáõÙ ýñ»ÛÙáõÙ:
ä³ïÏ»ñ 2.7.4. target µÝáõó·ñÇãÇ _blank ³ñÅ»ùÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï marginwidth ¨ marginheight – ë³ÑÙ³ÝáõÙ »Ý ÑáñǽáÝ³Ï³Ý ¨ áõÕճѳ۳ó ³ñï³ùÇÝ Éáõë³ÝóùÝ»ñÁ åÇùë»ÉÝ»ñáí: longdesc – û·ï³·áñÍíáõÙ ¿ ýñ»ÛÙÇ ÉñÇí URL ѳëó»Ý: ´³óÇ í»ñÁ Ãí³ñÏí³Í µÝáõó·ñÇãÝ»ñÇó, <frameset> ÏáÝï»ÛÝ»ñÝ áõÝÇ framespacing µÝáõó·ñÇãÁ, áñÇ ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ Ñ»é³íáñáõÃÛáõÝÁ (åÇùë»ÉÝ»ñáí) ³é³ÝÓÇÝ ýñ»ÛÙÝ»ñÇ ÙÇç¨: XHTML-Ç ³ÝóáõÙ³ÛÇÝ ï³ñµ»ñ³ÏáõÙ ¹»é û·ï³·áñÍíáõÙ ¿ ݳ¨ ýñ»ÛÙÝ»ñÇ Ûáõñ³Ñ³ïáõÏ ï»ë³ÏÁ, ³Ûëå»ë Ïáãí³Í` “Ý»ñïáÕ³ÛÇÝ ÉáÕ³óáÕ ýñ»ÛÙÁ” – iframe (inline floating frame): ²ÛÝ ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É <frameset> ÏáÝï»ÛÝ»ñÇó ³ÝÏ³Ë Ý»ñïáÕ³ÛÇÝ ýñ»ÛÙÝ»ñ ëáíáñ³Ï³Ý HTML ÷³ëï³ÃÕÃÇ <body> ï»·Ç Ý»ñùá ¨ Ý߳ݳÏí³Í ¿ ³ÛÉ ¿ç»ñ ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ, ÇÝãå»ë ¨ <frame /> ï»·Á: ÈáÕ³óáÕ ³Ýí³ÝáõÙÁ ³é³ç³ó»É ¿ ï»·Ç align µÝáõó·ñÇãÇ ßÝáñÑÇíª ¹ñ³ ÙÇçáóáí (align=”right” ϳ٠align=”left”) ϳñ»ÉÇ ¿ iframe-Á ï»Õ³¹ñ»É ï»ùëïÇ ³çÇó ϳ٠ӳËÇó: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª 72
<iframe src=”iframe.html” frameborder=”1” scrolling=”yes” width=”300” height=”200”> ºÃ» ¹áõù ï»ëÝáõÙ »ù ³Ûë ï»ùëïÁ, ¹³ Ý߳ݳÏáõÙ ¿, áñ Ó»ñ µñ³áõ½»ñÁ ãÇ ë³ï³ñáõÙ iframe ï»·Á </iframe>: ÆÝãå»ë ï»ëÝáõÙ »Ýù µ»ñí³Í ûñÇݳÏÇó, <iframe>-Á ÏáÝï»ÛÝ»ñ ï»· ¿, ³ÛëÇÝùÝ` áõÝÇ µ³óáÕ ¨ ÷³ÏáÕ Ù³ë»ñ: ²ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÛÝ ãÇ ë³ï³ñíáõÙ û·ïíáÕÇ µñ³áõ½»ñÇ ÏáÕÙÇó, src ³ïñǵáõïáõÙ Ýßí³Í ý³ÛÉÇ ÷á˳ñ»Ý ÷³ëï³ÃÕÃáõÙ ³ñï³å³ïÏ»ñíáõÙ ¿ ï»·Ç Ý»ñëáõÙ ·ñ³Ýóí³Í ï»ùëïÁ: ´³óÇ <frame /> ï»·ÇÝ µÝáñáß ³ïñǵáõïÝ»ñÇó, <iframe>-Á áõÝÇ Ý³¨ Çñ»Ý ѳïáõϪ width ¨ height ³ïñǵáõïÝ»ñÁ, áñáÝó ÙÇçáóáí ë³ÑÙ³ÝíáõÙ »Ý ýñ»ÛÙÇ É³ÛÝáõÃÛáõÝÝ áõ µ³ñÓñáõÃÛáõÝÁ` åÇùë»ÉÝ»ñáí: γ½Ù»Ýù ÷³ëï³ÃáõÕÃ, áñÁ Ïóáõó³¹ñÇ <iframe> ï»·Ç ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÁª ³Ýí³Ý»Ýù ³ÛÝ iframepage.html: ÈáÕ³óáÕ ýñ»ÛÙáõÙ ³ñï³å³ïÏ»ñíáÕ ÷³ëï³ÃáõÕÃÝ ³Ýí³Ý»Ýù iframe.html: <html> <head> <title>iframe example</title> </head> <body> àñáß ¹»åù»ñáõ٠ѳñÙ³ñ ¿ áñ¨¿ ÷³ëï³ÃÕÃÇ Ý»ñëáõÙ óáõó³¹ñ»É ³ÛÉ ÷³ëï³ÃÕûñÇ µáí³Ý¹³ÏáõÃÛáõÝÁ: ¸³ ϳñ»ÉÇ ¿ Çñ³·áñÍ»É &lt:iframe&gt;...&lt;/iframe&gt; ï»·Ç ÙÇçáóáí ï»Õ³¹ñ»Éáí ³ÛÝ ï»ùëïÇ ó³Ýϳó³Í Ù³ëáõÙ: <iframe src="iframe.html" border=”1” scrolling="yes" width="200" height="100" align="left"> ºÃ» ¹áõù ï»ëÝáõÙ »ù ³Ûë ï»ùëïÁ, ¹³ Ý߳ݳÏáõÙ ¿, áñ Ó»ñ µñ³áõ½»ñÁ ãÇ ë³ï³ñáõÙ ¿ iframe ï»·Á: àñå»ë½Ç ϳñáճݳù ï»ëÝ»É ³Ûë ýñ»ÛÙÇ µáí³Ý¹³ÏáõÃÛáõÝÁ <a href="iframe.html">ë»ÕÙ»ù ³Ûëï»Õ</a> </iframe>: î»·Á ϳñáÕ ¿ ÉÇÝ»É Ý³¨ "ÉáÕ³óáÕ", »Ã» <b><i>align</i></b> µÝáõó·ñÇãÇÝ ïñíÇ <b><i>align</i></b> ϳ٠<b><i>align</i></b> ³ñÅ»ùÁ (ïíÛ³É ¹»åùáõÙ` align="left"): Æ ï³ñµ»ñáõÃÛáõÝ ýñ»ÛÙ³ÛÇÝ Ï³éáõóí³Íù áõÝ»óáÕ ÷³ëï³ÃÕûñÇ, ³Ûë ¹»åùáõÙ ³éϳ ¿ ݳ¨ <b>&lt;body&gt;</b> ï»·Á: </body> </html> ü³ÛÉÇ ³ñï³å³ïÏ»ñáõÙÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 2.7.5-áõÙ: ÆÝãå»ë Ýß»óÇÝù, <iframe> ï»·Á ãÇ Áݹ·ñÏí»É XML ëï³Ý¹³ñïáõÙ ¨ ѻﳷ³ÛáõÙ Ï÷á˳ñÇÝíÇ <object> ï»·áí:
¢ 2.8. META - áñáßÇãÝ»ñÁ META-áñáßÇãÝ»ñÁ HTML ÷³ëï³ÃÕûñÇ í»ñݳ·ñÇ ï³ññ»ñ »Ý, áñáÝù áõÝ»Ý ½áõï ͳé³ÛáÕ³Ï³Ý Ý߳ݳÏáõÃÛáõÝ: ¸ñ³Ýù ã»Ý ³½¹áõÙ µñ³áõ½»ñáõÙ web-¿ç»ñÇ ³ñï³å³ïÏ»ñÙ³Ý íñ³ ¨ áã ÙÇ Ï»ñå ã»Ý ÷á÷áËáõÙ ÷³ëï³ÃÕÃÇ µáí³Ý¹³ÏáõÃÛáõÝÁ: ÀݹѳÝáõñ ³éٳٵ, meta-áñáßÇãÝ»ñÁ Ýϳñ³·ñáõÙ »Ý ÷³ëï³ÃÕÃÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, ¨ ß³ï Ñ³×³Ë ³Ýï»ëíáõÙ »Ý ¹Ç½³ÛÝ»ñÝ»ñÇ ÏáÕÙÇó: ê³Ï³ÛÝ, ÇÝãå»ë ѳÛïÝÇ ¿, áã ÙÇ Íñ³·ñ³íáñÙ³Ý É»½íáõÙ áã ÙÇ Ññ³Ù³Ý ãÇ ëï»ÕÍíáõÙ “Ñ»Ýó ³ÛÝå»ë”: ¸ñ³Ýù µáÉáñÝ ¿É áõÝ»Ý áñáß³ÏÇ ýáõÝÏóÇáÝ³É Ý߳ݳÏáõÙ:
73
ä³ïÏ»ñ 2.7.5. “ÈáÕ³óáÕ” ýñ»ÛÙÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï meta-áñáßÇãÝ»ñÁ ·ñ³ÝóíáõÙ »Ý <head>…</head> Ù³ëáõÙ` ÷³ëï³ÃÕÃÇ <title> í»ñݳ·ñÇó ³ÝÙÇç³å»ë Ñ»ïá: î³ñµ»ñáõÙ »Ý áñáßÇãÝ»ñÇ »ñÏáõ ËÙµ»ñ, áñáÝù áõÝ»Ý ï³ñµ»ñ µÝáõó·ñÇãÝ»ñ ¨, ѳٳå³ï³ë˳ݳµ³ñª ï³ñµ»ñ Ý߳ݳÏáõÙ: ²é³çÇÝ ËÙµÇÝ »Ý å³ïϳÝáõÙ ³ÛÝ áñáßÇãÝ»ñÁ, áñáÝù áõÝ»Ý name µÝáõó·ñÇãÁ ¨ û·ï³·áñÍíáõÙ »Ý µñ³áõ½»ñÇÝ áñáß ùáÕ³ñÏí³Í ÇÝýáñÙ³ódz ѳÕáñ¹»Éáõ ѳٳñ: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª <meta name=”³ñÅ»ù1” content=”³ñÅ»ù2” />: ²Û¹ ËÙµÇ ³é³í»É Ñ³×³Ë ÏÇñ³éíáÕ áñáßÇãÝ»ñÝ »Ýª <meta name=”description” content=”ϳÛùÇ Ñ³ÏÇñ× Ýϳñ³·ñáõÃÛáõÝÁ” /> ¨ <meta name=”keywords” content=”³ÝÑñ³Å»ßï µ³é-µ³Ý³ÉÇÝ»ñÇ Ãí³ñÏáõÙÁ` ëïáñ³Ï»ï»ñáí µ³Å³Ý³Í” />: ²é³çÇÝ áñáßÇãÁ û·ï³·áñÍíáõÙ ¿ ÷ÝïñáÕ ë»ñí»ñÝ»ñÇ ÏáÕÙÇó (¹ñ³Ýó Ù³ëÇÝ Ëáë»É »Ýù ³é³çÇÝ ·ÉËáõÙ) web-ϳñ·³ó³ÝÏ»ñáõ٠ϳÛùÁ Ýϳñ³·ñ»Éáõ ѳٳñ: ê»ñí»ñáõÙ ¹ÇݳÙÇÏ Ï»ñåáí ëï»ÕÍíáÕ Ñ³ßí»ïíáõÃÛáõÝáõÙ Áݹ·ñÏíáõÙ »Ý ϳ٠³Û¹ áñáßÇãáõÙ ·ñ³Ýóí³Í ïíÛ³ÉÝ»ñÁ, ϳ٠³ÛÝ ÇÝýáñÙ³ódzÝ, áñÝ ³é³çÇÝÝ ¿ ѳݹÇåáõÙ HTML ÷³ëï³ÃÕÃÇ ï»ùëïáõÙ: ¸³ Ý߳ݳÏáõÙ ¿, áñ ɳí Ó¨³Ï»ñåí³Í meta áñáßÇãÇ ³éϳÛáõÃÛáõÝÁ µ³½Ù³ÏÇ ³í»É³óÝáõÙ ¿ Ñݳñ³íáñáõÃÛáõÝÁ, áñ é»ëáõñëÁ (ϳÛùÁ) ÏÁݹ·ñÏíÇ û·ïíáÕÇ å³Ñ³Ýçáí ·ïÝí³Í ϳÛù»ñÇ ³é³çÇÝ ï³ëÝÛ³ÏáõÙ: ºñÏñáñ¹ áñáßÇãÁ content ³ïñǵáõïáõÙ Áݹ·ñÏáõÙ ¿ ³ÛÝ µ³é-µ³Ý³ÉÇÝ»ñÁ, áñáÝù ÷ÝïñáÕ Ù»ù»Ý³Ý Ïϳå³ÏóÇ Ï³ÛùÇ Ñ»ï, ¨ »Ã» û·ïíáÕÁ Ùáõïù³·ñÇ ³Û¹ µ³é»ñÇó áñ¨¿ Ù»ÏÁ ÷ÝïñÙ³Ý ¹³ßïáõÙ, ³å³ ß³ï ѳí³Ý³Ï³Ý ¿, áñ ÑÕáõÙÁ ϳÛùÇÝ ÏѳÛïÝíÇ ÷ÝïñÙ³Ý ³ñ¹ÛáõÝùÝ»ñáõÙ: öÝïñáÕ Ù»ù»Ý³Ý»ñÇ ÏáÕÙÇó meta áñáßÇãÝ»ñÇ Ùß³ÏÙ³Ý Ù»Ë³ÝǽÙÁ ѳëϳݳÉáõ ѳٳñ µ»ñ»Ýù å³ñ½³·áõÛÝ ûñÇݳÏ: ºÝó¹ñ»Ýù` html ÷³ëï³ÃÕÃáõÙ ·ñ³Ýóí³Í »Ý Ñ»ï¨Û³É áñáßÇãÝ»ñÁª <head> <title>êåÇï³Ï ³ñç»ñÇ µ³½Ù³óáõÙÁ г۳ëï³ÝÇ å³ÛÙ³ÝÝ»ñáõÙ</title> <meta name=”description” content=”γÛù, áñÁ ÝíÇñí³Í ¿ г۳ëï³ÝÇ êÛáõÝÇùÇ Ù³ñ½áõÙ ëåÇï³Ï ³ñç»ñÇ µ³½Ù³óÙ³Ý ÑÇÙݳËݹÇñÝ»ñÇÝ” /> <meta name=”keywords” content=”ëåÇï³Ï ³ñç»ñ, êäÆî²Î ²ðæºð,³ñç,²ðæ,µ³½Ù³óáõÙ,´²¼Ø²òàôØ,ϻݹ³ÝÇÝ»ñ,κܸ²ÜÆܺð” /> </head> ÆëÏ ³ÛÅÙ »Ýó¹ñ»Ýù` û·ïíáÕÁ, ¹ÇÙ»Éáí ÷ÝïñáÕ Ù»ù»Ý³ÛÇ é»ëáõñëÝ»ñÇÝ, ѳí³ù»É ¿ ûٳïÇÏ Ñ³ñóÙ³Ý ¹³ßïáõÙ “ëåÇï³Ï ³ñç»ñ” ï»ùëïÁ: àñáß Å³Ù³Ý³Ï ³Ýó ïíÛ³É Ã»Ù³ÛÇÝ ÝíÇñí³Í µáÉáñ ·ïÝí³Í é»ëáõñëÝ»ñÇ ÁݹѳÝáõñ óáõó³ÏáõÙ ÷ÝïñáÕ ë»ñí»ñÁ Ï·ñ³ÝóÇ Ý³¨ Ñ»ï¨Û³ÉÁª êåÇï³Ï ³ñç»ñÇ µ³½Ù³óáõÙÁ г۳ëï³ÝÇ å³ÛÙ³ÝÝ»ñáõÙ: γÛù, áñÁ ÝíÇñí³Í ¿ г۳ëï³ÝÇ êÛáõÝÇùÇ Ù³ñ½áõÙ ëåÇï³Ï ³ñç»ñÇ µ³½Ù³óÙ³Ý 74
ÑÇÙݳËݹÇñÝ»ñÇÝ: http://www.ϳÛùÇ_ѳëó»Ý: лï¨Û³É »ñÏáõ áñáßÇãÝ»ñÁ ë³ÑÙ³ÝáõÙ »Ý ϳÛùáõÙ Ý»ñϳ۳óí³Í ÇÝýáñÙ³ódzÛÇ ·áñÍáÕáõÃÛ³Ý ïÇñáõÛÃÁª <meta name=”distribution” content=”Global” />, <meta name=”raiting” content=”General” />: ÆѳñÏ», »Ã» ϳÛùÁ Ý߳ݳÏí³Í ¿ ÙdzÛÝ ¼³ïÏÇ ÏÕ½áõ µÝ³ÏÇãÝ»ñÇ Ñ³Ù³ñ, ϳñ»ÉÇ ÷áË»É content µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ, ë³Ï³ÛÝ ÙÛáõë µáÉáñ ¹»åù»ñáõÙ ËáñÑáõñ¹ ¿ ïñíáõÙ ³Û¹ áñáßÇãÝ»ñÁ ·ñ³Ýó»É í»ñÁ Ý»ñϳ۳óí³Í ï»ëùáí: ²ÛÝåÇëÇ ÷ÝïñÙ³Ý Ù»ù»Ý³Ý»ñÇ Ñ³Ù³ñ, áñáÝù ã»Ý ϳñáÕ³ÝáõÙ Ùß³Ï»É <title> ï»·Ç å³ñáõݳÏáõÃÛáõÝÁ (÷³ëï³ÃÕÃÇ í»ñݳ·ÇñÁ), Ý߳ݳÏí³Í ¿ Ñ»ï¨Û³É áñáßÇãÁª <meta name=”title” content=”ö³ëï³ÃÕÃÇ í»ñݳ·ÇñÁ” />: Web ϳÛùÇ ëï»ÕÍÙ³Ý ï³ñ»ÃÇíÁ ûɳ¹ñíáõÙ ¿ ÷ÝïñáÕ Ù»ù»Ý³Ý»ñÇÝ Ñ»ï¨Û³É áñáßÇãÇ û·ÝáõÃÛ³Ùµª <meta name=”site-created” content=”04-06-2005” />: ê»ñí»ñÝ»ñÇÝ Ï³ñ»ÉÇ ¿ ݳ¨ ûɳ¹ñ»É ϳÛùÇ í»ñ³Çݹ»ùë³óÙ³Ý Å³ÙÏ»ïÝ»ñÁ, ûñÇݳϪ <meta name=”revisit” content=”10 days” /> ϳ٠<meta name=”revisit-after” content=”10 days” />: Ðݳñ³íáñ ¿ ݳ¨ ÃáõÛÉ ï³É ϳ٠³ñ·»É»É ÷ÝïñáÕ éáµáïÝ»ñÇÝ Çݹ»ùë³íáñ»É ϳÛùÁ: úñÇݳÏ` »Ã» Ñ»ï¨Û³É ϳñ·³·ÇñÁ <meta name=”robots” content=”noindex” /> ³ñ·»ÉáõÙ ¿ ϳÛùÇ Çݹ»ùë³íáñáõÙÁ, ³å³ <meta name=”robots” content=”all” /> ¹Çñ»ÏïÇíÁ ÃáõÛÉ ¿ ï³ÉÇë Çݹ»ùë³íáñ»É ϳÛùÇ µáÉáñ ¿ç»ñÁ: γñ»ÉÇ ¿ ·ñ³Ýó»É ݳ¨ Ñ»ÕÇݳϳÛÇÝ Çñ³íáõÝùÝ»ñÇÝ í»ñ³µ»ñáÕ ÇÝýáñÙ³ódzݪ <meta name=”copyright” content=”&copy; 2005 Pumpkin Ltd” /> <meta name=”autor” content=”лÕÇݳÏÇ ³ÝáõÝÁ” />: ´»ñ»Ýù ³é³çÇÝ ËÙµÇ áñáßÇãÝ»ñÇ ¨ë ÙÇ ù³ÝÇ ûñÇݳÏÝ»ñª <meta name=”owner” content=”ê»÷³Ï³Ý³ïÇñáç ϳ٠ÁÝÏ»ñáõÃÛ³Ý ³Ýí³ÝáõÙÁ” /> <meta name=”address” content=”¶ñ³ë»ÝÛ³ÏÇ Ñ³ëó»Ý” /> <meta name=”owner-type” content=”personal/company” /> <meta name=”home-url” content=”URL ѳëó»Ý” /> <meta name=”generator” content=”Notepad” />: ºñÏñáñ¹ ËÙµÇ áñáßÇãÝ»ñÁ name µÝáõó·ñÇãÇ ÷á˳ñ»Ý å³ñáõݳÏáõÙ »Ý http-equiv µÝáõó·ñÇãÁ: Æ ï³ñµ»ñáõÃÛáõÝ ³é³çÇÝ ËÙµÇ áñáßÇãÝ»ñÇ, áñáÝù áõÝ»Ý ½áõï ï»Õ»Ï³ïí³Ï³Ý µÝáõÛÃ, »ñÏñáñ¹ ËÙµÇ meta-Ý»ñÁ áñáß³ÏÇ ¹»ñ »Ý ˳ÕáõÙ http ³ñӳݳ·ñáõÃÛ³Ý ÙÇçáóáí ÷³ëï³ÃÕûñÇ Ñ³Õáñ¹Ù³Ý ·áñÍáõÙ: úñÇݳϪ <meta http-equiv=”refresh” content=”N;url=http://www.ϳÛùÇ_³ÝáõÝ/ ¿çÇ_³ÝáõÝ” /> ϳñ·³·ÇñÁ ¿çÁ µ³óí»Éáõó N í³ÛñÏÛ³Ý Ñ»ïá ÇÝùݳµ»ñ³µ³ñ ³å³ÑáíáõÙ ¿ ³ÝóáõÙÁ content µÝáõó·ñÇãáõÙ Ýßí³Í ѳëó»ÇÝ: ²Û¹ Ñݳñ³íáñáõÃÛáõÝÁ ÏáãíáõÙ ¿ redirect ϳ٠û·ïíáÕÇ µñ³áõ½»ñÇ í»ñ³áõÕÕáõÙ áñ¨¿ ³ÛÉ é»ëáõñëÇ: êáíáñ³µ³ñ ³Û¹ ÑݳñùÁ ÏÇñ³éíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ÷áËíáõÙ ¿ ϳÛùÇ Ñ³ëó»Ý: îíÛ³É ï»·Á ï»Õ³¹ñíáõÙ ¿ index.html ¿çáõÙ` áñ¨¿ µ³ó³ïñáÕ ï»ùëïáí, ûñÇݳϪ “Ü»ñ»ó»ù, Ù»ñ ϳÛùÁ ï»Õ³÷áËí»É ¿ Ñ»ï¨Û³É ѳëó»áíª Ýáñ ѳëó»Ý”: ºÃ» ï»·Á ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª <meta http-equiv=”refresh” content=”N” />, ³å³ ÁÝóóÇÏ ¿çÁ ϵ»éÝíÇ µñ³áõ½»ñ ³Ù»Ý N í³ÛñÏÛ³ÝÁ Ù»Ï: гçáñ¹ ï»·Áª <meta http-equiv=”content-type” content=”text/html; cahrset=ISO 8859-1” /> ûɳ¹ñáõÙ ¿ µñ³áõ½»ñÇÝ ¿çÇ ÏÇñ³é³Ï³Ý Ïá¹³íáñÙ³Ý ïÇñáõÛÃÁ ϳÙ, ³Ûëå»ë Ïáãí³Í` ï³é³ÝÇß»ñÇ Ïá¹»ñÇ µ³½ÙáõÃÛáõÝÁ: î»·Á ѳñϳíáñ ¿ û·ï³·áñÍ»É ½·áõßáñ»Ý, ù³ÝÇ áñ, »Ã» ¿çáõÙ Ý»ñϳ۳óí³Í ï»ùëïÇ Ïá¹³íáñáõÙÁ ãѳÙÁÝÏÝÇ ï»·áõÙ Ýßí³ÍÇ Ñ»ï, ³å³ ï»ùëïÁ Ϲ³éݳ ³ÝÁÝûéÝ»ÉÇ:
¢ 2.9. Web-ËÙµ³·ñÇãÝ»ñÁ ÆÝï»ñÝ»ïÇ ëÏëÝ³Ï û·ïíáÕÝ»ñÇ ßñç³Ýáõ٠ϳñÍÇù ¿ ëï»ÕÍí»É, áñ ³Ýѳï³Ï³Ý web-ϳÛù»ñ ëï»ÕÍ»Éáõ ѳٳñ ï»ùëïÇ ·Í³ÝßÙ³Ý É»½íÇ Ï³éáõóí³ÍùÝ»ñÇ áõëáõÙݳëÇñáõÃÛáõÝÁ å³ñï³¹Çñ ã¿, 75
ù³ÝÇ áñ, µ³óÇ web-÷³ëï³ÃÕûñÇ ëï»ÕÍÙ³Ý “¹³ë³Ï³Ý” »Õ³Ý³ÏÇó (Ó»éùáí), ·áÛáõÃÛáõÝ áõÝÇ Ý³¨ ¨ë Ù»Ï` µ³í³Ï³ÝÇÝ ï³ñ³Íí³ÍÁ` web-ËÙµ³·ñÇãÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ: ÆѳñÏ», íǽáõ³É ËÙµ³·ñÇãÝ»ñÁ µ³í³Ï³ÝÇÝ Ñ³ñÙ³ñ »Ý ÇÝï»ñÝ»ïÇ µ³½Ù³ÃÇí é»ëáõñëÝ»ñÇ Ùß³ÏÙ³Ý Ñ³Ù³ñ, ë³Ï³ÛÝ HTML-¿ç»ñÇ í»ñçÝ³Ï³Ý Ñ³ñ¹³ñáõÙÁ ¨ ϳñ·³íáñáõÙÁ í»ñç Ç í»ñçá µ»ñíáõÙ ¿ ëϽµÝ³Ï³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ËÙµ³·ñÙ³ÝÁ: ÆëÏ ¹ñ³ ѳٳñ å»ïù ¿ ÇÙ³Ý³É ¨ ɳí å³ïÏ»ñ³óÝ»É, û DZÝã ¿ ³ÝáõÙ ËÙµ³·ñÇãáí ÇÝùݳµ»ñ³µ³ñ ·»Ý»ñ³óí³Í Ïá¹Ç Ûáõñ³ù³ÝãÛáõñ ïáÕÁ: ´áÉáñ ¹»åù»ñáõÙ ËÙµ³·ñÇãÝ»ñÇ û·ï³·áñÍÙ³Ý ³é³í»ÉáõÃÛáõÝÝ»ñÝ ³ÏÝѳÛï »Ý` µ³ó³éíáõÙ ¿ ٻͳͳí³É Íñ³·ñ³ÛÇÝ Ïá¹Ç` ³ÙµáÕçáíÇÝ Ó»éùáí ѳí³ù»Éáõ ³ÝÑñ³Å»ßïáõÃÛáõÝÁ: ¶áñÍݳϳÝáõÙ ó³Ýϳó³Í web-ËÙµ³·ñÇã Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ï»Õ³¹ñ»É ³ÕÛáõë³ÏÝ»ñ, ëï»ÕÍ»É ßñç³Ý³ÏÝ»ñ ¨, ÝáõÛÝÇëÏ, Ïó»É áñáß ëÏñÇåïÝ»ñ: ÆëÏ, ³Ûëå»ë Ïáãí³Í, “åñáý»ëÇáݳɔ ËÙµ³·ñÇãÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ ϳñáÕ³ÝáõÙ ¿ ³ß˳ï»É á×»ñÇ µ³ñ¹ ³ÕÛáõë³ÏÝ»ñÇ Ñ»ï ¨ Çñ³·áñÍ»É DHTML-ÇÝ Ñ³ïáõÏ µ³½Ù³ÃÇí ·áñͳéÝáõÃÛáõÝÝ»ñ: ì»ñçÇÝÝ»ñÇó ϳñ»ÉÇ ¿ Ýᯐ Microsoft FrontPage 2002, Adobe GoLive, Macromedia Dreamweaver ¨ Netscape Composer ËÙµ³·ñÇãÝ»ñÁ: ²é³í»É ɳÛÝ ÏÇñ³éáõÙ »Ý ëï³ó»É Macromedia Dreamweaver ¨ Microsoft FrontPage 2002-Á: äñáý»ëÇáÝ³É web-¹Ç½³ÛÝ»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛ³Ý Ï³ñÍÇùáí ϳÛù»ñÇ ëï»ÕÍÙ³Ý É³í³·áõÛÝ ·áñÍÇùÁ Dreamweaver-Ý ¿: ²ÛÝ ã³÷³½³Ýó ѳñÙ³ñ ¿ HTML-¿ç»ñÇ ëï»ÕÍÙ³Ý ï»ëáÕ³Ï³Ý ¨ ï»ùëï³ÛÇÝ Ùáï»óáõÙÝ»ñÇ Ñ³Ù³ï»ÕáõÙáí: ÆÝï»ñý»ÛëÁ Ó¨³íáñí³Í ¿ ³ÛÝå»ë, áñ û·ïíáÕÁ ϳñáÕ ¿ ³ß˳ï»É ·áñÍÇù³ÛÇÝ í³Ñ³Ý³ÏÝ»ñÇ Ýí³½³·áõÛÝ ù³Ý³Ïáí, ù³ÝÇ áñ Ù»Ï í³Ñ³Ý³ÏáõÙ Ñݳñ³íáñ ¿ ï»Õ³¹ñ»É ³é³í»É ³ÝÑñ³Å»ßï ¨ Ñ³×³Ë û·ï³·áñÍíáÕ ·áñÍÇùÝ»ñÁ` ï»Õ³÷áË»Éáí ¹ñ³Ýù ÙÛáõë í³Ñ³Ý³ÏÝ»ñÇó: Dreamweaver-Á Áݹ·ñÏáõÙ ¿ ݳ¨ ѽáñ ï»ùëï³ÛÇÝ åñáó»ëáñÇ Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ: úñÇݳÏ` ¿Ïñ³ÝÇ ëïáñÇÝ Ù³ëÇ Properties (ѳïÏáõÃÛáõÝÝ»ñ) å³ïáõѳÝÁ ÃáõÛÉ ¿ ï³ÉÇë ³ÝÙÇç³å»ë ÷á÷áË»Éáí ¿çÇ ³é³ÝÓݳóí³Í ï³ññ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ` ½áõ·³Ñ»é ï»ëÝ»É Ý³¨ Íñ³·ñ³ÛÇÝ Ïá¹áõ٠ϳï³ñí³Í ÷á÷áËáõÃÛáõÝÝ»ñÁ: Àݹ áñáõÙ, »Ã» ËÙµ³·ñÇãÇ ÏáÕÙÇó ϳï³ñí³Í ÷á÷áËáõÃÛáõÝÝ»ñÁ µ³í³ñ³ñ ã»Ý, Íñ³·ñ³ÛÇÝ Ïá¹Á Ñݳñ³íáñ ¿ ËÙµ³·ñ»É ݳ¨ “Ó»éùáí”: ÊÙµ³·ñÇãÝ áõÝÇ »ñ»ù é»ÅÇÙÝ»ñ` Íñ³·ñ³ÛÇÝ Ïá¹Ç ¹Çï³ñÏÙ³Ý, ³ñ¹ÛáõÝù³ÛÇÝ ¿çÇ ¹Çï³ñÏÙ³Ý ¨ ÏñÏݳÏÇ å³ïáõѳÝÇ: ì»ñçÇÝÇ í»ñÇÝ Ù³ëáõÙ ³ñï³óáÉíáõÙ ¿ Íñ³·ñ³ÛÇÝ Ïá¹Á, ÇëÏ ëïáñÇÝáõÙ` ¹ñ³ ·ñ³ýÇÏ³Ï³Ý Ý»ñϳ۳óáõÙÁ: ºñÏáõ å³ïáõѳÝÝ»ñÝ ¿É ³ÏïÇí »Ý` ϳñ»ÉÇ ¿ ËÙµ³·ñ»É ¨° Ïá¹Á, ¨° ·ñ³ýÇϳÝ, Áݹ áñáõÙ` ÷á÷áËáõÃÛáõÝÝ»ñÝ ³ÝÙÇç³å»ë ϳï³ñíáõÙ »Ý ݳ¨ ÙÛáõë å³ïáõѳÝáõÙ: ØÛáõë ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñÇó ѳñÏ ¿ Ýᯐ JavaScript-Ç Ý»ñϳéáõóí³Í ϳñ·³íáñÇãÁ, áñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ·ïÝ»É ¨ áõÕÕ»É ë˳ÉÝ»ñÁ Íñ³·ñ³ÛÇÝ Ïá¹áõÙ: ´³óÇ ³Û¹, ù³ÝÇ áñ Dreamweaver-Á Macromedia ýÇñÙ³ÛÇ ³ñï³¹ñ³ÝùÝ ¿, ³å³ Ñݳñ³íáñ ¿ Ñ»Ýó ËÙµ³·ñÇãÇ Ý»ñùá ëï»ÕÍ»É áñáß³ÏÇ ³ÝÇÙ³óÇáÝ ¿ý»ÏïÝ»ñ: γñ»ÉÇ ¿ ³ë»É, áñ Dreamweaver-Ý áõÝÇ Ù»Ï Ã»ñáõÃÛáõÝ` ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ³ß˳ï»Éáõ Ñݳñ³íáñáõÃÛ³Ý ï»ë³Ï»ïÇó: ê³Ï³ÛÝ ³Û¹ ûñáõÃÛáõÝÁ ¨ë Ñݳñ³íáñ ¿ í»ñ³óÝ»É, »Ã» Dreamweaver-Ç Ñ»ï ½áõ·³Ñ»é ï»Õ³¹ñíÇ Ý³¨ Dreamweaver UltraDev-Á, áñÝ Çñ»ÝÇó Ý»ñϳ۳óÝáõÙ ¿ ѽáñ ÷³Ã»Ã` ASP, JSP ¨ Cold Fusion ë³ï³ñáõÙáí (í»ñçÇÝ` Dreamweaver MX2004 í³ñϳÍáõÙ ³Û¹ »ñÏáõ ËÙµ³·ñÇãÝ»ñÇ Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ Ùdzíáñí³Í »Ý): FrontPage-Á Microsoft Office ýÇñÙ³ÛÇ ÏáÕÙÇó ³ñï³¹ñí³Í ËÙµ³·ñÇã ¿, áñÝ ³å³ÑáíáõÙ ¿ webϳÛù»ñÇ å³ïñ³ëïÙ³Ý ³íïáÙ³ï³óáõÙÁ: γÛù»ñ å³ïñ³ëïáÕÝ»ñÇÝ ³ÛÝ ïñ³Ù³¹ñáõÙ ¿ ѳñÙ³ñ ·áñÍÇùÝ»ñ, áñáÝù ³å³ÑáíáõÙ »Ý ¹ñ³Ýó ëï»ÕÍÙ³Ý ÉñÇí å³ñµ»ñ³ßñç³ÝÁª áõëáõóáÕ³Ï³Ý µÝáõÛÃÇ Ï³Ûù»ñÇó ÙÇÝ㨠Ëáßáñ Ïáñåáñ³ïÇí ϳÛù»ñÁ: ÜÙáõßÝ»ñÇ (Template) û·ï³·áñÍáõÙÁ ÁÝÓ»éáõÙ ¿ ϳÛù»ñÇ ëï»ÕÍÙ³Ý Éñ³óáõóÇã Ñݳñ³íáñáõÃÛáõÝÝ»ñ: ÜÙáõßÝ»ñÁ ÏÇë³å³ïñ³ëï ϳÛù»ñ »Ý` áñáß³ÏÇ ïñ³Ù³µ³Ý³Ï³Ý ¨ ý³ÛɳÛÇÝ Ï³éáõóí³ÍùÝ»ñáí, ¿ç»ñÇ ¹Ç½³ÛÝáí, ·»ñÑÕáõÙÝ»ñÇ í³Ñ³Ý³ÏÝ»ñÇ ¨ ÇÝýáñÙ³óÇáÝ µÉáÏÝ»ñÇ Ý³Ë³ÝÙáõßÝ»ñáí (ٳϻïÝ»ñáí): ²Û¹ ݳ˳ÝÙáõßÝ»ñáõÙ ³ÝÑñ³Å»ßï ³ñÅ»ùÝ»ñÁ ·ñ³Ýó»Éáí` ϳñ»ÉÇ ¿ å³ïñ³ëï»É ÝٳݳïÇå ϳÛù»ñ: FrontPage ѳٳϳñ·Ç ·áñͳéÝáõÃÛáõÝÁ Çñ³·áñÍíáõÙ ¿ ÙÇ ß³ñù ѳٳÉÇñ Íñ³·ñ»ñÇ ¨ ÁݹɳÛÝáõÙÝ»ñÇ ÙÇçáóáí (FrontPage Extensions), áñáÝóÇó ÑÇÙݳϳÝÝ»ñÝ »Ýª FrontPage Explorer-Á ¨ FrontPage Editor-Á: ¸ñ³Ýù ·áñͳÍíáõÙ »Ý ϳÛù»ñÇ ý³ÛɳÛÇÝ Ï³éáõóí³ÍùÝ»ñÇ ëï»ÕÍÙ³Ý ¨ ¿ç»ñÇ ÇÝýáñÙ³óÇáÝ ¨ ·ñ³ýÇÏ³Ï³Ý µ³Õ³¹ñ³Ù³ë»ñÇ Ó¨³íáñÙ³Ý Ñ³Ù³ñ: ú·ïí»Éáí FrontPage Explorer Íñ³·ñÇó, ݳ˳·ÍáÕÁ ϳñáÕ ¿ ëï»ÕÍ»É Ýáñ ý³ÛÉ»ñ, ³ÛÝáõÑ»ï¨ ³ÝóÝ»Éáí FrontPage Editor Íñ³·ñÇݪ Ó¨³íáñ»É ¹ñ³ ÇÝýáñÙ³óÇáÝ µ³Õ³¹ñ³Ù³ë»ñÁ: ¸ñ³ÝÇó Ñ»ïá ϳñáÕ ¿ ÝáñÇó ³ÝóÝ»É FrontPage Explorer Íñ³·ñÇÝ, ¹Çï»É ϳÛùÇ ý³ÛɳÛÇÝ Ï³éáõóí³ÍùÁ, ëï»ÕÍ»É Ýáñ ý³ÛÉ, ÝáñÇó í»ñ³¹³éÝ³É FrontPage Editor Íñ³·ñÇÝ ¨ ß³ñáõÝ³Ï»É Ï³ï³ñ»É ³ß˳ï³ÝùÝ»ñ ¿ç»ñÇ 76
ÇÝýáñÙ³óÇáÝ µ³Õ³¹ñ³Ù³ë»ñÇ Ñ»ï: àñå»ë Microsoft Office-Ç ÙÇ Ù³ë` FrontPage-ÇÝ Ñ³ïáõÏ »Ý µ³½Ù³ÃÇí ûųݹ³Ï í³ñå»ïÝ»ñ, Ñáõß³ñ³ñÝ»ñ, û·Ý³Ï³ÝÝ»ñ ¨ ³ÛÉÝ: лÝó ³Û¹ ¿É µ»ñáõÙ ¿ Ýñ³Ý, áñ ³ÛÝ ³Ù»ÝÁ, ÇÝã ëï»ÕÍíáõÙ ¿ FrontPage-Ç ÙÇçáóáí, ëï³óíáõÙ ¿ µ³í³Ï³ÝÇÝ ëï³Ý¹³ñï ï»ëùáí: ÆëÏ ù³ÝÇ áñ FrontPage-Á ËÇëï ϳËáõÙ áõÝÇ ÁݹɳÛÝáõÙÝ»ñÇó, ³å³ å³ñï³¹Çñ å³Ñ³ÝçíáõÙ ¿ í»ñçÇÝÝ»ñë ï»Õ³¹ñ»É ë»ñí»ñÇ íñ³ (³é³Ýó ¹ñ³ ß³ï Ùß³ÏáõÙÝ»ñ å³ñ½³å»ë ã»Ý ³ß˳ïÇ): ¸³ ¿ å³ï׳éÁ, áñ ËÙµ³·ñÇãÁ ÑÇÙݳϳÝáõÙ û·ï³·áñÍíáõÙ ¿ ÙdzÛÝ áã Ù»Í ³Ýѳï³Ï³Ý ϳÛù»ñ ëï»ÕÍ»Éáõ ѳٳñ:
77
ȳµáñ³ïáñ ³ß˳ï³ÝùÝ»ñÇ ³é³ç³¹ñ³ÝùÝ»ñ ȳµáñ³ïáñ ³ß˳ï³Ýù N1 1.1. γ½Ù»É ÷³ëï³ÃáõÕÃ, áñÝ áõÝÇ ï»ùëïÇ Ñ»ï¨Û³É ·Í³ÝßáõÙÁ` سñù»ÃÇÝ·Ç ë³ÑÙ³ÝáõÙÝ»ñÁ ϳñ»ÉÇ ¿ Ùdzíáñ»É »ñÏáõ ÑÇÙÝ³Ï³Ý ËÙµ»ñáõÙ` ¹³ë³Ï³Ý (ë³Ñٳݳ÷³Ï) ¨ ųٳݳϳÏÇó (ÁݹѳÝñ³óí³Í): سñù»ÃÇÝ·Ç “³í³Ý¹³Ï³Ý” ë³ÑÙ³ÝáõÙÝ»ñÁ »Ýó¹ñáõÙ »Ý, áñ ·É˳íáñÁ ³åñ³ÝùÝ»ñÇ ¨ ͳé³ÛáõÃÛáõÝÝ»ñÇ ýǽÇÏ³Ï³Ý ï»Õ³ß³ñÅÝ ¿ ¨ ¹ñ³ Ñ»ï ϳåí³Í` áõÝ»Ý ÙÇ ß³ñù ûñáõÃÛáõÝÝ»ñ: 1.2. ú·ï³·áñÍ»Éáí <pre></pre> ï»·Á` ϳ½Ù»ù Ñ»ï¨Û³É ³ÕÛáõë³ÏÁ` î³ñ³Í³ßñç³Ý Ò»éùÇ ³ß˳ï³Ýù Øï³íáñ ³ß˳ï³Ýù гñ³í-³ñ¨Ùáõïù $ 40 $ 50 гñ³í-³ñ¨»Éù $ 35 $ 45 ÐÛáõëÇë-³ñ¨Ùáõïù $ 40 $ 65 ÐÛáõëÇë-³ñ¨»Éù $ 25 $ 35 1.3. γ½Ù»ù ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É åÇï³Ï³íáñí³Í óáõó³ÏÁ` ²ØÜ-Ç ëï³Ý¹³ñï ³ñ¹Ûáõݳµ»ñ³Ï³Ý ¹³ë³Ï³ñ·ÇãÁ ¶ÛáõÕ³Ï³Ý ¨ ³Ýï³é³ÛÇÝ ïÝï»ëáõÃÛáõÝ ÒÏÝáñëáõÃÛáõÝ ÞÇݳñ³ñáõÃÛáõÝ ²ñ¹Ûáõݳµ»ñáõÃÛáõÝ îñ³Ýëåáñï гÕáñ¹³ÏóÙ³Ý áõÕÇÝ»ñ ¾É»Ïïñ³- ¨ ·³½³Ù³ï³Ï³ñ³ñáõÙ ´ÅßÏ³Ï³Ý ëå³ë³ñÏáõÙ Ø»Í³Í³Ë ¨ Ù³Ýñ³Í³Ë ³é¨ïáõñ üÇݳÝëÝ»ñ ²å³Ñáí³·ñáõÃÛáõÝ ¨ ³Ýß³ñÅ ·áõÛù ͳé³ÛáõÃÛáõÝÝ»ñ 1.4. 1.3-áõÙ µ»ñí³Í åÇï³Ï³íáñí³Í óáõó³ÏÁ Ý»ñϳ۳óÝ»É Ï³ñ·³íáñí³Í (ѳٳñ³Ï³Éí³Í) óáõó³ÏÇ ï»ëùáí: 1.5. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É óáõó³ÏÁ` Òðàâÿíûå ÷àè I Ðîìàøêà II Ìÿòíûé ÷àé Ïåðå÷íàÿ ìÿòà Îáû÷íàÿ ìÿòà III Æåíüøåíü IV Øèïîâíèê 1.6. гí³ë³ñ»óñ»ù Ï³Ù³Û³Ï³Ý å³ïÏ»ñ Ó³ËÇó (ÉáÕ³óáÕ å³ïÏ»ñ), ³ÛÝå»ë, áñ ³ÛÝ ßñç³÷³ÏíÇ Ñ»ï¨Û³É ï»ùëïáí` ¼µáë³ßñçÇÏÝ»ñÇ Ñ³Ù³ñ ³é³í»É ·ñ³íÇã »Ý ÆÝÇ ÓÙ»é³ÛÇÝ ï»ë³ñ³ÝÝ»ñÁ: ȳµáñ³ïáñ ³ß˳ï³Ýù N2 2.1. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É ³ÕÛáõë³ÏÁ` 0719 ¶»ñ³½³Ýó È³í ´³í³ñ³ñ ²Ýµ³í³ñ³ñ 30 40 20 10 2.2. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É ³ÕÛáõë³ÏÁ
78
2.3. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É ³ÕÛáõë³ÏÁ`
ȳµáñ³ïáñ ³ß˳ï³Ýù N3 3.1. γ½Ù»É ¿ç, áñÁ ÏÉáõë³µ³ÝÇ Ñ»ï¨Û³É ßñç³Ý³ÏÝ»ñÁ ÐÕáõÙÝ»ñ
²ß˳ï³Ýù³ÛÇÝ ïÇñáõÛà ÐÕáõÙÝ»ñ ÐÕáõÙÝ»ñ
ÐÕáõÙÝ»ñ
3.2. γ½Ù»É ¿ç, áñÁ ÏÉáõë³µ³ÝÇ Ñ»ï¨Û³É ßñç³Ý³ÏÝ»ñÁ ¨ ϳ½Ù»É Ûáõñ³ù³ÝãÛáõñ ßñç³Ý³ÏÇ Ñ³Ù³ñ ÷³ëï³ÃáõÕÃ, áñÁ ϳñï³å³ïÏ»ñÇ Ñ»ï¨Û³É ÇÝýáñÙ³ódzÝ`
Ä³Ù³Ý³Ï ÐÕáõÙÝ»ñÇ ÁÝïñ³ó³ÝÏ
¶áí³½¹Ç ýñ»ÛÙ ö³ëï³ÃÕûñÇ ³ñï³å³ïÏ»ñÙ³Ý ÑÇÙÝ³Ï³Ý ¿ç (ɳµáñ³ïáñ ³ß˳ï³Ýù 2.2-Ç ³ÕÛáõë³ÏÁ)
¶ È àô Ê 3 ¸ÆܲØÆÎ WEB-¾æºðÆ êîºÔÌàôØÀ, JAVASCRIPT êòºÜ²ð²ÚÆÜ Èº¼àôÜ Î³Ûù ëï»ÕÍ»ÉÇë Ûáõñ³ù³ÝãÛáõñ Ñ»ÕÇݳÏ, áñå»ë ϳÝáÝ, ݳ˳ï»ëáõÙ ¿, áñ ³ÛÝ å»ïù ¿ ÉÇÝÇ ÇÝï»ñ³ÏïÇí, ÇëÏ ¹³ Ý߳ݳÏáõÙ ¿ ³Ûó»ÉáõÝ»ñÇ Ñ»ï ³Ûë ϳ٠³ÛÝ ³ëïÇ׳ÝÇ ÷áËѳٳ·áñͳÏóáõÃÛ³Ý Ï³½Ù³Ï»ñåáõÙ: Web-¿ç»ñÁ ϳñáÕ »Ý ѻﳹ³ñÓ Ï³å áõÝ»Ý³É û·ïíáÕÝ»ñÇ Ñ»ï, ³å³Ñáí»É å³ïí»ñÝ»ñÇ ÁݹáõÝáõÙ, ï³ñµ»ñ ѳñó»ñÇ ùÝݳñÏáõÙ ¨ ÝáõÛÝÇëÏ ÁÝÓ»é»É ÙÇÙÛ³Ýó Ñ»ï ѳÕáñ¹³Ïóí»Éáõ Ñݳñ³íáñáõÃÛáõÝ: γÛù»ñÇ ÇÝï»ñ³ÏïÇíáõÃÛáõÝÁ ¨ ¹ÇݳÙÇÏáõÃÛáõÝÁ ³å³Ñáí»Éáõ ³ÝÑñ³Å»ßï å³ÛÙ³ÝÝ»ñÇó Ù»ÏÁ, ÇÝãå»ë ³ñ¹»Ý Ýßí»É ¿ ³é³çÇÝ ·ÉËáõÙ, ë»ñí»ñáõÙ ï»Õ³¹ñíáÕ Ñ³ïáõÏ Íñ³·ñ»ñÇ ëï»ÕÍáõÙÝ ¿: ê³Ï³ÛÝ áã µáÉáñ ¹»åù»ñáõÙ ¿ Ýå³ï³Ï³Ñ³ñÙ³ñ û·ïíáÕÇó ëï³óíáÕ ïíÛ³ÉÝ»ñÁ ϳ٠ѳñóáõÙÝ»ñÁ Ùß³Ï»É ë»ñí»ñáõÙ: Web-¿çÇ ï³ñµ»ñ ï³ññ»ñÇ Ñ»ï ³ß˳ï»Éáõ, û·ïíáÕÇ ÏáÕÙÇó Ùáõïù³·ñÙ³Ý ·áñÍÁÝóóÇÝ ÷á˳½¹»Éáõ, å³ïÏ»ñ³Ó¨»ñÇ (ýáñٳݻñÇ) ïíÛ³ÉÝ»ñÁ áñáß³ÏÇ ³É·áñÇÃÙÝ»ñÇ ÙÇçáóáí Ù߳ϻÉáõ ¨ µ³½Ù³ÃÇí ³ÛÉ` ë»ñí»ñ³ÛÇÝ Ùß³ÏáõÙ ãå³Ñ³ÝçáÕ ËݹÇñÝ»ñ ÉáõÍ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý, ³Ûëå»ë Ïáãí³Í, ëó»Ý³ñ³ÛÇÝ É»½áõÝ»ñ, áñáÝóÇó ³é³í»É ï³ñ³Íí³ÍÝ»ñÁ JavaScript ¨ VBScript É»½áõÝ»ñÝ »Ý: êó»Ý³ñ³ÛÇÝ É»½áõÝ»ñÁ ³ß˳ïáõÙ »Ý ³ÝÙÇç³Ï³Ýáñ»Ý µñ³áõ½»ñÇ Ý»ñùá (ÇѳñÏ», »Ã» ѳٳï»Õ»ÉÇ »Ý í»ñçÇÝÇ Ñ»ï) ¨ û·ï³·áñÍíáõÙ »Ý, ÇÝãù³Ý ¿É ¹³ ï³ñoñÇÝ³Ï Ï³ñáÕ ¿ Ãí³É, ϳ٠å³ñ½, áã Ù»Í, ϳ٠ã³÷³½³Ýó µ³ñ¹ ËݹÇñÝ»ñÇ ÉáõÍÙ³Ý Ñ³Ù³ñ: ê³Ï³ÛÝ Ý³Ëù³Ý ëó»Ý³ñ³ÛÇÝ É»½áõÝ»ñÁ ¨ ¹ñ³Ýóáí ϳ½Ù³Í ëó»Ý³ñÝ»ñÁ (ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ ëó»Ý³ñÝ»ñÁ ϳÝí³Ý»Ýù ëÏñÇåïÝ»ñ) áõëáõÙݳëÇñ»ÉÁ, ³ÝÑñ³Å»ßï ¿ å³ñ½³µ³Ý»É »ñÏáõ ϳñ¨áñ³·áõÛÝ ÑÇÙݳñ³ñ ѳëϳóáõÃÛáõÝÝ»ñ, áñáÝó ÙÇçáóáí ¿É Ûáõñ³ù³ÝãÛáõñ web-¿ç Ñݳñ³íáñ ¿ ¹³ñÓÝ»É í³é, å³ïÏ»ñ³½³ñ¹ ¨ ¹ÇݳÙÇÏ: ¸ñ³Ýù »Ý` HTML å³ïÏ»ñ³Ó¨»ñÁ ¨ ÷³ëï³ÃÕÃÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ (Document Object Model - DOM): 79
¢ 3.1. HTML å³ïÏ»ñ³Ó¨»ñ (ýáñٳݻñ) ä³ïÏ»ñ³Ó¨»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ѳñóáõÙÝ»ñÇ ÙÇçáóáí û·ïíáÕÇó ëï³Ý³É ³ÝÑñ³Å»ßï ÇÝýáñÙ³ódzÝ, Áݹ áñáõÙ` ïíÛ³ÉÝ»ñÇ ÙÇ Ù³ëÁ ϳñáÕ ¿ Ó¨³Ï»ñåí»É áñå»ë å³ïñ³ëïÇ ÁÝïñ³ó³ÝÏ»ñ, áñáÝóÇó û·ïíáÕÁ ϳñáÕ ¿ ÁÝïñ»É ³ÝÑñ³Å»ßï Ï»ïÁ: гñóáõÙÝ»ñÁ ϳñáÕ »Ý ÉÇÝ»É Ñ»ï¨Û³É ï»ë³ÏÝ»ñÇ` ѳñó»ñ, áñáÝó å³ï³ë˳ÝÁ ³ÝÑñ³Å»ßï ¿ ѳí³ù»É ѳïáõÏ ï»ùëï³ÛÇÝ ¹³ßï»ñáõÙ, ѳñó»ñ, áñáÝó å³ï³ë˳ÝÁ å»ïù ¿ ÁÝïñíÇ ³é³ç³ñÏíáÕ óáõó³ÏÇó, ¨ áñÁ ϳñáÕ ¿ ϳ½Ù³Ï»ñåí³Í ÉÇÝ»É ÁÝïñ³ó³ÝÏ»ñÇ Ï³Ù ÷á˳ñÏÇãÝ»ñÇ Ñ³Ù³ËÙµÇ ï»ëùáí, ѳñó»ñ, áñáÝó ÙÇ³Ï å³ï³ë˳ÝÁ ÁÝïñíáõÙ ¿ ÷á˳ñÏÇãÝ»ñÇ Ñ³Ù³ËÙµÇó: ä³ïÏ»ñ³Ó¨»ñÁ ëï»ÕÍíáõÙ »Ý HTML ³ÛÝåÇëÇ ï»·»ñÇ ÙÇçáóáí, áñáÝù ë³ÑÙ³ÝáõÙ »Ý ÙáõïùÇ ¹³ßï»ñ, ÷á˳ñÏÇãÝ»ñ, ¹ñáß³ÝßÇãÝ»ñ ¨ ³ÛÉ Õ»Ï³í³ñÙ³Ý ï³ññ»ñ: Úáõñ³ù³ÝãÛáõñ ³Û¹åÇëÇ Õ»Ï³í³ñÙ³Ý ï³ññ å»ïù ¿ áõݻݳ µ³ó³éÇÏ ³ÝáõÝ, áñÁ ѻﳷ³ÛáõÙ Ïû·ï³·áñÍíÇ áñå»ë ÷á÷á˳ϳÝ, ¨ ³ÛÝ ÁÝïñáõÃÛáõÝÁ, áñÁ Ïϳï³ñÇ û·ïíáÕÁ, Ϲ³éݳ ³Û¹ ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ: úñÇݳÏ, »Ã» Ùáõïù³·ñÙ³Ý ï»ùëï³ÛÇÝ ¹³ßïÇÝ ïñíÇ “city” ³ÝáõÝ, ÇëÏ û·ïíáÕÁ ·ñ³ÝóÇ ³Û¹ ¹³ßïáõ٠ѳñ³½³ï ù³Õ³ùÇ ³ÝáõÝÁ` ºñ¨³Ý (ϳ٠áñ¨¿ ³ÛÉ), ³å³ ¹³ ÏÝ߳ݳÏÇ, áñ city ÷á÷á˳ϳÝÇ ³ñÅ»ùÝ ¿` “ºñ¨³Ý” (city=”ºñ¨³Ý”): öá÷á˳ϳÝÝ»ñÁ ¨ ¹ñ³Ýó ³ñÅ»ùÝ»ñÁ ÑÇÙݳϳÝáõ٠ѳÕáñ¹íáõÙ »Ý ϳ٠ëó»Ý³ñÇÝ ¨ Ùß³ÏíáõÙ ³ÝÙÇç³å»ë û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãÇ íñ³, ϳ٠ë»ñí»ñÇÝ, áñÁ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ÙÇçáóáí í»ñͳÝáõÙ ¿ ¨ Ùß³ÏáõÙ ëï³óíáÕ ïíÛ³ÉÝ»ñÁ: ºñÏáõ ¹»åùáõÙ ¿É Ùß³ÏÙ³Ý ³ñ¹ÛáõÝùáõÙ web-¿çÇ ï»ëùÁ ÷á÷áËíáõÙ ¿: ú·ïíáÕÇ ·ñ³Ýó³Í ïíÛ³ÉÝ»ñÇó ϳËí³Í, ¿çáõ٠ϳñáÕ »Ý ѳÛïÝí»É Ýáñ ïíÛ³ÉÝ»ñ ϳ٠áñ¨¿ å³ñ½ å³ï³ë˳Ý, ûñÇݳÏ` “ÞÝáñѳϳÉáõÃÛáõÝ, áñ ¹ÇÙ»óÇù Ù»½”: ä³ïÏ»ñ³Ó¨»ñÁ ëï»ÕÍíáõÙ »Ý ѳïáõÏ <form> ï»·Ç ÙÇçáóáí, áñÁ ѳݹÇë³ÝáõÙ ¿ ÏáÝï»ÛÝ»ñ ³ÛÉ ï³ññ»ñÇ Ñ³Ù³ñ: î»·Ç ·ñ³ÝóÙ³Ý ÁݹѳÝáõñ ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` <form> å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÁ </form> ²ÛÝ ¹»åù»ñáõÙ, »ñµ û·ïíáÕÇ å³ï³ë˳ÝÝ»ñÁ å»ïù ¿ Ùß³Ïí»Ý ë»ñí»ñáõÙ, ï»·Ý áõÝÇ Ýí³½³·áõÛÝÁ »ñÏáõ µÝáõó·ñÇãÝ»ñ` 1. action – å³ñáõݳÏáõÙ ¿ å³ïÏ»ñ³Ó¨Ç ïíÛ³ÉÝ»ñÁ Ùß³ÏáÕ Íñ³·ñÇ URL ѳëó»Ý: ºÃ» ¹³ ë»ñí»ñ³ÛÇÝ Íñ³·Çñ ¿, ³å³ ѳëó»Ý áõÝÇ, ûñÇݳÏ, Ñ»ï¨Û³É ï»ëùÁ` “http://www.mysite.am/ cgi-bin/program.pl”: 2. method – áñáßáõÙ ¿ ë»ñí»ñÇÝ ïíÛ³ÉÝ»ñÁ ѳÕáñ¹»Éáõ »Õ³Ý³ÏÁ ¨ ϳñáÕ ¿ ÁݹáõÝ»É Ñݳñ³íáñ »ñÏáõ ³ñÅ»ùÝ»ñ` get - ³Ûë »Õ³Ý³ÏÁ û·ï³·áñÍ»Éáõ ¹»åùáõ٠ѳÕáñ¹íáÕ ïíÛ³ÉÝ»ñÁ ÏóíáõÙ »Ý URL ѳëó»ÇÝ: Ø»Í Ù³ë³Ùµ ¹³ ½·³ÉÇáñ»Ý ë³Ñٳݳ÷³ÏáõÙ ¿ ïíÛ³ÉÝ»ñÇ Í³í³ÉÁ (ëáíáñ³µ³ñ áã ³í»É, ù³Ý 100 ÝÇß): ÆѳñÏ», »Ã» å³ïÏ»ñ³Ó¨Á µ³Õϳó³Í ¿ Ù»Ï - »ñÏáõ ï³ññ»ñÇó ¨ å³Ñ³ÝçíáõÙ ¿ ³å³Ñáí»É ѳÕáñ¹Ù³Ý Ù»Í ³ñ³·áõÃÛáõÝ, ³å³ ݳËÁÝïñ»ÉÇ ¿ û·ï³·áñÍ»É Ñ»Ýó ³Ûë Ù»Ãá¹Á: post – û·ï³·áñÍíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ å³ïÏ»ñ³Ó¨»ñÁ å³ñáõݳÏáõÙ »Ý ½·³ÉÇ Ãíáí ٻͳͳí³É ÇÝýáñÙ³ódz: îíÛ³ÉÝ»ñÁ ѳÕáñ¹íáõÙ »Ý URL ѳëó»Çó ³é³ÝÓÇÝ, ¨ ͳí³ÉÁ ·áñÍݳϳÝáõÙ ë³Ñٳݳ÷³Ïí³Í ã¿: ì»ñÁ Ýßí³Í »ñÏáõ ÑÇÙݳϳÝÝ»ñÇó µ³óÇ, å³ïÏ»ñ³Ó¨»ñÁ ϳñáÕ »Ý áõÝ»Ý³É Ý³¨ áñáß Éñ³óáõóÇã µÝáõó·ñÇãÝ»ñ: êó»Ý³ñÝ»ñÇ (ëÏñÇåïÝ»ñÇ) ¨ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ û·ï³·áñÍÙ³Ý å³ÛÙ³ÝÝ»ñáõÙ ³é³í»É ϳñ¨áñ »Ý å³ïÏ»ñ³Ó¨»ñÇ Ç¹»ÝïÇýÇϳóÙ³Ý Ñ³Ù³ñ ͳé³ÛáÕ` name ¨ id µÝáõó·ñÇãÝ»ñÁ (¹ñ³Ýù ϳñ¨áñ Ý߳ݳÏáõÃÛáõÝ áõÝ»Ý å³ïÏ»ñ³Ó¨Ç ³é³ÝÓÇÝ ï³ññ»ñÇ Ñ³Ù³ñ` ¹³ ÏùÝݳñÏ»Ýù ³í»ÉÇ áõß): ø³ÝÇ áñ name µÝáõó·ñÇãÁ XML ëï³Ý¹³ñïáõÙ Áݹ·ñÏí³Í ã¿, ѳñÙ³ñ ¿ ³é³ÛÅÙ û·ï³·áñÍ»É ³Û¹ »ñÏáõ µÝáõó·ñÇãÝ»ñÁ ÙdzųٳݳÏ: Üß»Ýù, áñ Ç ï³ñµ»ñáõÃÛáõÝ ³ÛÉ ÏáÝï»ÛÝ»ñ ï»·»ñÇ (ûñÇݳÏ` <p>, <frame>, <table> ¨ ³ÛÉÝ), <form> ï»·»ñÁ ãÇ Ï³ñ»ÉÇ Ý»ñ¹Ý»É ÙÇÙÛ³Ýó Ù»ç. ѳñϳíáñ ¿ ÉÇáíÇÝ ë³ÑÙ³Ý»É Ù»Ï å³ïÏ»ñ³Ó¨Á, ÷³Ï»É ³ÛÝ </form>-áí ¨ Ýáñ ÙdzÛÝ ³ÝóÝ»É ÙÇ ³ÛÉ å³ïÏ»ñ³Ó¨Ç ë³ÑÙ³ÝÙ³ÝÁ:
3.1.1. î»ùëï³ÛÇÝ ¹³ßï»ñ ä³ïÏ»ñ³Ó¨»ñÇ ÏÇñ³éáõÃÛ³Ý ³é³í»É ï³ñ³Íí³Í Ýå³ï³ÏÝ»ñÇó Ù»ÏÁ û·ïíáÕÇó áñáß³ÏÇ 80
ï»ùëï³ÛÇÝ ïíÛ³ÉÝ»ñ ëï³Ý³ÉÝ ¿, áñáÝó ÙÇçáóáí Ñݳñ³íáñ ÏÉÇÝÇ Ñ»ï³¹³ñÓ Ï³å ϳ½Ù³Ï»ñå»É ϳÛùáõÙ: ¸ñ³Ýù ϳñáÕ »Ý ÉÇÝ»É Ù»Ïݳµ³ÝáõÃÛáõÝÝ»ñ, ϳÛùÇ µáí³Ý¹³ÏáõÃÛ³Ý Ï³Ù Ó¨³íáñÙ³Ý í»ñ³µ»ñÛ³É ¹ÇïáÕáõÃÛáõÝÝ»ñ ¨ ³ÛÉÝ: î»ùëïÇ Ùáõïù³·ñÙ³Ý Ñ³Ù³ñ ïÇñáõÛÃÁ ëï»ÕÍíáõÙ ¿ <textarea>…</textarea> ÏáÝï»ÛÝ»ñ ï»·Ç û·ÝáõÃÛ³Ùµ, áñÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` <textarea name=”³ÝáõÝ” id=”³ÝáõÝ” rows=”ÃÇí” cols=”ÃÇí”> Àëï Éé»ÉÛ³ÛÝ ï»ùëïÁ </textarea>: rows ¨ cols µÝáõó·ñÇãÝ»ñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É å³ïáõѳÝáõÙ ³ñï³å³ïÏ»ñíáÕ ïáÕ»ñÇ ¨ ëÛáõݳÏÝ»ñÇ ù³Ý³ÏÁ, ë³Ï³ÛÝ Ùáõïù³·ñíáÕ ï»ùëïÇ Í³í³ÉÁ ¹ñ³Ýáí ãÇ ë³Ñٳݳ÷³ÏíáõÙ` ϳñ»ÉÇ ¿ ·ñ³Ýó»É ³ÛÝù³Ý ÇÝýáñÙ³ódz, ÇÝãù³Ý ³ÝÑñ³Å»ßï ¿: î»·Ç Ý»ñëáõÙ ëáíáñ³µ³ñ ·ñ³ÝóíáõÙ ¿ ³ÛÝ ï»ùëïÁ, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ Áëï Éé»ÉÛ³ÛÝ, Áݹ áñáõÙ` ³ÛÝ ¹áõñë ¿ µ»ñíáõÙ ¿Ïñ³ÝÇÝ ³ÛÝå»ë, ÇÝãå»ë ѳí³ùí»É ¿` <pre> ï»·Ç ÝÙ³Ý: name ¨ id µÝáõó·ñÇãÝ»ñÁ ÙdzñÅ»ùáñ»Ý ǹ»ÝïÇýÇϳóÝáõÙ »Ý ï»ùëï³ÛÇÝ ¹³ßïÁ: γñ»ÉÇ ¿ ÑÇᯐ ¨ë Ù»Ï µÝáõó·ñÇã` readonly, áñÇ ÙÇçáóáí ³ñ·»ÉíáõÙ ¿ ï»ùëï³ÛÇÝ ¹³ßïÇ å³ñáõݳÏáõÃÛ³Ý ËÙµ³·ñáõÙÁ` readonly=”readonly”: êïáñ¨ Ý»ñϳ۳óí³Í ¿ ï»ùëï³ÛÇÝ ¹³ßïÇ ëï»ÕÍÙ³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ûñÇÝ³Ï (ï»ë` å³ïÏ»ñ 3.1.1)` <html><head><title></title></head> <body style="font-family:Arial Armenian;font-size:10pt"> <textarea name="textarea" id="textarea" rows="5" cols="20"> ¶ñ³Ýó»ù ³Ûëï»Õ Ó»ñ ³é³ç³ñÏáõÃÛáõÝÝ»ñÁ </textarea> </body></html>
ä³ïÏ»ñ 3.1.1. î»ùëï³ÛÇÝ ¹³ßïÇ ûñÇݳÏ
3.1.2. Իϳí³ñÙ³Ý ï³ññ»ñ î»ùëï³ÛÇÝ ¹³ßïÁ ï»ùëï³ÛÇÝ ïíÛ³ÉÝ»ñÇ Ùáõïù³·ñÙ³Ý ÑÇÙÝ³Ï³Ý ·áñÍÇùÝ ¿` ¹ñ³ û·ÝáõÃÛ³Ùµ ϳñ»ÉÇ ¿ Ùáõïù³·ñ»É áñáß³ÏÇ Í³í³ÉÇ Ï³Ù³Û³Ï³Ý ï»ùëï: ê³Ï³ÛÝ ß³ï Ñ³×³Ë ³ÝÑñ³Å»ßï ¿ ÉÇÝáõÙ ë³Ñٳݳ÷³Ï»É û·ïíáÕÇ ÏáÕÙÇó ïñí³Í å³ï³ë˳ÝÝ»ñÇ ù³Ý³ÏÁ: Î³Ù³Û³Ï³Ý ï»ùëïÇ Ùß³ÏáõÙÁ ã³÷³½³Ýó µ³ñ¹ ËݹÇñ ¿ ¨ ѳëϳݳÉÇ ¿, áñ ³í»ÉÇ Ñ»ßï ¿ Ùß³Ï»É ë³Ñٳݳ÷³Ï ù³Ý³Ïáí ݳ˳å»ë ѳÛïÝÇ ³ñÅ»ùÝ»ñÁ: ²Û¹ ËݹÇñÁ ÉáõÍíáõÙ ¿ <input /> ï»·Ç û·ï³·áñÍÙ³Ý ÙÇçáóáí: ²ÛÝ ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É Ù»Ï Ï³Ù ÙÇ ù³ÝÇ Õ»Ï³í³ñÙ³Ý ï³ññ»ñ, áñáÝó ï»ë³ÏÁ ·ñ³ÝóíáõÙ ¿ ï»·Ç Ñ³ïáõÏ` type µÝáõó·ñÇãáõÙ: ´áÉáñ ï»ë³ÏÝ»ñÇ <input /> ջϳí³ñÙ³Ý ï³ññ»ñÁ ÙdzñÅ»ùáñ»Ý ǹ»ÝïÇýÇϳóíáõÙ »Ý name µÝáõó·ñÇãÇ ÙÇçáóáí` <input type=”ï»ë³ÏÁ” name=”³ÝáõÝÁ” />: Øáõïù³·ñÙ³Ý ¹³ßïÁ ` <input type=”text” /> ¹³ ÝáõÛÝÝ ¿, ÇÝã ¨ ï»ùëï³ÛÇÝ ¹³ßïÁ, ³ÛÝ ï³ñµ»ñáõÃÛ³Ùµ, áñ ÃáõÛÉ ¿ ï³ÉÇë Ùáõïù³·ñ»É ÙdzÛÝ Ù»Ï, áã Ù»Í ïáÕ: êáíáñ³µ³ñ Ùáõïù³·ñÙ³Ý ¹³ßïÁ ÏÇñ³éíáõÙ ¿ û·ïíáÕÇ í»ñ³µ»ñÛ³É áñáß³ÏÇ ïíÛ³ÉÝ»ñ (³½·³ÝáõÝ, ³ÝáõÝ, µÝ³Ï³í³Ûñ, ÍÝÝ¹Û³Ý ï³ñ»ÃÇíÁ ¨ ³ÛÉÝ) ·ñ³Ýó»Éáõ Ýå³ï³Ïáí: ´Ýáõó·ñÇãÝ»ñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É ¹³ßïÇ ã³÷ë»ñÁ (size) ¨ ÝÇß»ñÇ ³é³í»É³·áõÛÝ Ñݳñ³íáñ ù³Ý³ÏÁ (maxlength), ³ÛëÇÝùÝ` ϳñ»ÉÇ ¿ ëï»ÕÍ»É ¹³ßï, áñÇ ã³÷ë»ñÁ ·»ñ³½³ÝóáõÙ »Ý (ϳ٠ѳϳé³ÏÁ` ½ÇçáõÙ »Ý) Ùáõïù³·ñíáÕ ïáÕÇ ã³÷ë»ñÇÝ: ò³ÝÏáõÃÛ³Ý ¹»åùáõÙ value µÝáõó·ñÇãÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ݳ¨ ë³ÑÙ³Ý»É ¹³ßïÇ Áëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁ: 81
úñÇݳÏ` <input type=”text” name=”city” size=”30” maxlegth=”40” value=”Yerevan” />: ̳Íϳ·ñÇ Ùáõïù³·ñÙ³Ý ¹³ßïÁ` <input type=”password” /> ï³ñµ»ñíáõÙ ¿ ëáíáñ³Ï³Ý Ùáõïù³·ñÙ³Ý ¹³ßïÇó ÙdzÛÝ Ýñ³Ýáí, áñ ѳí³ùíáÕ ï»ùëïÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ѳïáõÏ ÝÇß»ñÇ ï»ëùáí (ëáíáñ³µ³ñ ³ëïÕ³ÝÇß»ñáí), ÇÝãÁ ÃáõÛÉ ¿ ï³ÉÇë ùáÕ³ñÏ»É Í³Íϳ·ÇñÁ ûï³ñ ѳ۳óùÝ»ñÇó: Üß»Ýù, áñ “å³ßïå³Ýí³ÍáõÃÛáõÝÁ” Ñ»Ýó ¹ñ³Ýáí ¿É ë³Ñٳݳ÷³ÏíáõÙ ¿, ù³ÝÇ áñ ͳÍϳ·ÇñÁ µñ³áõ½»ñÁ ѳÕáñ¹áõÙ ¿ ³ÏÝѳÛï Ó¨áí: ä³ßïå³Ýí³ÍáõÃÛáõÝÁ ϳñ»ÉÇ ¿ áñáß ã³÷áí µ³ñ»É³í»É` û·ï³·áñÍ»Éáí å³ßïå³Ýí³Í HTTP ³ñӳݳ·ñáõÃÛáõÝ (³ÛÝ ÏáãíáõÙ ¿ SHTTP), áñÁ ѳÕáñ¹áõÙ ¿ ïíÛ³ÉÝ»ñÁ ͳÍϳ·ñí³Í »Õ³Ý³Ïáí: ¸ñáß³ÝßÇãÝ»ñÁ` <input type=”checkbox” /> ÃáõÛÉ »Ý ï³ÉÇë ë³ÑÙ³Ý»É áñáß³ÏÇ å³ñ³Ù»ïñ»ñÇ ïñ³Ù³µ³Ý³Ï³Ý ³ñÅ»ùÝ»ñÁ: ÐÇÙݳϳÝáõÙ ¹ñáß³ÝßÇãÝ»ñÁ ÏÇñ³éíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ ÷á÷á˳ϳÝÁ ϳñáÕ ¿ ÁݹáõÝ»É »ñÏáõ Ñݳñ³íáñ ³ñÅ»ùÝ»ñ (ûñÇݳÏ` ³Ûá ϳ٠áã): ú·ï³·áñÍ»Éáí checked µÝáõó·ñÇãÁ` ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É ¹ñáß³ÝßÇãÇ ëϽµÝ³Ï³Ý íÇ׳ÏÁ, ûñÇݳÏ` checked =”checked” (Áëï Éé»ÉÛ³ÛÝ` ¹ñáß³ÏÁ Ýßí³Í ã¿, ³ÛëÇÝùÝ` checked ã¿): êáíáñ³µ³ñ, ÝáõÛÝÇëÏ ÙÇ ù³ÝÇ ¹ñáß³ÝßÇãÝ»ñÇ ³éϳÛáõÃÛ³Ý ¹»åùáõÙ, ¹ñ³Ýù Çñ³ñÇó ³ÝÏ³Ë »Ý, ³ÛëÇÝùÝ` ϳñ»ÉÇ ¿ ϳï³ñ»É ÙÇ³Å³Ù³Ý³Ï ÙÇ ù³ÝÇëÇ ÁÝïñáõÃÛáõÝÁ: êïáñ¨ µ»ñí³Í ¿ ¹ñáß³ÝßÇãÇ ûñÇݳÏ` <input type=”checkbox” name=”flag” checked=”checked” /> öá˳ñÏÇãÝ»ñÁ` <input type=”radio” />, ÇÝãå»ë ¨ ¹ñáß³ÝßÇãÝ»ñÁ, Ïáãí³Í »Ý ³ñÅ»ùÝ»ñÇ ïñí³Í µ³½ÙáõÃÛáõÝÇó ÁÝïñáõÃÛáõÝ Ï³ï³ñ»Éáõ ѳٳñ: î³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ ÷á˳ñÏÇãÝ»ñÇ ÙÇçáóáí ϳï³ñíáõÙ ¿ ÙÇ³Ï ³ñÅ»ùÇ ÁÝïñáõÃÛáõÝÁ ïñí³Í µ³½ÙáõÃÛáõÝÇó, ÇëÏ ¹ñáß³ÝßÇãÝ»ñÁ ÁÝÓ»éáõÙ »Ý »ñÏáõ³Ï³Ý ÁÝïñáõÃÛ³Ý (³Ûá ϳ٠áã) Ñݳñ³íáñáõÃÛáõÝ` µ³½ÙáõÃÛ³Ý Ûáõñ³ù³ÝãÛáõñ ³ñÅ»ùÇ Ñ³Ù³ñ: ¸ñ³Ýáí ¿ µ³ó³ïñíáõÙ ³ÛÝ ÷³ëïÁ, áñ ÷á˳ñÏÇãÝ»ñÇ ³ÙµáÕç ËÙµÇÝ ïñíáõÙ ¿ Ù»Ï` ÙdzëÝ³Ï³Ý ³ÝáõÝ: úñÇݳÏ` Ñ»ï¨Û³É Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ ëï»ÕÍíáõÙ ¿ ÷á˳ñÏÇãÝ»ñÇ ËáõÙµ, áñÇ ÙÇçáóáí ϳÛùÇ Ñ»ÕÇݳÏÝ»ñÁ ëï³ÝáõÙ »Ý ÇÝýáñÙ³ódz ³ÛÝ Ù³ëÇÝ, û áñï»ÕÇó ¿ û·ïíáÕÁ ëï³ó»É ÇÝýáñÙ³óÇ³Ý Ï³ÛùÇ ·áÛáõÃÛ³Ý í»ñ³µ»ñÛ³É` àñï»ÕÇ±ó ¿ Ó»½ ѳÛïÝÇ ¹³ñÓ»É Ù»ñ ϳÛùÇ Ñ³ëó»Ý<br /> <input type="radio" name=”where” value= “web” checked="checked" /> ÆÝï»ñÝ»ïÇ ÷ÝïñáÕ Íñ³·ñÇó ϳ٠ÑÕáõÙÇó<br /> <input type="radio" name=”where” value= “advert” /> лéáõëï³- ϳ٠鳹Çá·áí³½¹Çó<br /> <input type="radio" name=”where” value= “press” /> »ñûñÇó<br /> <input type="radio" name=”where” value= “other” /> ²ÛÉ ³ÕµÛáõñÝ»ñÇó
ÆÝãå»ë ï»ëÝáõÙ »Ýù, ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ Ùdzóí³Í ¿ ³é³çÇÝ ÷á˳ñÏÇãÁ (checked="checked"): ¸³ Ý߳ݳÏáõÙ ¿, áñ Áëï Éé»ÉÛ³ÛÝ where ÷á÷á˳ϳÝÇÝ ïñí³Í ¿ web ³ñÅ»ùÁ (where =”web”), ³ÛëÇÝùÝ` »Ýó¹ñíáõÙ ¿, áñ û·ïíáÕÁ ϳÛùÇ ·áÛáõÃÛ³Ý í»ñ³µ»ñÛ³É ÇÝýáñÙ³óÇ³Ý ëï³ó»É ¿ ÇÝï»ñÝ»ïÇó: ø³ÝÇ áñ ËÙµÇ µáÉáñ ÷á˳ñÏÇãÝ»ñÝ áõÝ»Ý ÙǨÝáõÛÝ where ³ÝáõÝÁ, ³å³ ³ÛÝ ¹»åùáõÙ, »ñµ û·ïíáÕÁ ÙdzóÝÇ ÙÇ ³ÛÉ ÷á˳ñÏÇã` where ÷á÷á˳ϳÝÇÝ ÇÝùݳµ»ñ³µ³ñ ÏïñíÇ í»ñçÇÝÇë value µÝáõó·ñÇãáõÙ ·ñ³Ýóí³Í ³ñÅ»ùÁ (Áݹ áñáõÙ` ݳËáñ¹ ÷á˳ñÏÇãÁ ϳÝç³ïíÇ):
82
ä³ïÏ»ñ 3.1.2. öá˳ñÏÇãÝ»ñÇ ËÙµÇ ûñÇÝ³Ï ä³ïÏ»ñ 3.1.2-áõÙ óáõó³¹ñí³Í ¿, û ÇÝãå»ë ϳñï³å³ïÏ»ñÇ µñ³áõ½»ñÁ ûñÇݳÏáõÙ µ»ñí³Í ÷á˳ñÏÇãÝ»ñÇ ËáõÙµÁ: öá˳ñÏÇãÝ»ñÇ ËáõÙµ ëï»ÕÍ»ÉÇë ÙÇßï ѳñϳíáñ ¿ ë³ÑÙ³Ý»É Áëï Éé»ÉÛ³ÛÝ ³Å»ùÁ (³ÛëÇÝùÝ` ݳ˳ï»ë»É ÷á˳ñÏÇãÝ»ñÇó Ù»ÏÇ Ùdzó³Í íÇ׳ÏÁ), ù³ÝÇ áñ, »Ã» û·ïíáÕÁ ³Ýï»ëÇ ³Û¹ ËáõÙµÁ` ïíÛ³É ³ÝáõÝáí ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ÏÙݳ ³Ýáñáß: øáÕ³ñÏí³Í ¹³ßïÁ` <input type=”hidden” /> Çñ³Ï³ÝáõÙ áã ÙÇ Ï³å ãáõÝÇ ïíÛ³ÉÝ»ñÇ Ùáõïù³·ñÙ³Ý Ñ»ï: ²ÛÝ û·ï³·áñÍíáõÙ ¿ ïíÛ³ÉÝ»ñÇ Ý³Ë³å»ë ѳÛïÝÇ ³ñÅ»ùÝ»ñÁ å³Ñå³Ý»Éáõ ѳٳñ ¨ ãÇ ³ñï³å³ïÏ»ñíáõÙ ¿Ïñ³ÝÇÝ: úñÇݳÏ` »Ã» ÙǨÝáõÛÝ Íñ³·ÇñÁ (ëÏñÇåïÁ) û·ï³·áñÍíáõÙ ¿ ÙÇ ù³ÝÇ å³ïÏ»ñ³Ó¨»ñÇ ïíÛ³ÉÝ»ñÁ Ù߳ϻÉáõ ѳٳñ, ³å³ ùáÕ³ñÏí³Í ¹³ßïÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ѳÕáñ¹»É` á±ñ å³ïÏ»ñ³Ó¨Ç ïíÛ³ÉÝ»ñÝ »Ý ѳÕáñ¹íáõÙ Íñ³·ñÇÝ: î³ññÝ áõÝÇ »ñÏáõ µÝáõó·ñÇãÝ»ñ` name ¨ value, ûñÇݳÏ` <input type=”hidden” name=”identify” value=”form3” />: سùñÙ³Ý Ïá׳ÏÁ` <input type=”reset” /> û·ï³·áñÍíáõÙ ¿ å³ïÏ»ñ³Ó¨Ç ¹³ßï»ñÁ Ù³ùñ»Éáõ ¨ ¹ñáß³ÝßÇãÝ»ñÝ áõ ÷á˳ñÏÇãÝ»ñÁ ëϽµÝ³Ï³Ý íÇ׳ÏÇ µ»ñ»Éáõ ѳٳñ: ²ÛÝ áõÝÇ áã å³ñï³¹Çñ value µÝáõó·ñÇã, áñÁ ÃáõÛÉ ¿ ï³ÉÇë ÙdzÛÝ ÷áË»É Ïá׳ÏÇ íñ³ÛÇ ·ñ³ÝóáõÙÁ ¨, »Ã» ³ÛÝ ãû·ï³·áñÍíÇ, ³å³ Ïá׳ÏÇ íñ³ Áëï Éé»ÉÛ³ÛÝ Ï·ñíÇ “Reset”: äÝ¹Ù³Ý (ϳ٠áõÕ³ñÏÙ³Ý) Ïá׳ÏÁ` <input type=”submit” /> Ç ï³ñµ»ñáõÃÛáõÝ Ù³ùñÙ³Ý Ïá׳ÏÇ, ѳí³ëïáõÙ ¿ å³ïÏ»ñ³Ó¨áõ٠ϳï³ñ³Í µáÉáñ ÷á÷áËáõÃÛáõÝÝ»ñÁ ¨ å³ïñ³ëïáõÙ ¿ ïíÛ³ÉÝ»ñÁ ë»ñí»ñÇÝ áõÕ³ñÏ»Éáõ ѳٳñ: ²ÛÝ ÝáõÛÝå»ë áõÝÇ áã å³ñï³¹Çñ value µÝáõó·ñÇãÁ` Ïá׳ÏÇ ³Ýí³ÝáõÙÁ ÷áË»Éáõ ѳٳñ (Áëï Éé»ÉÛ³ÛÝ Ïá׳ÏÇ íñ³ ·ñí³Í ¿ “Submit”): ²Ýѳï³Ï³Ý Ïá׳ÏÝ»ñ ëï»ÕÍ»Éáõ ѳٳñ Ýáñ ëï³Ý¹³ñïÁ ݳ˳ï»ëáõÙ ¿ <button>…</button> ÏáÝï»ÛÝ»ñ ï»·Á: ²ÛÝ áõÝÇ »ñÏáõ µÝáõó·ñÇãÝ»ñ` name ¨ type: лﳷ³ÛáõÙ å³ñï³¹Çñ ¿ ÉÇÝ»Éáõ ÙdzÛÝ Ïá׳ÏÁ ǹ»ÝïÇýÇϳóÝáÕ name µÝáõó·ñÇãÁ: type µÝáõó·ñÇãÁ ϳñáÕ ¿ ÁݹáõÝ»É »ñÏáõ Ñݳñ³íáñ ³ñÅ»ùÝ»ñ` submit, reset: ¸ñ³Ýó ÙÇçáóáí ëï»ÕÍíáõÙ »Ý, ѳٳå³ï³ë˳ݳµ³ñ, åÝ¹Ù³Ý ¨ Ù³ùñÙ³Ý Ïá׳ÏÝ»ñÁ: ´áÉáñ ¹»åù»ñáõÙ ³ÛÝ, ÇÝã ³ÝÑñ³Å»ßï ¿ ·ñ³Ýó»É Ïá׳ÏÇ íñ³, ï»Õ³¹ñíáõÙ ¿ ï»·Ç Ý»ñëáõÙ, ûñÇÝ³Ï (ï»ë` å³ïÏ»ñ 3.1.3)` <button type=”submit”>ê³ åÝ¹Ù³Ý Ïá×³Ï ¿</button> <button type=”reset”>ê³ Ù³ùñÙ³Ý Ïá×³Ï ¿</button> <button>ê³ å³ñ½³å»ë Ïá×³Ï ¿</button> <button><img src=”button.gif” /><br />ê³ å³ïÏ»ñ å³ñáõݳÏáÕ Ïá×³Ï ¿</button>
83
ä³ïÏ»ñ 3.1.3. Իϳí³ñÙ³Ý Ïá׳ÏÝ»ñÇ ûñÇݳÏÝ»ñ
ÀÝïñ³ó³ÝÏ»ñÁ (Ù»ÝÛáõ) ëï»ÕÍíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ û·ïíáÕÇÝ ³é³ç³ñÏíáõÙ ¿ ÁÝïñáõÃÛáõÝ Ï³ï³ñ»É, ë³Ï³ÛÝ ãÇ ÃáõÛɳïñíáõÙ Ùáõïù³·ñ»É ë»÷³Ï³Ý ï»ùëïÁ: ÀÝïñ³ó³ÝÏ ëï»ÕÍ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ <select>…</select> ÏáÝï»ÛÝ»ñ ï³ññÁ: ä³ñï³¹Çñ ¿ ÙdzÛÝ name µÝáõó·ñÇãÇ ³éϳÛáõÃÛáõÝÁ (ѳëϳݳÉÇ ¿, áñ Íñ³·ñ³ÛÇÝ Ùß³ÏÙ³Ý ¹»åùáõÙ ï»·Á ÙdzñÅ»ùáñ»Ý ÝáõÛݳϳݳóÝ»Éáõ ѳٳñ): Ð³×³Ë û·ï³·áñÍíáõÙ ¿ size µÝáõó·ñÇãÁ, áñÇ ÙÇçáóáí ϳñ»ÉÇ ¿ ë³ÑÙ³Ý»É ¿Ïñ³ÝÇÝ ÙÇ³Å³Ù³Ý³Ï ¹áõñë µ»ñíáÕ Ï»ï»ñÇ ù³Ý³ÏÁ, ûñÇݳÏ, »Ã» ·ñ³ÝóíÇ` <select name=”products” size=”3”>…</select>, ³å³ ÙÇ³Å³Ù³Ý³Ï Ïóáõó³¹ñí»Ý ÁÝïñ³ó³ÝÏÇ »ñ»ù Ï»ï»ñÁ: ÀÝïñ³ó³ÝÏÇ Ûáõñ³ù³ÝãÛáõñ Ï»ï ë³ÑÙ³ÝíáõÙ ¿ <option>… </option> ï»·áí, áñÝ áõÝÇ Ù»Ï å³ñï³¹Çñ value µÝáõó·ñÇã, áñáõÙ ·ñ³ÝóíáõÙ ¿ ïíÛ³É Ï»ïÇ ³ñÅ»ùÁ: ºñµ û·ïíáÕÁ ÁÝïñáõÙ ¿ áñáß³ÏÇ Ï»ï, ³ÙµáÕç ÁÝïñ³ó³ÝÏÇÝ ïñíáõÙ ¿ ³Û¹ Ï»ïÇ ³ñÅ»ùÁ: Àëï Éé»ÉÛ³ÛÝ, ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ ÁÝïñí³Í ¿ ÉÇÝáõÙ ³é³çÇÝ Ï»ïÁ: ²ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõ٠ϳñ»ÉÇ ¿ áñå»ë ݳ˳å»ë ÁÝïñí³Í` óáõó³¹ñ»É Ï³Ù³Û³Ï³Ý Ï»ïÁ` ѳٳå³ï³ëË³Ý <option> ï»·Ç selected µÝáõó·ñÇãÇÝ ï³Éáí “selected” ³ñÅ»ùÁ: êïáñ¨ µ»ñí³Í ûñÇݳÏáõÙ ³é³çÇÝ ÁÝïñ³ó³ÝÏáõÙ ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ ÁÝïñí³Í ¿ »ñÏñáñ¹ Ï»ïÁ (Áëï Éé»ÉÛ³ÛÝ` óáõó³¹ñíáõÙ ¿ ÙdzÛÝ Ù»Ï Ï»ï): ºñÏñáñ¹áõÙ ÝáõÛÝå»ë ÁÝïñí³Í ¿ »ñÏñáñ¹ Ï»ïÁ, ë³Ï³ÛÝ size µÝáõó·ñÇãÇ ÙÇçáóáí (size=”3”) óáõó³¹ñíáõÙ »Ý ÙÇ³Å³Ù³Ý³Ï »ñ»ù Ï»ï»ñ (³ñï³å³ïÏ»ñáõÙÁ ï»ë` å³ïÏ»ñ 3.1.4)` г׳±Ë »ù ³Ûó»ÉáõÙ Ù»ñ ϳÛùÁ: <select> <option value="infinit">²ÝÁݹѳï</option> <option value="first" selected="selected">²é³çÇÝ ³Ý·³Ù</option> <option value="monthly">²Ù»Ý ³ÙÇë</option> <option value="weekly">²Ù»Ý ß³µ³Ã</option> <option value="daily">²Ù»Ý ûñ</option> </select> <select size=”3”> <option value="infinit">²ÝÁݹѳï</option> <option value="first" selected="selected">²é³çÇÝ ³Ý·³Ù</option> <option value="monthly">²Ù»Ý ³ÙÇë</option> <option value="weekly">²Ù»Ý ß³µ³Ã</option> <option value="daily">²Ù»Ý ûñ</option> </select> 84
ä³ïÏ»ñ 3.1.4. Ø»Ï ¨ µ³½Ù³ïáÕ ÁÝïñ³ó³ÝÏ»ñ ä³ïÏ»ñ 3.1.4-áõÙ (ëïáñÇÝ Ù³ëáõÙ) óáõó³¹ñí³Í ¿ ݳ¨ ³é³çÇÝ ÁÝïñ³ó³ÝÏÁ` µ³óí³Í íÇ׳ÏáõÙ: ºñµ»ÙÝ ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ ÙÇ³Å³Ù³Ý³Ï ÁÝïñ»É ó³ÝÏÇ ÙÇ ù³ÝÇ Ï»ï»ñ: ²Û¹åÇëÇ ¹»åù»ñÇ Ñ³Ù³ñ ݳ˳ï»ëí³Í ¿ <select> ï»·Ç multiple µÝáõó·ñÇãÁ: ºÃ» ï»·áõÙ ·ñ³ÝóíáõÙ ¿` <select multiple=”multiple”>, ³å³ û·ïíáÕÁ ϳñáÕ ¿ ÁÝïñ»É ó³Ýϳó³Í ù³Ý³ÏáõÃÛ³Ý Ï»ï»ñ ¨ ÝáõÛÝÇëÏ Ï³ñáÕ ¿ ³éѳë³ñ³Ï ãÁÝïñ»É áã Ù»ÏÁ: ¾É»ÏïñáݳÛÇÝ å³ïÏ»ñ³Ó¨»ñÇ Ó¨³íáñÙ³ÝÁ Ý»ñϳ۳óíáÕ ÑÇÙÝ³Ï³Ý å³Ñ³ÝçÁ å³ñ½áõÃÛáõÝÝ ¿, ³ÛëÇÝùÝ` ¹ÛáõñÇÝ ÁÝϳÉáõÙÁ, ï³ññ»ñÇ Ù»Ï ËÙµÇó ÙÛáõëÇÝ ³ÝóáõÙÁ, ïñ³Ù³µ³Ý³Ï³Ý µ³Å³ÝáõÙÁ Áëï ûٳݻñÇ: ²ÝÑñ³Å»ßï ¿ ѳßíÇ ³éÝ»É Ý³¨ û·ïíáÕÝ»ñÇ Ùï³Í»É³Ï»ñåÁ` Ýñ³Ýó Ý»ñϳ۳óíáÕ å³Ñ³ÝçÝ»ñÇ å³ñ½ ¨ ѳÏÇñ× ß³ñ³¹ñáõÙÁ ³í»ÉÇ ·ñ³íÇã ÏÉÇÝÇ, ù³Ý »ñϳñ³ï¨ µ³ó³ïñáõÃÛáõÝÝ»ñÁ ¨ Ëݹñ³ÝùÝ»ñÁ:
¢3.2. ̳ÝáÃáõÃÛáõÝ JavaScript É»½íÇÝ JavaScript É»½áõÝ ëï»ÕÍí»É ¿ Netscape ýÇñÙ³ÛáõÙ HTML-Ç Ñ»ï ѳٳï»Õ ³ß˳ï³ÝùÇ Ñ³Ù³ñ` ¹ÇݳÙÇÏ ¨ ÇÝï»ñ³ÏïÇí ¿ç»ñ ëï»ÕÍ»Éáõ Ýå³ï³Ïáí: ²ÛÝ ÉÇáíÇÝ ë³ï³ñíáõÙ ¿ Internet Explorer (IE) ¨ Netscape Navigator (NN) µñ³áõ½»ñÝ»ñÇ ÏáÕÙÇó (Ç ï³ñµ»ñáõÃÛáõÝ VBScript-Ç, áñÁ ë³ï³ñíáõÙ ¿ ÙdzÛÝ Microsoft ýÇñÙ³ÛÇ ³ñï³¹ñ³ÝùÇ ÏáÕÙÇó): JavaScript-Ý áõ Ýñ³ “Ùáï ³½·³Ï³ÝÝ»ñÁ” á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ¨ HTML-Ç Ñ»ï ÙdzëÇÝ Ï³½Ù³íáñáõÙ »Ý ³ÛÝ ³Ù»ÝÁ, ÇÝã ÏáãíáõÙ ¿ “¸ÇݳÙÇÏ HTML”: гñÏ ¿ Ýß»É, áñ JavaScript-Á áã ÙÇ ³éÝãáõÃÛáõÝ ãáõÝÇ Java-Ç Ñ»ï: ì»ñçÇÝë, áñÁ ëï»ÕÍí»É ¿ Sun Microsystems ýÇñÙ³ÛáõÙ, C++ (Java-Ý C++-Ç ³ÝÙÇç³Ï³Ý ųé³Ý·Ý ¿) ϳñ·Ç ÉdzñÅ»ù (ÏáÙåÇɳóíáÕ) Íñ³·ñ³íáñÙ³Ý É»½áõ ¿: Àݹ áñáõÙ, ÏáÕÙÝáñáßí³Í ÉÇÝ»Éáí íÇñïáõ³É Ù»ù»Ý³Ý»ñÇ ¨ ѳٳϳñ·»ñÇ ·³Õ³÷³ñÇ íñ³, ³ÛÝ Ï³ñáÕ ¿ ³ß˳ï»É ï³ñµ»ñ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ Ý»ñùá, ³ÛëÇÝùÝ` ϳËí³Í ã¿ ÑÇÙݳӨÇó: ²Ýí³ÝáõÙÝ»ñÇ ÝÙ³ÝáõÃÛáõÝÁ µ³ó³ïñíáõÙ ¿ É»½áõÝ»ñÇ Ññ³Ù³ÝÝ»ñÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛ³Ý ÝÙ³ÝáõÃÛ³Ùµ: Þ³ï µñ³áõ½»ñÝ»ñ áõÝ»Ý Java ë³ï³ñáõÙ, áñÁ ÝÙ³Ý ¿ ÙáõÉïÇÙ»¹Ç³ÛÇ ë³ï³ñÙ³ÝÁ: гí»Éí³ÍÝ»ñÁ ³ß˳ïáõÙ »Ý ³ÝÙÇç³å»ë µñ³áõ½»ñÇ å³ïáõѳÝáõÙ, ¨ ïå³íáñáõÃÛáõÝ ¿ ëï»ÕÍíáõÙ, û û·ïíáÕÁ ³ß˳ïáõÙ ¿ ë»÷³Ï³Ý ѳٳϳñ·ãÇ íñ³ ï»Õ³¹ñí³Í Íñ³·ñáí: гٳϳñ·ãÇ ëáíáñ³Ï³Ý Íñ³·ñ³ÛÇÝ ¨ ï»ËÝÇÏ³Ï³Ý ³å³ÑáíáõÙÁ (Ù³ëݳíáñ³å»ë` åñáó»ëáñÁ) å»ïù ¿ ÉÇÝ»Ý Ñ³Ù³ï»Õ»ÉÇ: úñÇݳÏ, Macintosh-Ç Íñ³·ñ³ÛÇÝ ³å³ÑáíáõÙÁ ãÇ ³ß˳ïÇ Windows-Ç Ñ³Ù³ñ ݳ˳ï»ëí³Í åñáó»ëáñÇ ¨ ë³ñù³íáñáõÙÝ»ñÇ íñ³: ê³Ï³ÛÝ Java-Ç ÙÇçáóáí ϳñ»ÉÇ ¿ ëï»ÕÍ»É ëï³Ý¹³ñï ѳٳϳñ·Çã, ³ÛëÇÝùÝ` íÇñïáõ³É Ù»ù»Ý³, áñÁ ÑÇÙÝí³Í ¿ ÙdzÛÝ Íñ³·ñ³ÛÇÝ ï³ññ»ñÇ íñ³: ºí Windows-Ç Ï³Ù Macintosh-Ç Ñ³Ù³ñ Íñ³·ñ³íáñ»Éáõ ÷á˳ñ»Ý, Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ ëï»ÕÍ»É Ñ³í»Éí³ÍÝ»ñ íÇñïáõ³É Ù»ù»Ý³Ý»ñÇ Ñ³Ù³ñ, áñáÝù ϳËáõÙ ã»Ý áõݻݳ ѳٳϳñ·ã³ÛÇÝ ÑÇÙݳӨ»ñÇó: 85
Ü»ñϳÛáõÙë JavaScript-Á ëÏñÇåïÝ»ñ ·ñ»Éáõ ѳٳñ ³é³í»É ɳÛÝ ÏÇñ³éíáÕ É»½áõÝ ¿: VBScript-Á ËÇëï Ñ»ï ¿ ÙÝáõÙ, ë³Ï³ÛÝ ½µ³Õ»óÝáõÙ ¿ å³ïí³íáñ »ñÏñáñ¹ ï»ÕÁ, ãÝ³Û³Í ë³ï³ñíáõÙ ¿ ÙdzÛÝ Microsoft ï»ËÝáÉá·Ç³Ý»ñáí ¨ ÙdzÛÝ Internet Explorer µñ³áõ½»ñÝ»ñáí: øÝݳñÏ»Ýù ³ÛÅÙ »ñÏáõ ·É˳íáñ ѳëϳóáõÃÛáõÝÝ»ñÁ, áñáÝó íñ³ »Ý ÑÇÙÝíáõÙ µáÉáñ webëó»Ý³ñÝ»ñÁª “ýáõÝÏódz” ¨ “Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ (å³ï³Ñ³ñÝ»ñÇ) Ùß³ÏáõÙ”: êó»Ý³ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ µ³Õϳó³Í ¿ »ñÏáõ Ù³ë»ñÇóª ³é³çÇÝÁ ·ïÝíáõÙ ¿ ÷³ëï³ÃÕÃÇ í»ñݳ·ñ³ÛÇÝ (<head>) Ù³ëáõ٠ϳÙ, ³éѳë³ñ³Ï, ³é³ÝÓÇÝ ý³ÛÉáõÙ ¨ å³ñáõݳÏáõÙ ¿ Ùß³ÏÙ³Ý ³É·áñÇÃÙÝ»ñÇ Í³Íϳ·ñ»ñÁ (Ïá¹»ñÁ)ª Ùß³ÏáÕ ýáõÝÏódzݻñÁ, »ñÏñáñ¹áõÙ, áñÁ ·ïÝíáõÙ ¿ ÷³ëï³ÃÕÃÇ “Ù³ñÙÝáõÙ” (<body>), ·ñ³ÝóíáõÙ »Ý ³Û¹ ýáõÝÏódzݻñÇ Ï³Ýã»ñÁ: γÝã»ñÇ ÙÇçáóáí ýáõÝÏódzݻñÇÝ Ñ³Õáñ¹íáõÙ »Ý ³ñ·áõÙ»ÝïÝ»ñÇ ÷³ëï³óÇ ³ñÅ»ùÝ»ñÁ, áñáÝù ³ÝÑñ³Å»ßï »Ý ³ß˳ï³ÝùÇ Ñ³Ù³ñ: γÝãÁ ÁݹáõÝ»ÉáõÝ å»ë ëÏëíáõÙ ¿ ýáõÝÏódzÛáõÙ ·ñ³Ýóí³Í Ùß³ÏÙ³Ý ³É·áñÇÃÙÝ»ñÇ Ï³ï³ñáõÙÁ, ³ÛëÇÝùÝ` ѳßí³ñÏÝ»ñÝ áõ Ó¨³÷áËáõÃÛáõÝÝ»ñÁ: Øß³ÏÙ³Ý ³ñ¹ÛáõÝùÝ»ñÁ ï³ñµ»ñ »Õ³Ý³ÏÝ»ñáí í»ñ³¹³ñÓíáõÙ »Ý ëÏñÇåïÇÝ: ÆѳñÏ», ³Û¹ åñáó»ëÁ ÇÙ³ëï ã¿ñ áõݻݳ, »Ã» ýáõÝÏódzݻñÇ Ï³Ýã»ñÁ ϳï³ñí»ÇÝ Ñ³çáñ¹³µ³ñª ³Û¹ ¹»åùáõ٠ϳÝã»ñÁ ³éѳë³ñ³Ï å»ïù ã¿ÇÝ ÉÇÝÇ, ¨ ³ÙµáÕç ëÏñÇåïÁ ϳñ»ÉÇ ¿ñ ï»Õ³¹ñ»É ÷³ëï³ÃÕÃÇ Ù»Ï Ù³ëáõÙ: ê³Ï³ÛÝ ýáõÝÏódzݻñÁ ³ñÅ»ù³íáñ »Ý Ñ»Ýó Ýñ³Ýáí, áñ ¹ñ³Ýù ϳñ»ÉÇ ¿ û·ï³·áñÍ»É µ³½Ù³ÏÇ ¨ Ï³Ù³Û³Ï³Ý Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµª ³Ûëï»Õ ¿ ëÏëáõÙ ·áñÍ»É å³ï³Ñ³ñÝ»ñÇ Ùß³ÏÙ³Ý ëϽµáõÝùÁ: ²ÛÝ Ñ»ï¨Û³ÉÝ ¿ª ëÏñÇåïÁ “ëå³ëáõÙ ¿” áñ¨¿ å³ï³Ñ³ñÇ (ûñÇݳϪ ëï»ÕÝÇ ë»ÕÙáõÙ, óÛÙ»ñÇ áñ¨¿ ³ñÅ»ù, ÙÏÝÇÏÇ ÝßÇãÇ ß³ñÅáõÙ ¨ ³ÛÉÝ), áñÇ Ï³ï³ñÙ³Ý ¹»åùáõÙ ÷³ëï³óÇ ³ñ·áõÙ»ÝïÝ»ñÁ ѳÕáñ¹íáõÙ »Ý ýáõÝÏódzÛÇÝ, ¨ ëÏëíáõÙ ¿ ¹ñ³Ýó Ùß³ÏáõÙÁ: ¶áñͳñÏíáõÙ »Ý ÙdzÛÝ ³ÛÝ ýáõÝÏódzݻñÁ, áñáÝù ³ÝÑñ³Å»ßï »Ý ³é³ç³¹ñí³Í ËݹÇñÝ»ñÇ ÉáõÍÙ³Ý Ñ³Ù³ñ: Àݹ áñáõÙ, ÙdzÛÝ ³ÛÝ ¹»åùáõÙ, »ñµ ïíÛ³É å³ï³Ñ³ñÁ ׳ݳãíáõÙ ¿ ëÏñÇåïÇ ÏáÕÙÇó: Üß»Ýù, áñ å³ï³Ñ³ñÁ ÙdzÛÝ û·ïíáÕÇ ÏáÕÙÇó ϳï³ñíáÕ ·áñÍáÕáõÃÛáõÝ ã¿: ²ÛÝ Ï³ñáÕ ¿ ÉÇÝ»É Ñ³Ù³Ï³ñ·Ç óÛÙ»ñÇ áñ¨¿ ³ñÅ»ù, ¿çÇ µ»éÝÙ³Ý ÷³ëï, áñ¨¿ Ù»ÍáõÃÛ³Ý ³ñÅ»ùÇ ÷á÷áËáõÙ ¨ ³ÛÉÝ: ²Ù»Ý ÇÝã ϳËí³Í ¿ Ýñ³ÝÇó, û ÇÝã ¿ ݳ˳ï»ë»É Íñ³·ñ³íáñáÕÁ ëó»Ý³ñáõÙ:
3.2.1. êó»Ý³ñÝ»ñÇ Ý»ñ¹ñáõÙÁ ÷³ëï³ÃÕûñáõÙ êó»Ý³ñÝ»ñ ·ñ»Éáõ ѳٳñ ã»Ý å³Ñ³Ýçíáõ٠ѳïáõÏ Ñ³í»Éí³ÍÝ»ñ: ²ÛÝ ³Ù»ÝÁ, ÇÝã ³ÝÑñ³Å»ßï ¿ª ¹³ Ñݳñ³íáñÇÝ ã³÷ å³ñ½ ï»ùëï³ÛÇÝ ËÙµ³·ñÇãÝ ¿, áñÁ ãÇ ½µ³ÕíáõÙ “ÇÝùݳ·áñÍáõÝ»áõÃÛ³Ùµ” ¨ ãÇ Ó¨³ã³÷áõ٠ѳí³ù³Í ï»ùëïÁ ÛáõñáíÇ (ÇÝãå»ë ¹³ ³ÝáõÙ »Ý µ³ñ¹ ËÙµ³·ñÇãÝ»ñÁ ϳ٠ï»ùëï³ÛÇÝ åñáó»ëáñÝ»ñÁ, ûñÇݳÏ, Word-Á): êó»Ý³ñÁ Ý»ñ¹ñíáõÙ ¿ ¿çÇ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ <script>…</script> ÏáÝï»ÛÝ»ñ ï»·Ç û·ÝáõÃÛ³Ùµ: î»·Ç type µÝáõó·ñÇãÇ ÙÇçáóáí ϳñ»ÉÇ ¿ Ýß»É Ý³¨ ëÏñÇåïÇ Ñ³Ù³ñ û·ï³·áñÍíáÕ Íñ³·ñ³íáñÙ³Ý É»½áõÝ, ûñÇݳϪ <scripttype=”text/javascript”>(ϳÙ<scripttype=”text/vbscript”>) êó»Ý³ñÇ ýáõÝÏódzݻñÇ Ýϳñ³·ñáõÃÛáõÝÁ (Ïá¹Á) </script> ÐÇÝ µñ³áõ½»ñÝ»ñÇ Ñ»ï ѳٳï»Õ»ÉÇáõÃÛáõÝÁ ³å³Ñáí»Éáõ ѳٳñ ϳñ»ÉÇ ¿ type µÝáõó·ñÇãÇ Ñ»ï Ù»Ïï»Õ û·ï³·áñÍ»É language µÝáõó·ñÇãÁ, ûñÇݳϪ <script type=”text/javascript” language=”javascript”>: ÐÇÝ µñ³áõ½»ñÝ»ñÁ ëó»Ý³ñÁ ϳñáÕ »Ý ѳëÏ³Ý³É áñå»ë HTML ·Í³ÝßáõÙ, ¨ ¹ñ³ÝÇó Ëáõë³÷»Éáõ Ýå³ï³Ïáí ËáñÑáõñ¹ ¿ ïñíáõ٠ݳ¨ “ùáÕ³ñϻɔ ³ÛÝ Ù»Ïݳµ³ÝáõÃÛ³Ý Ýß³ÝÝ»ñáíª <script type=”text/javascript”> <!— êó»Ý³ñÇ ýáõÝÏódzݻñÇ Ýϳñ³·ñáõÃÛáõÝÁ (Ïá¹Á) // </script>: ºñÏáõ ß»Õ ·Í»ñÁ “//” ·ñ³ÝóíáõÙ »Ý, áñå»ë½Ç javasript-Ç ÇÝï»ñåñ»ï³ïáñÁ ãÙ»Ïݳµ³ÝÇ - - > Ýß³ÝÝ»ñÁ, áñå»ë »ñÏáõ ÙÇÝáõë ¨ “Ù»Í ¿ ù³Ý“ ѳٻٳïáõÃÛ³Ý Ýß³Ý: ²ëáõÙ »Ý` ³é³çÇÝ Ï³½Ù³Í Íñ³·ñÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùáõÙ »ÉùÇ ë³ñùáõÙ ëï³óí»É ¿ Ñ»ï¨Û³É ³ñï³Ñ³ÛïáõÃÛáõÝÁª “Hellow World” (´³ñ¨ ²ß˳ñÑ): ²ÛÝ ¹³ñÓ»É ¿ å³ïÙ³Ï³Ý ¨ ó³Ýϳó³Í É»½áõ áõëáõÙݳëÇñ»ÉÇë ³é³çÇÝ Íñ³·ÇñÁ, Áëï ³í³Ý¹áõÛÃÇ, ϳï³ñáõÙ ¿ ÝáõÛÝÁ: γ½Ù»Ýù Ù»ñ ³é³çÇÝ ëó»Ý³ñÇ ûñÇݳÏÁ, áñÁ ϳñï³å³ïÏ»ñÇ ³Û¹ “µ³ñ¨Á” µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ: ¸ñ³ ѳٳñ Ý³Ë áõëáõÙݳëÇñ»Ýù Ñ»ï¨Û³É Ññ³Ù³ÝÁª document.writeln(): 86
JavaScript-áõÙ (¨ ³éѳë³ñ³Ï ûµÛ»Ïï³ÏáÕÙÝáñáßí³Í Íñ³·ñ³íáñÙ³Ý É»½áõÝ»ñáõÙ) ³Û¹åÇëÇ Ññ³Ù³ÝÝ»ñÁ ÏáãíáõÙ »Ý ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñ (ïíÛ³É ¹»åùáõÙ` document ûµÛ»ÏïÇ): Ø»Ãá¹Á ϳñ»ÉÇ ë³ÑÙ³Ý»É Ñ»ï¨Û³É Ï»ñå` Ø»Ãá¹Á áñ¨¿ ûµÛ»ÏïáõÙ Ý»ñϳéáõóí³Í ýáõÝÏódz ¿, áñÇ ÙÇçáóáí ûµÛ»ÏïÁ ϳñáÕ ¿ ÇÝùݳµ»ñ³µ³ñ ϳï³ñ»É áñáß³ÏÇ ·áñÍáÕáõÃÛáõÝÝ»ñ: îíÛ³É ¹»åùáõÙ writeln() Ù»Ãá¹Á ÃáõÛÉ ¿ ï³ÉÇë ïáÕ “·ñ³Ýó»É” (write line) “÷³ëï³ÃáõÕÔ (document) ûµÛ»ÏïáõÙ: Àݹ áñáõÙ, ³Û¹ ïáÕÁ, áñÁ ѳÕáñ¹íáõÙ ¿ Ù»Ãá¹ÇÝ áñå»ë ³ñ·áõÙ»Ýï, ϳñáÕ ¿ å³ñáõÝ³Ï»É ¨° ëáíáñ³Ï³Ý ï»ùëï, ¨° HTML ·Í³ÝßáõÙ: ú·ï³·áñÍ»Éáí ³Û¹ Ù»Ãá¹Á` ϳ½Ù»Ýù ³é³çÇÝ ëó»Ý³ñÁ å³ñáõݳÏáÕ ÷³ëï³ÃáõÕÃÁª <html> <head><title> Hello World </title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body> <script language="JavaScript"> <!-- document.writeln("<h1>Hello World!<\/h1>") // --> </body> </html> ²ÛÅÙ ùÝݳñÏ»Ýù í»ñÁ µ»ñí³Í ûñÇݳÏáõ٠ѳݹÇåáÕ áñáß ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñ: 1. <script> ÏáÝï»ÛÝ»ñÁ Ý»ñ¹ñí³Í ¿ ³ÝÙÇç³å»ë ÷³ëï³ÃÕÃÇ Ù³ñÙÝáõÙ: êáíáñ³µ³ñ ¹³ ³ñíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ëÏñÇåïÁ û·ï³·áñÍíáõÙ ¿ ³ÝÙÇç³å»ë web-¿çÇ Ù³ñÙÝáõÙ áñ¨¿ µ³Ý ëï»ÕÍ»Éáõ ѳٳñ, ¨ å»ïù 㿠ݳ˳å»ë Ýϳñ³·ñ»É ýáõÝÏóÇ³Ý <head> µ³ÅÝáõÙ, ù³ÝÇ áñ ³ÛÝ Ï³ï³ñíáõÙ ¿ Ù»Ï ³Ý·³Ùª ÷³ëï³ÃÕÃÇ µ»éÝÙ³ÝÁ ѳÙÁÝóó (³ÛëÇÝùÝ` ãÇ å³Ñ³ÝçáõÙ áñ ï»ÕÇ áõݻݳ áñ¨¿ Çñ³¹³ñÓáõÃÛáõÝ): ÆѳñÏ», ³ÛÝ ¹»åù»ñáõÙ, »ñµ ëï»ÕÍíáõÙ »Ý µ³ñ¹ ëó»Ý³ñÝ»ñ, áñáÝóáõÙ å³Ñ³ÝçíáõÙ »Ý áñáß³ÏÇ å³ï³Ñ³ñÝ»ñÇÝ ³ñÓ³·³ÝùáÕ` µ³½Ù³ÏÇ û·ï³·áñÍíáÕ ýáõÝÏódzݻñ, í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ ï»Õ³¹ñí³Í ¨ ýáõÝÏódzݻñÇ Ýϳñ³·ñáõÃÛáõÝÁ å³ñáõݳÏáÕ <script> ï»·Ç ·ñ³ÝóáõÙÁ ¹³éÝáõÙ ¿ ³ÝÑñ³Å»ßïáõÃÛáõÝ (ѻﳷ³ÛáõÙ ÏùÝݳñÏ»Ýù ݳ¨ ëó»Ý³ñÝ»ñÇ Ï³éáõóáõÙÁ ³é³ÝÓÇݪ Ý»ñ¹ñíáÕ Ï³Ù Ï³å³ÏóíáÕ ý³ÛÉ»ñÇ ï»ëùáí): 2. document.writeln("<h1>Hello World!<\/h1>") Ù»Ãá¹Ç ³ñ·áõÙ»ÝïÁ Çñ»ÝÇó Ý»ñϳ۳óÝáõÙ ¿ ëáíáñ³Ï³Ý HTML Ïá¹Ç ïáÕ, ¨ ϳñ»ÉÇ ¿ Ýϳï»É, áñ <\/h1> ÷³ÏáÕ ï»·áõÙ ·ñ³Ýóí³Í ¿ “\” ѳϳ¹³ñÓ ß»Õ ·ÍÇÏÁ: ²Û¹ ·ÍÇÏÁ Íñ³·ñ³ÛÇÝ Ïá¹áõÙ ¹ñíáõÙ ¿ ѳïáõÏ ëÇÙíáÉÝ»ñÇ ³éç¨, áñå»ë½Ç ÇÝï»ñåñ»ï³ïáñÁ ãѳëϳݳ ¹ñ³Ýù áñå»ë ϳï³ñíáÕ ·áñÍáÕáõÃÛáõÝ, oñÇݳϪ “/n” ëÇÙíáÉÁ ѳëϳóíáõÙ ¿ áñå»ë ïáÕ³¹³ñÓ, “/t” – ï³µáõÉÛ³ódzÛÇ Ýß³Ý: Þ»Õ ·ÍÇÏÇó ³é³ç ¹ñí³Í “\” Ýß³ÝÁ ÑáõßáõÙ ¿ ÇÝï»ñåñ»ï³ïáñÇÝ, áñ ¹ñ³Ý ѳçáñ¹»Éáõ ¿ áã û ѳïáõÏ Ññ³Ù³Ý, ³ÛÉ HTML ÏṠϳ٠ëáíáñ³Ï³Ý ï»ùëï: 3. ø³ÝÇ áñ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ ·ñ³Ýóí³Í <meta> ï»·áõÙ ³ñ¹»Ý ë³ÑÙ³Ýí³Í ¿ ëÏñÇåïÝ»ñÇ Íñ³·ñ³íáñÙ³Ý É»½áõݪ <script> ï»·áõÙ ãÇ û·ï³·áñÍí»É type µÝáõó·ñÇãÁ, ë³Ï³ÛÝ ÑÇÝ µñ³áõ½»ñÝ»ñÇ Ñ»ï ѳٳï»Õ»ÉÇáõÃÛáõÝÁ ³å³Ñáí»Éáõ Ýå³ï³Ïáí, ѳٻݳÛÝ ¹»åë, ·ñ³Ýóí³Í ¿ language=”JavaScript” µÝáõó·ñÇãÁ: ²Ýí³Ý»Éáí ý³ÛÉÁ, ûñÇݳÏ` helloworld.html ¨ µ³ó»Éáí ³ÛÝ, µñ³áõ½»ñáõÙ Ïï»ëÝ»Ýù å³ïÏ»ñ 3.2.1-áõÙ óáõó³¹ñí³Í å³ïáõѳÝÁ:
3.2.2. üáõÝÏódzݻñÇ ëï»ÕÍáõÙÁ JavaScript-áõÙ üáõÝÏóÇ³Ý Ï³ñ»ÉÇ ¿ µÝáõó·ñ»É áñå»ë ëÏñÇåïÇ Ý»ñùá ·ñí³Í ÷áùñÇÏ Íñ³·Çñ: üáõÝÏódzÛÇ ¹»ñÁ áñ¨¿ ³é³ç³¹ñ³Ýù ϳï³ñ»ÉÁ ¨ ³ñ¹ÛáõÝùÁ ϳÝãáÕ Íñ³·ñÇÝ í»ñ³¹³ñÓÝ»ÉÝ ¿: üáõÝÏódzÛÇ ³ß˳ï³ÝùÁ ëÏëíáõÙ ¿ ѳßí³ñÏÝ»ñ ϳ٠ѳٳå³ï³ëË³Ý ·áñÍáÕáõÃÛáõÝÝ»ñ ϳï³ñ»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ëï³Ý³Éáõó (Áݹ áñáõÙ, å³ñï³¹Çñ ã¿ ³ñ·áõÙ»ÝïÝ»ñÇ ï»ëùáí): ¸ñ³ÝÇó Ñ»ïá ýáõÝÏóÇ³Ý í»ñ³¹³ñÓÝáõÙ ¿ ѳßí³ñÏÝ»ñÇ ëï³óí³Í ³ñ¹ÛáõÝùÁ ëÏñÇåïÇÝ Ï³Ù, ϳï³ñ»Éáí å³Ñ³ÝçíáÕ ·áñÍáÕáõÃÛáõÝÝ»ñÁ (ûñÇݳϪ áñ¨¿ å³ïÏ»ñ ¿ ÝϳñáõÙ ¿Ïñ³ÝÇÝ), ³í³ñïáõÙ ¿ ³ß˳ï³ÝùÁ:
87
ä³ïÏ»ñ 3.2.1. ²é³çÇÝ ëó»Ý³ñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ γñ»ÉÇ ¿, ÇѳñÏ», ϳ½Ù»É ëÏñÇåïÁ áñå»ë ·áñÍáÕáõÃÛáõÝÝ»ñÇ ³ÝÁÝ¹Ñ³ï µÉáÏ, ë³Ï³ÛÝ ³í»ÉÇ ×Çßï ¿ µ³Å³Ý»É ³ÛÝ »ñÏáõ ³é³ÝÓÇÝ Ù³ë»ñǪ ýáõÝÏódzݻñÇ Ýϳñ³·ñáõÃÛáõÝÝ»ñÇ ¨ ýáõÝÏódzݻñÇ Ï³Ýã»ñÇ: ²Û¹åÇëÇ Ùáï»óáõÙÁ ï³ÉÇë ¿ »ñÏáõ ³ÝíÇ×»ÉÇ ³é³í»ÉáõÃÛáõÝÝ»ñ: ܳ˪ ù³ÝÇ áñ å³ñï³¹Çñ ã¿ û·ï³·áñÍ»É ýáõÝÏódzݻñÁ áñáß³ÏÇ Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµ, ϳñ»ÉÇ ¿ ¹³ë³íáñ»É ¹ñ³Ýó Ýϳñ³·ñáõÃÛáõÝÝ»ñÁ Ï³Ù³Û³Ï³Ý Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµ: ºñÏñáñ¹ª ýáõÝÏódzݻñÁ ϳñáÕ »Ý µ³½Ù³ÏÇ û·ï³·áñÍí»É å³ñ³Ù»ïñ»ñÇ ÷á÷áËí³Í ³ñÅ»ùÝ»ñÁ Ù߳ϻÉáõ ¨, ѳٳå³ï³ë˳ݳµ³ñ, Ýáñ ³ñ¹ÛáõÝùÝ»ñ ëï³Ý³Éáõ ѳٳñ: ²ÛëÇÝùݪ ÙǨÝáõÛÝ ýáõÝÏóÇ³Ý ï³ñµ»ñ ëϽµÝ³Ï³Ý ïíÛ³ÉÝ»ñÇ ¹»åùáõÙ Ïí»ñ³¹³ñÓÝÇ ï³ñµ»ñ ³ñ¹ÛáõÝùÝ»ñ: ´Ý³Ï³Ý ¿, ÙÇÝ㨠û·ï³·áñÍ»ÉÁ ýáõÝÏódzݻñÁ å»ïù ¿ Ýϳñ³·ñí»Ý (Íñ³·ñ³íáñÙ³Ý “Éáõñç” É»½áõÝ»ñáõÙ ¹ñ³Ýù ëϽµáõ٠ѳÛï³ñ³ñíáõÙ »Ý, ³ÛÝáõÑ»ï¨ Ýϳñ³·ñíáõÙ): ²ÛÝ ¹»åù»ñáõÙ, »ñµ ëÏñÇåïÁ ͳí³ÉáõÝ ã¿, ¹³ ëáíáñ³µ³ñ ϳï³ñíáõÙ ¿ <head> Ù³ëáõÙ, ãÝ³Û³Í ï»ËÝÇÏ³Ï³Ý ï»ë³Ï»ïÇó ¹³ å³ñï³¹Çñ 㿪 ëÏñÇåïÁ ϳñáÕ ¿ ï»Õ³¹ñí»É ÷³ëï³ÃÕÃÇ ó³Ýϳó³Í Ù³ëáõÙ` <script> ÏáÝï»ÛÝ»ñÇ Ý»ñùá, ù³ÝÇ áñ Çñ³Ï³ÝáõÙ JavaScript-Á ¹Çï³ñÏáõÙ ¿ µáÉáñ <script> ï³ññ»ñÁ áñå»ë Ù»Ï ÙdzëÝ³Ï³Ý ëÏñÇåï: üáõÝÏódzÛÇ Ýϳñ³·ñáõÃÛ³Ý Ó¨³ã³÷Á Ñ»ï¨Û³ÉÝ ¿ª _<script type=”text/javascript”> <!— óùóÝáõÙ »Ýù ëÏñÇåïÁ function ýáõÝÏódzÛÇ_³ÝáõÝÁ (ýáñÙ³É å³ñ³Ù»ïñ[»ñ]) { … ýáõÝÏódzÛÇ Íñ³·ñ³ÛÇÝ Ïá¹Á… return í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ (»Ã» ³ÛÝ Ï³) } //³í³ñïáõÙ »Ýù óùóÝ»É ëÏñÇåïÁ </script> ²ÝÑñ³Å»ßï ¿ ÑÇß»É, áñ »ñµ ýáõÝÏóÇ³Ý Ï³ÝãíáõÙ ¿, ß³ï Ñ³×³Ë ¹ñ³Ý ÷á˳ÝóíáõÙ ¿ áñáß³ÏÇ å³ñ³Ù»ïñÇ ÷³ëï³óÇ ³ñÅ»ùÁ, áñÁ ï»Õ³¹ñíáõÙ ¿ ýáñÙ³É å³ñ³Ù»ïñÇ ÷á˳ñ»Ý: ²Û¹åÇëÇ ¹»åù»ñáõÙ å»ïù ¿ ³Ýí³Ý³Ïáã»É ýáñÙ³É å³ñ³Ù»ïñÁ ¨ ÷³ëïáñ»Ý ëï»ÕÍ»É Ý»ñùÇÝ (ÉáϳÉ) ÷á÷á˳ϳÝ: úñÇݳÏ, ¹Çï³ñÏ»Ýù ýáõÝÏódz (³Ýí³Ý»Ýù ³ÛÝ getSumma), áñÁ ëï³ÝáõÙ ¿ áñáß³ÏÇ ³ñÅ»ù ¨ ¹ñ³Ý 10 ·áõÙ³ñ»Éáí í»ñ³¹³ñÓÝáõÙ ¿ ëÏñÇåïÇÝ: üáõÝÏódzÛÇ Ýϳñ³·ñáõÃÛáõÝÁ ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª <script type=”text/javascript”> <!-function getSumma (myNumber) { summa=myNumber+10; return (summa); } //</script> øÝݳñÏ»Ýù µ»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍÁ: гÛï³ñ³ñí»É ¿ ýáõÝÏódz getSumma ³ÝáõÝáí ¨ myNumber ýáñÙ³É å³ñ³Ù»ïñáí: ºñµ ýáõÝÏóÇ³Ý Ï³ÝãíáõÙ ¿, ýáñÙ³É å³ñ³Ù»ïñÇÝ (myNumber-ÇÝ) ïñíáõÙ ¿ ÷³ëï³óÇ ³ñÅ»ù: ¸ñ³ÝÇó Ñ»ïá ³Û¹ ³ñÅ»ùÇÝ ·áõÙ³ñíáõÙ ¿ 10, ëï³óí³Í ³ñ¹ÛáõÝùÁ ïñíáõÙ ¿ summa Ý»ñùÇÝ ÷á÷á˳ϳÝÇÝ (summa=myNumber+10) ¨ ³ÛÝ í»ñ³¹³ñÓíáõÙ ¿ ëÏñÇåïÇݪ return (summa): 88
ÆÝãå»ë ï»ëÝáõÙ »Ýùª ³ÙµáÕç ѳßí³ñϳÛÇÝ Ù³ëÁ ï»Õ³¹ñí³Í ¿ Ó¨³íáñ ÷³Ï³·Í»ñáõÙ (ýáõÝÏódzÛÇ, ³Ûëå»ë Ïáãí³Í, “Ù³ñÙÝáõÙ”), ϳï³ñíáÕ ·áñÍáÕáõÃÛáõÝÝ»ñÁ (Ññ³Ù³ÝÝ»ñÁ) ³é³ÝÓݳóíáõÙ »Ý Ï»ï-ëïáñ³Ï»ï»ñáí “;”, ³ñ¹ÛáõÝùÁ í»ñ³¹³ñÓíáõÙ ¿ return ûå»ñ³ïáñÇ ÙÇçáóáí, áñÁ ÙÇ³Å³Ù³Ý³Ï ³½¹³ñ³ñáõÙ ¿ ýáõÝÏódzÛÇ ³ß˳ï³ÝùÇ ³í³ñïÁ (³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ñÅ»ù ãÇ í»ñ³¹³ñÓíáõÙ, return ûå»ñ³ïáñÁ ãÇ ·ñ³ÝóíáõÙ): àñå»ë½Ç ýáõÝÏóÇ³Ý ëÏëÇ ³ß˳ï»É, ³ÝÑñ³Å»ßï ¿ ϳ½Ù³Ï»ñå»É ¹ñ³ ϳÝãÁ ¨ ýáñÙ³É å³ñ³Ù»ïñÇÝ (»Ã» ³ÛÝ ³éϳ ¿) ÷á˳Ýó»É ÷³ëï³óÇ ³ñÅ»ù: γÝãÁ ϳñáÕ ¿ ï»Õ³¹ñí»É ϳ٠<script> ÏáÝï»ÛÝ»ñáõÙ (ÇÝãå»ë í»ñÁ µ»ñí³Í “Hellow World” ûñÇݳÏáõÙ), ϳ٠áñå»ë å³ï³Ñ³ñÝ»ñÇ Ùß³ÏÇãÁ áñáßáÕ µÝáõó·ñÇãÇ ³ñÅ»ù, ϳ٠URL ѳëó»áõÙ: úñÇݳÏ, »Ã» ÷³ëï³ÃÕÃÇ áñ¨¿ ï³ññÁ Ýϳñ³·ñáÕ ï»·áõÙ ·ñ³ÝóíÇ Ñ»ï¨Û³É ϳÝãÁª mySumma(5) (ûñÇݳÏ, <p onclick= ”mySumma(5)”>), Ý߳ݳÏáõÙ ¿, áñ »Ã» û·ïíáÕÁ ë»ÕÙ³ÝßÇ ÙÏÝÇÏÇ Ó³Ë ëï»ÕÝÁ (ϳï³ñíáõÙ ¿ onclick å³ï³Ñ³ñÁ), »ñµ ÝßÇãÁ (Ù³ñÏ»ñÁ) ·ïÝíáõÙ ¿ ³Û¹ ï³ññÇ íñ³, ³ÝÙÇç³å»ë ÏϳÝãíÇ mySumma ýáõÝÏódzÝ, Áݹ áñáõÙ` myNumber ýáñÙ³É å³ñ³Ù»ïñÇÝ Ï÷á˳ÝóíÇ ÷³ëï³óǪ “5” ³ñÅ»ùÁ: ºÃ» ýáõÝÏóÇ³Ý áõÝÇ ýáñÙ³É å³ñ³Ù»ïñ, ³å³ ϳÝã»ÉÇë ¹ñ³Ý å³ñï³¹Çñ å»ïù ¿ ÷á˳Ýó»É ÷³ëï³óÇ ³ñÅ»ù: Àݹ áñáõÙ, ³ñÅ»ùÝ»ñÇ ï»ë³ÏÝ»ñÁ å»ïù ¿ ÉÇÝ»Ý Ñ³Ù³ï»Õ»ÉÇ: úñÇݳÏ, »Ã» ٳûٳïÇÏ³Ï³Ý Ñ³ßí³ñÏÝ»ñ ϳï³ñáÕ ýáõÝÏódzÛÇÝ ÷á˳Ýó»Ýù áñ¨¿ ëÇÙíáɳÛÇÝ ïáÕ, ³å³ ¹Åí³ñ û ³ñ¹ÛáõÝùáõÙ ëï³óíÇ áñ¨¿ û·ï³Ï³ñ ÇÝýáñÙ³ódz: ²ÛÅ٠ϳ½Ù»Ýù ÃíÇ ù³é³ÏáõëÇÝ Ñ³ßíáÕ ýáõÝÏódzÛÇ Ï³ÝãÇ ûñÇݳϪ <html> <head><title>ÂíÇ ù³é³Ïáõëáõ ѳßí³ñÏÁ</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type=”text/javascript”> <!-function getSquare (number) { square=number * number; return (square); } // </script> </head> <body> <h1>¸áõù ï»ëÝáõÙ »ù ÃíÇ ù³é³Ïáõëáõ ѳßí³ñÏÇ ûñÇݳÏ</h1> <script language="JavaScript"> <!-myNum=10; Sqr=getSquare(myNum); document.writeln( myNum+" ÃíÇ ù³é³ÏáõëÇÝ Ñ³í³ë³ñ ¿ "+Sqr); // --> </script> </body> </html> Ìñ³·ñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 3.2.2-áõÙ:
89
ä³ïÏ»ñ 3.2.2. üáõÝÏódzÛÇ Ï³ÝãÁ ³ÝÙÇç³å»ë ëÏñÇåïÇó ϳ½Ù³Ï»ñå»Éáõ ûñÇݳÏ
90
3.2.3. ¶áñÍáÕáõÃÛáõÝÝ»ñ ÷á÷á˳ϳÝÝ»ñÇ Ñ»ï êÏñÇåïÝ»ñáõÙ û·ï³·áñÍíáõÙ »Ý ïíÛ³ÉÝ»ñÇ »ñÏáõ ÑÇÙÝ³Ï³Ý ï»ë³ÏÝ»ñª ÉÇï»ñ³ÉÝ»ñ, ÷á÷á˳ϳÝÝ»ñ: ÈÇï»ñ³ÉÝ»ñÇ ³ñÅ»ùÝ»ñÁ ѳëï³ïáõÝ »Ý, ³ÛëÇÝùÝ` ã»Ý ϳñáÕ ÷á÷áËí»É, ÉÇÝÇ ¹³ 5, “´³ñ¨ Ó»½” ϳ٠6,02: ¸ñ³Ýù ϳñ»ÉÇ ¿ ßÝáñÑ»É ÷á÷á˳ϳÝÝ»ñÇÝ Ï³Ù û·ï³·áñÍ»É ÇÝùÝáõñáõÛݪ ѳßí³ñÏÝ»ñÇ ÁÝóóùáõÙ: öá÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ϳñáÕ »Ý ÷á÷áËí»É (¹³ »ñ¨áõÙ ¿ Ñ»Ýó ³Ýí³ÝáõÙÇó): êó»Ý³ñÝ»ñáõÙ Ûáõñ³ù³ÝãÛáõñ ÷á÷áË³Ï³Ý ë³ÑÙ³ÝíáõÙ ¿ »½³ÏÇ Ç¹»ÝïÇýÇϳïáñÇ ÙÇçáóáí, áñÝ ³í»ÉÇ Ñ³×³Ë ÏáãíáõÙ ¿ ÷á÷á˳ϳÝÇ ³ÝáõÝ: ²ÝáõÝÁ å»ïù ¿ ëÏëíÇ É³ïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ ï³éáí ϳ٠¿É Áݹ·ÍÙ³Ý ëÇÙíáÉáí: ¸ñ³Ýó ϳñáÕ »Ý ѳçáñ¹»É ٻͳï³é»ñ, ÷áùñ³ï³é»ñ, Ãí³Ýß³ÝÝ»ñ ϳ٠Áݹ·ÍÙ³Ý Ýß³ÝÝ»ñ: ²ÝáõÝÝ»ñáõÙ ³ñ·»ÉíáõÙ ¿ û·ï³·áñÍ»É µ³ó³ÏÇ (пробел) Ýß³ÝÁ: JavaScript-áõÙ ³ÝáõÝÝ»ñÁ ϳËáõÙ áõÝ»Ý é»·ÇëïñÇó, ûñÇݳÏ` myVar ¨ MyVar ³ÝáõÝÝ»ñÁ ã»Ý ÁÝϳÉíÇ áñå»ë ÙǨÝáõÛÝ ÷á÷á˳ϳÝ: ÀݹáõÝí³Í ¿ ÷á÷á˳ϳÝÝ»ñÇ Ñ³Ù³ñ ë³ÑÙ³Ý»É ÇÙ³ëï³ÉÇó ³ÝáõÝÝ»ñ ¨, »Ã» ¹ñ³Ýù µ³Õϳó³Í »Ý ÙÇ ù³ÝÇ µ³é»ñÇó, ³å³ ³Ýç³ï»É í»ñçÇÝÝ»ñÁ Áݹ·ÍÙ³Ý Ýß³ÝÝ»ñáí, ϳ٠ëÏë»É ³Ù»Ý ѳçáñ¹ µ³éÁ ٻͳï³éáí: úñÇݳϪ myNumber, my_number, TotalSales, total_sales ¨ ³ÛÉÝ: ÆѳñÏ», ã»Ý ³ñ·»ÉíáõÙ Ù»Ï ï³éÇó µ³Õϳó³Í ³ÝáõÝÝ»ñÁ (ѳëϳݳÉÇ ¿, áñ ¹³ å»ïù ¿ ÉÇÝÇ ï³é): ²Û¹åÇëÇ ³ÝáõÝÝ»ñÁ µÝáñáß »Ý ëáíáñ³µ³ñ ͳé³ÛáÕ³Ï³Ý µÝáõÛÃÇ ÷á÷á˳ϳÝÝ»ñÇÝ, áñáÝó Ý߳ݳÏáõÙÁ ѻﳷ³ÛáõÙ å»ïù ã¿ ÑÇᯐ Íñ³·ñÇ Ù»ç ÷á÷áËáõÃÛáõÝÝ»ñ ϳï³ñ»Éáõ ¹»åùáõÙ: JavaScript-áõÙ û·ï³·áñÍíáõÙ »Ý ãáñë ïÇåÇ ÷á÷á˳ϳÝÝ»ñ: ²ÙµáÕç Ãí»ñ – ϳñáÕ »Ý ÉÇÝ»É µ³ó³ë³Ï³Ý ¨ ¹ñ³Ï³Ý, ûñÇݳϪ n=5, p=20, m= -18, c=123456 ¨ ³ÛÉÝ: ê³ÑáÕ ëïáñ³Ï»ïáí Ãí»ñ – ï³ëÝáñ¹³Ï³Ý Ïáïáñ³ÏÝ»ñ »Ý, ûñÇݳϪ pi=3,14, k=5,21 ¨ ³ÛÉÝ: êÇÙíáɳÛÇÝ ïáÕ»ñ – ѳïáõÏ ï»ë³ÏÇ ÷á÷á˳ϳÝÝ»ñ »Ý, áñáÝó ³ñÅ»ùÝ»ñÁ ã³Ï»ñïÝ»ñÇ Ù»ç í»ñóí³Í ëÇÙíáÉÝ»ñÇ Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÝ»ñ »Ý: ¸ñ³Ýù ϳñáÕ »Ý ÉÇÝ»É µ³é»ñ, ݳ˳¹³ëáõÃÛáõÝÝ»ñ, ï³é³Ãí³ÛÇÝ ïáÕ»ñ, Ãí³ÛÇÝ ïáÕ»ñ: úñÇݳϪ city=“ºñ¨³Ý”, zip=”375012”, congr=”ÞÝáñѳíáñ³ÝùÝ»ñ 50-³ÙÛ³ÏÇ Ï³å³ÏóáõÃÛ³Ùµ” ¨ ³ÛÉÝ: êÇÙíáɳÛÇÝ ïáÕ»ñÁ, Ç ï³ñµ»ñáõÃÛáõÝ ³ÛÉ ÷á÷á˳ϳÝÝ»ñÇ, ã»Ý Ù³ëݳÏóáõÙ Ãí³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇÝ, ãݳ۳Í, »ñµ ëÇÙíáɳÛÇÝ ïáÕÁ å³ñáõݳÏáõÙ ¿ Ãí³Ýß³ÝÝ»ñ, ³ÛÝ Ï³ñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É ÃíÇ ï»ëùáí: ´áõÉÛ³Ý (ïñ³Ù³µ³Ý³Ï³Ý) Ù»ÍáõÃÛáõÝÝ»ñ - ³Ûë ïÇåÇ ÷á÷á˳ϳÝÝ»ñÁ ϳñáÕ »Ý ÁݹáõÝ»É Áݹ³Ù»ÝÁ »ñÏáõ ³ñÅ»ùÝ»ñª true ¨ false (×Çßï ¿ ¨ Ï»ÕÍ ¿): öá÷á˳ϳÝÝ»ñÁ ¨ ÉÇï»ñ³ÉÝ»ñÁ ϳñáÕ »Ý Ù³ëݳÏó»É ï³ñµ»ñ ѳÝñ³Ñ³ßí³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñáõÙ (Ãí³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ ûå»ñ³ïáñÝ»ñÁ Ý»ñϳ۳óí³Í »Ý ³ÕÛáõë³Ï 3.2.1-áõÙ): úñÇݳϪ myVar+2, x*5, 12%7, “´³ñ¨”+”Ò»½”: ê³Ï³ÛÝ ûñÇݳÏáõÙ µ»ñí³Í ѳßí³ñÏÝ»ñÁ ³ÝÇÙ³ëï ÏÉÇÝ»Ý, »Ã» ¹ñ³Ýó ³ñ¹ÛáõÝùÝ»ñÁ ãßÝáñÑí»Ý ÷á÷á˳ϳÝÝ»ñÇÝ áñå»ë ³ñÅ»ùÝ»ñ` ѻﳷ³ û·ï³·áñÍÙ³Ý Ýå³ï³Ïáí: ²ñÅ»ùÝ»ñÁ (³Û¹ Ãíáõ٠ݳ¨ ·áñÍáÕáõÃÛáõÝÝ»ñÇ ³ñ¹ÛáõÝùÝ»ñÁ) ïñíáõÙ »Ý ÷á÷á˳ϳÝÝ»ñÇÝ “=” ûå»ñ³ïáñÇ ÙÇçáóáí: úñÇݳϪ newVar = myVar - 4, congr=”ÞÝáñѳíáñáõÙ »Ýù”, x=x+1: JavaScript É»½íáõÙ ó³Ýϳó³Í Ññ³Ù³ÝÇ å»ïù ¿ ѳçáñ¹Ç Ï»ï-ëïáñ³Ï»ï “;” Ýß³ÝÁ: ²ÕÛáõë³Ï 3.2.1 Âí³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ ûå»ñ³ïáñÝ»ñÁ ¶áñÍáÕáõÃÛáõÝÁ + * / % ++ (ÇÝÏñ»Ù»Ýï) - - (¹»Ïñ»Ù»Ýï)
²Ýí³ÝáõÙÁ ¶áõÙ³ñáõ٠гÝáõÙ ´³½Ù³å³ïÏáõÙ ´³Å³ÝáõÙ ²ÙµáÕç Ãí»ñÇ µ³Å³ÝÙ³Ý Ùݳóáñ¹Á ²ñÅ»ùÇ Ù»Í³óáõÙ Ù»Ïáí ²ñÅ»ùÇ ÷áùñ³óáõÙ Ù»Ïáí
JavaScript-áõÙ Ñݳñ³íáñ ¿ ݳ¨ ѳÛï³ñ³ñ»É ÷á÷á˳ϳÝÝ»ñÁ` ³ÝÙÇç³å»ë ãßÝáñÑ»Éáí ¹ñ³Ýó ³ñÅ»ùÝ»ñ: ¸³ ѳñÙ³ñ ¿ ³ÛÝ ï»ë³Ï»ïÇó, áñ ѳٳϳñ·ãÇ ÑÇßáÕáõÃÛáõÝáõ٠ݳ˳å»ë ï»Õ ¿ ѳïϳóíáõÙ ³Û¹åÇëÇ ÷á÷á˳ϳÝÝ»ñÇÝ: гÛï³ñ³ñáõÃÛáõÝÁ ϳï³ñíáõÙ ¿ “var” ( variable` ÷á÷á˳ϳÝ) µ³é-µ³Ý³Éáõ ÙÇçáóáí: úñÇݳϪ var x; var myVariable;: γñ»ÉÇ ¿ ݳ¨ ÷á÷á˳ϳÝÁ 91
ѳÛï³ñ³ñ»ÉÇë ³ÝÙÇç³å»ë ¹ñ³Ý ï³É ³ñÅ»ù: úñÇݳϪ var y=”375001”; var milAge=1000; var color=”¶áñß Ù»ï³ÉÇÏ”;: ²ÛÝ ÷á÷á˳ϳÝÝ»ñÁ, áñáÝó ïñí³Í ¿ ³ñÅ»ù, ϳñáÕ »Ý Ù³ëݳÏó»É Ýáñ ·áñÍáÕáõÃÛáõÝÝ»ñáõÙ: êÏñÇåïÝ»ñáõÙ ³é³í»É ï³ñ³Íí³Í ·áñÍáÕáõÃÛáõÝÝ»ñÇó »Ý ÇÝÏñ»Ù»ÝïÁ (Ù»Ïáí ³í»É³óÝ»É) ¨ ¹»Ïñ»Ù»ÝïÁ (Ù»Ïáí å³Ï³ë»óÝ»É): ²é³í»É Ñ³×³Ë ¹ñ³Ýù û·ï³·áñÍíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ å»ïù ¿ ѳßí»É ù³ÝÇ ³Ý·³Ù ¿ ϳï³ñí»É áñ¨¿ å³ï³Ñ³ñÁ ϳ٠å³ñµ»ñ³Ï³Ý ·áñÍáÕáõÃÛáõÝÁ: ä³ñ½³·áõÛÝ Ó¨áí ¹³ ϳñ»ÉÇ ¿ Çñ³·áñÍ»É ·áõÙ³ñÙ³Ý Ï³Ù Ñ³ÝÙ³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ û·ÝáõÃÛ³Ùµª x=x+1; y=y-1;: ¶áõÙ³ñÙ³Ý ¨ ѳÝÙ³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÁ å³ïϳÝáõÙ »Ý, ³Ûëå»ë Ïáãí³Í, “µÇݳñ” (»ñÏï»Õ³Ýáó) ·áñÍáÕáõÃÛáõÝÝ»ñÇ ËÙµÇÝ, ù³ÝÇ áñ å³Ñ³ÝçáõÙ »Ý »ñÏáõ ÷á÷á˳ϳÝÝ»ñÇ (ûå»ñ³Ý¹Ý»ñÇ) ³éϳÛáõÃÛáõÝ: JavaScript-Á ÃáõÛÉ ¿ ï³ÉÇë ÙǨÝáõÛÝ Ýå³ï³ÏÁ Çñ³Ï³Ý³óÝ»É “áõݳñ” (Ù»Ï ûå»ñ³Ý¹ å³Ñ³ÝçáÕ) ·áñÍáÕáõÃÛáõÝÝ»ñÇ ÙÇçáóáíª ÇÝÏñ»Ù»ÝïÇ (++) ¨ ¹»Ïñ»Ù»ÝïÇ (--): úñÇݳϪ x++ ·áñÍáÕáõÃÛ³Ý ³ñ¹ÛáõÝùÁ ÝáõÛÝÝ ¿, ÇÝã ¨ x=x+1 ·áñÍáÕáõÃÛ³ÝÁ: ÆÝÏñ»Ù»ÝïÁ ¨ ¹»Ïñ»Ù»ÝïÁ áõÝ»Ý »ñÏáõ ï³ñ³ï»ë³ÏÝ»ñª x++, ++x, y- -, - -y: î³ñµ»ñáõÃÛáõÝÁ µ³ó³ïñ»Éáõ ѳٳñ µ»ñ»Ýù ûñÇݳÏ: ¸Çóáõùª x=2: ºÃ» ³ÛÅÙ ÇÝÏñ»Ù»ÝïÇ ³ñ¹ÛáõÝùÁ ÷á˳Ýó»Ýù y ÷á÷á˳ϳÝÇÝ Ñ»ï¨Û³É Ï»ñåáíª y=x++; , ³å³ y-Ç ³ñÅ»ùÁ Ϲ³éݳ 2, ÇëÏ x-Ç ³ñÅ»ùÁ ϳ×Ç Ù»Ïáí ¨ Ϲ³éݳ 3, ù³ÝÇ áñ ëϽµáõ٠ϳï³ñíáõÙ ¿ x-Ç ³ñÅ»ùÇ ÷á˳ÝóáõÙÁ y-ÇÝ ¨ ¹ñ³ÝÇó Ñ»ïá ÙdzÛÝ` ÇÝÏñ»Ù»ÝïÇ ·áñÍáÕáõÃÛáõÝÁ: ÆëÏ Ñ»ï¨Û³É ·ñ³ÝóÙ³Ý ¹»åùáõÙ` y=++x ¨° y-ÇÝ, ¨° x-ÇÝ ÏïñíÇ 3 ³ñÅ»ùÁ, ù³ÝÇ áñ ëϽµáõÙ Ïϳï³ñíÇ ÇÝÏñ»Ù»ÝïÇ ·áñÍáÕáõÃÛáõÝÁ, ³å³ Ýáñ` ³ñÅ»ùÇ ßÝáñÑÙ³Ý: ¶áÛáõÃÛáõÝ áõÝÇ ßÝáñÑÙ³Ý ¨ Ãí³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ ÙdzųٳݳÏÛ³ ·ñ³ÝóÙ³Ý ³ÛÉÁÝïñ³Ýù³ÛÇÝ (³Éï»ñݳïÇí) ï³ñµ»ñ³Ï, áñÁ Ý»ñϳ۳óí³Í ¿ ³ÕÛáõë³Ï 3.2.2-áõÙ: ²ÕÛáõë³Ï 3.2.2 ÞÝáñÑÙ³Ý ·áñÍáÕáõÃÛ³Ý ·ñ³ÝóÙ³Ý Ïñ׳ï Ó¨»ñÁ úå»ñ³ïáñ x += y x-=y x *= y x /= y x %=y
гٳñÅ»ù ·áñÍáÕáõÃÛáõÝÁ x =x + y x=x-y x=x*y x=x/y x=x%y
3.2.4. ²É·áñÇÃÙÝ»ñÇ Ï³ï³ñÙ³Ý ÁÝóóùÇ Õ»Ï³í³ñáõÙÁ ²ÛëåÇëáí, ùÝݳñÏ»óÇÝù JavaScript-ÇÝ í»ñ³µ»ñáÕ ÑÇÙÝ³Ï³Ý Ñ³ëϳóáõÃÛáõÝÝ»ñÁª ÷á÷á˳ϳÝÝ»ñ, ýáõÝÏódzݻñ, ٳûٳïÇÏ³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñ ¨ ßÝáñÑÙ³Ý ·áñÍáÕáõÃÛáõÝÁ: гçáñ¹ ù³ÛÉÁ ³ÛÝ ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÇ áõëáõÙݳëÇñáõÃÛáõÝÝ ¿, áñáÝó ÙÇçáóáí Ñݳñ³íáñ ¿ ëï»ÕÍ»É Õ»Ï³í³ñáÕ Ï³éáõóí³ÍùÝ»ñ: Ìñ³·ñ³íáñÙ³ÝÁ ͳÝáà ٳñ¹Ï³Ýó ѳٳñ å³ñ½ ¿, áñ ËáëùÁ ×ÛáõÕ³íáñíáÕ (if…else) ¨ óÇÏɳÛÇÝ (³ÛëÇÝùÝ` ÝáõÛݳïÇå ·áñÍáÕáõÃÛáõÝÝ»ñÇ µ³½Ù³ÏÇ Ï³ï³ñáõÙÁ ³å³ÑáíáÕª for, while, break, continue) ϳéáõóí³ÍùÝ»ñÇ Ù³ëÇÝ ¿: ²Û¹åÇëÇ Ï³éáõóí³ÍùÝ»ñÇ Ñ³Ù³ñ ÑÇÙÝ³Ï³Ý Ñ³ëϳóáõÃÛáõÝÝ ¿` å³ÛÙ³ÝÁ: ¸³ Íñ³·ñ³ÛÇÝ Ïá¹Ç` ·áñÍáÕáõÃÛáõÝÝ»ñÇ Ï³Ù Ñ³ßí³ñÏÝ»ñÇ Ñ»ï³·³ ÁÝóóùÁ áñáßáÕ Ù³ëÝ ¿: ä³ÛÙ³ÝÇ ïñ³Ù³µ³ÝáõÃÛáõÝÁ ϳñáÕ ¿ ÉÇÝ»É Ñ»ï¨Û³ÉÁª “ºÃ» Ù»ñ »Ýó¹ñáõÃÛáõÝÁ ×Çßï ¿, ³å³ ϳï³ñ»Ýù áñáß³ÏÇ ·áñÍáÕáõÃÛáõÝ (·áñÍáÕáõÃÛáõÝÝ»ñ)”: ä³ÛÙ³ÝÁ ϳñáÕ ¿ áõÝ»Ý³É Ý³¨ ³ÛëåÇëÇ Ó¨³Ï»ñåáõÙª “ºÃ» Ù»ñ »Ýó¹ñáõÃÛáõÝÁ ×Çßï ¿, ³å³ ϳï³ñ»Ýù áñáß³ÏÇ ·áñÍáÕáõÃÛáõÝ (·áñÍáÕáõÃÛáõÝÝ»ñ), »Ã» Ï»ÕÍ ¿, ³å³ ³ÛÉ ·áñÍáÕáõÃÛáõÝ(Ý»ñ)”, ϳ٠“ºÃ» Ù»ñ »Ýó¹ñáõÃÛáõÝÁ Ï»ÕÍ ¿ (×Çßï ã¿), ³å³ ϳï³ñ»Ýù áñáß³ÏÇ ·áñÍáÕáõÃÛáõÝ(Ý»ñ), áñÁ(áÝù) í»ñçÝ³Ï³Ý ³ñ¹ÛáõÝùáõÙ ³ÛÝ ×Çßï Ϲ³ñÓݻݔ: Ð³×³Ë áñå»ë å³ÛÙ³Ý û·ï³·áñÍíáõÙ ¿ áñáß³ÏÇ ³ñÅ»ùÝ»ñÇ Ñ³Ù»Ù³ïáõÃÛáõÝÁ. ëïáõ·íáõÙ ¿` ѳí³ë³±ñ »Ý ¹ñ³Ýù, û áã ¨, »Ã» áã, ³å³ á±ñÝ ¿ Ù»Í Ï³Ù ÷áùñ: ²Û¹åÇëÇ å³ÛÙ³ÝÁ ϳñáÕ ¿ áõÝ»Ý³É Ñ»ï¨Û³É Ó¨³Ï»ñåáõÙÁª “ºÃ» x-Á Ù»Í ¿ y-Çó, ³å³ ϳï³ñ»Ýù Ñ»ï¨Û³É ѳßí³ñÏÁ”: гٻٳïáõÃÛ³Ý ûå»ñ³ïáñÝ»ñÇ óáõó³ÏÁ µ»ñí³Í ¿ ³ÕÛáõë³Ï 3.2.3-áõÙ: ²ÕÛáõë³Ï 3.2.3
92
гٻٳïáõÃÛ³Ý ûå»ñ³ïáñÝ»ñÁ úå»ñ³ïáñ == != > < >=
ѳí³ë³ñ ¿ ѳí³ë³ñ ã¿ Ù»Í ¿ ÷áùñ ¿ Ù»Í ¿ ϳ٠ѳí³ë³ñ
<=
÷áùñ ¿ ϳ٠ѳí³ë³ñ x<=y
ÆÙ³ëïÁ
úñÇÝ³Ï x==y x!=y x>y x<y x>=y
“ÖÇßï” ³ñÅ»ùÁ í»ñ³¹³ñÓÝ»Éáõ å³ÛÙ³ÝÁ x-Á ѳí³ë³ñ ¿ y-ÇÝ x-Á ѳí³ë³ñ ã¿ y-ÇÝ x-Á Ù»Í ¿ y-Çó x-Á ÷áùñ ¿ y-Çó x-Á Ù»Í Ï³Ù Ñ³í³ë³ñ ¿ y-ÇÝ x-Á ÷áùñ ϳ٠ѳí³ë³ñ ¿ y-ÇÝ
гٻٳïáõÃÛáõÝÝ»ñÁ ¨ ³éѳë³ñ³Ï å³ÛÙ³Ý³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÁ ëáíáñ³µ³ñ í»ñóíáõÙ »Ý ÏÉáñ ÷³Ï³·Í»ñÇ Ù»ç: úñÇݳϪ (x==y): гí³ë³ñáõÃÛ³Ý å³ÛÙ³ÝÁ ϳ½Ù»Éáõ ûå»ñ³ïáñÁ µ³Õϳó³Í ¿ »ñÏáõ == Ýß³ÝÝ»ñÇó, ù³ÝÇ áñ Ù»Ï = Ýß³ÝÁ Íñ³·ñ³íáñÙ³Ý Ù»ç û·ï³·áñÍíáõÙ ¿ ßÝáñÑÙ³Ý ·áñÍáÕáõÃÛ³Ý Ñ³Ù³ñ, áñÇ Ó³Ë ÏáÕÙáõÙ ·ïÝíáÕ ÷á÷á˳ϳÝÇÝ Ï³Ù ³ñï³Ñ³ÛïáõÃÛ³ÝÁ ïñíáõÙ ¿ ³ç ÏáÕÙÇ ÷á÷á˳ϳÝÇ Ï³Ù ³ñï³Ñ³ÛïáõÃÛ³Ý ³ñÅ»ùÁ: úñÇݳϪ x=y ·ñ³ÝóáõÙÁ Ý߳ݳÏáõÙ ¿, áñ x-ÇÝ ïñíáõÙ ¿ y-Ç ³ñÅ»ùÁ, ÇëÏ (x==y)-Á å³ÛÙ³Ý³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝ ¿, áñÇ ³ñÅ»ùÁ ÏÉÇÝÇ “×Çßï” (true), »Ã» x-Á ѳí³ë³ñ ¿ yÇÝ ¨ “Ï»ÕÍ” (false)` ѳϳé³Ï ¹»åùáõÙ: ä³ÛÙ³Ý³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ϳñ»ÉÇ ¿ ßÝáñÑ»É Ý³¨ ÷á÷á˳ϳÝÝ»ñÇÝ ¨ û·ï³·áñÍ»É ¹ñ³Ýù å³ÛÙ³ÝÝ»ñÁ ëïáõ·»Éáõ ѳٳñ: úñÇݳϪ equiv=(x==y): equiv µáõÉÛ³Ý ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ÏÉÇÝÇ true, »Ã» ϳï³ñíáõÙ ¿ å³ÛÙ³Ý³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÁ ¨ false` ѳϳé³Ï ¹»åùáõÙ: Ð³×³Ë ³ÝÑñ³Å»ßï ¿ ëïáõ·»É ÙÇ ù³ÝÇ å³ÛÙ³Ý³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ: ²Û¹åÇëÇ ¹»åù»ñáõÙ ïñ³Ù³µ³Ý³Ï³Ý ûå»ñ³ïáñÝ»ñÇ ÙÇçáóáí ϳéáõóíáõÙ »Ý µ³Õ³¹ñÛ³É å³ÛÙ³ÝÝ»ñ: ºñµ å»ïù ¿ ëïáõ·»É ÙÇ ù³ÝÇ å³ÛÙ³ÝÝ»ñÇ Ñ³Ù³ï»Õ ϳï³ñáõÙÁ, û·ï³·áñÍíáõÙ ¿ && (ïñ³Ù³µ³Ý³Ï³Ý “¨”), ÇëÏ »ñµ µ³í³Ï³Ý ¿ ÙÇ ù³ÝÇëÇó áñ¨¿ Ù»ÏÇ Ï³ï³ñáõÙÁª || (ïñ³Ù³µ³Ý³Ï³Ý “ϳٔ) ûå»ñ³ïáñÁ: ²ÕÛáõë³Ï 3.2.4-áõÙ Ý»ñϳ۳óí³Í »Ý ïñ³Ù³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ ³ñ¹ÛáõÝùáõÙ ëï³óíáÕ ³ñÅ»ùÝ»ñÁ ûå»ñ³Ý¹Ý»ñÇ (³ÛëÇÝùÝ` ·áñÍáÕáõÃÛ³ÝÁ Ù³ëݳÏóáÕ µáõÉÛ³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÇ Ï³Ù ÷á÷á˳ϳÝÝ»ñÇ) ï³ñµ»ñ ³ñÅ»ùÝ»ñÇ Ñ³Ù³ñ: ²ÕÛáõë³Ï 3.2.4 îñ³Ù³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ ³ñ¹ÛáõÝùÝ»ñÁ A true true false false
B true false true false
A&&B true false false false
A||B true true true false
îñ³Ù³µ³Ý³Ï³Ý ÁÝïñáõÃÛáõÝ Ï³ï³ñ»Éáõ ѳٳñ JavaScript-Ý û·ï³·áñÍáõÙ ¿ if…else ϳéáõóí³ÍùÁ (ß³ï Ñ³×³Ë ³ÛÝ ³Ýí³ÝáõÙ »Ý ×ÛáõÕ³íáñÙ³Ý ûå»ñ³ïáñ), áñÇ ÙÇçáóáí Çñ³Ï³Ý³óíáõÙ ¿ “ϳمϳٔ ï»ë³ÏÇ ÁÝïñáõÃÛáõÝ: ²Ûëï»Õ å³ÛÙ³ÝÁ ëïáõ·íáõÙ ¿ ÙdzÛÝ Ù»Ï ³Ý·³Ù ¨ å»ïù ¿ å³ñáõݳÏÇ ³ñï³Ñ³ÛïáõÃÛáõÝ Ï³Ù ÷á÷á˳ϳÝ, áñÁ ϳñáÕ ¿ ÁݹáõÝ»É true ϳ٠false ³ñÅ»ùÝ»ñ: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª if (å³ÛÙ³Ý) {Íñ³·ñ³ÛÇÝ Ïá¹} else {Íñ³·ñ³ÛÇÝ Ïá¹}: úñÇݳϪ if (x==5) { document.writeln(“x ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ѳí³ë³ñ ¿ 5-Ç”); } else { document.writeln(“x ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ѳí³ë³ñ ã¿ 5-Ç); } else Ù³ëÁ ãÇ û·ï³·áñÍíáõÙ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿, áñ å³ÛÙ³ÝÁ ãϳï³ñí»Éáõ å³ñ³·³ÛáõÙ, Íñ³·ÇñÁ ³Ýï»ëÇ if ϳéáõóí³ÍùáõÙ å³ñáõݳÏíáÕ Íñ³·ñ³ÛÇÝ Ïá¹Ç ϳï³ñáõÙÁ ¨ 93
å³ñ½³å»ë ß³ñáõݳÏÇ Íñ³·ñÇ Ï³ï³ñáõÙÁ: úñÇݳϪ if (total==5) { return true; }
3.2.5. òÇÏÉ»ñÇ Ï³½Ù³Ï»ñåáõÙÁ òÇÏÉ»ñ ϳ½Ù³Ï»ñå»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý ϳéáõóí³ÍùÝ»ñÇ »ñÏáõ ï»ë³ÏÝ»ñª for ¨ while: òÇÏÉÁ Íñ³·ñ³ÛÇÝ Ïá¹Ç ³ÛÝåÇëÇ Ù³ëÝ ¿, áñÇ Ï³ï³ñáõÙÁ ÏñÏÝíáõÙ ¿ ³ÛÝù³Ý ųٳݳÏ, ÙÇÝ㨠ϳï³ñíáõÙ ¿ óÇÏÉáõÙ Ýßí³Í å³ÛÙ³ÝÁ: ²ÛÝåÇëÇ ¹»åù»ñáõÙ, »ñµ ݳ˳å»ë ѳÛïÝÇ ¿ ϳ٠áñ¨¿ »Õ³Ý³Ïáí å³ñ½³µ³Ýí»É ¿ ÏñÏÝáõÃÛáõÝÝ»ñÇ ÃÇíÁ, û·ï³·áñÍáõÙ »Ý for ϳéáõóí³ÍùÁ: ¸ñ³ Ý»ñùá ëï»ÕÍíáõÙ ¿ ÷á÷áË³Ï³Ý (³Ûëå»ë Ïáãí³Í ѳßíÇã), áñÇ ÙÇçáóáí ѳßí³ñÏíáõÙ ¿ ÏñÏÝáõÃÛáõÝÝ»ñÇ ù³Ý³ÏÁ, ¨ áñÇÝ ïñíáõÙ ¿ ëϽµÝ³Ï³Ý ³ñÅ»ù: Úáõñ³ù³ÝãÛáõñ óÇÏÉÁ ϳï³ñ»Éáõó Ñ»ïá ѳßíÇãÇ ³ñÅ»ùÁ ³í»É³ÝáõÙ ¿ (ϳ٠å³Ï³ëáõÙ): ºñµ ³ÛÝ Ñ³ëÝáõÙ ¿ ³ÝÑñ³Å»ßï ÃíÇÝ, óÇÏÉ»ñÇ Ï³ï³ñáõÙÁ ³í³ñïíáõÙ ¿: for-Ç ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª for (ѳßíÇãÇ ëϽµÝ³Ï³Ý ³ñÅ»ùÇ ßÝáñÑáõÙ; å³ÛÙ³Ý; ѳßíÇãÇ ÷á÷áËáõÃÛ³Ý »Õ³Ý³ÏÁ) { JavaScript-Ç Ññ³Ù³ÝÝ»ñÁ } γ½Ù»Ýù ûñÇÝ³Ï ¨ ùÝݳñÏ»Ýù for ϳéáõóí³ÍùÇ Ï³ï³ñÙ³Ý Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÁ: <script type=”text/javascript” language=”JavaScript”> for (n=0;n<10;n=n+1) { result=2*n; document.writeln(“ºÃ» 2-Á µ³½Ù³å³ïÏ»Ýù “+n+”-áí, Ïëï³óíÇ ”+result+”<br \/>”); } </script> úå»ñ³ïáñÇ ³ß˳ï³ÝùÇ Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª 1. êϽµáõ٠ѳßíÇãÇÝ ïñíáõÙ ¿ ëϽµÝ³Ï³Ý ³ñÅ»ù (n=0` ѳßíÇãÁ ÇÝÇódzÉǽ³óíáõÙ ¿): 2. êïáõ·íáõÙ ¿ ѳßíÇãÇ ³ñÅ»ùÇ Ñ³í³ë³ñáõÃÛáõÝÁ ë³ÑٳݳÛÇÝÇÝ (n<10), áñÇ ¹»åùáõÙ óÇÏÉÇ Ï³ï³ñáõÙÁ å»ïù ¿ ³í³ñïíÇ: ´»ñí³Í ûñÇݳÏáõÙ ³ÛÝ Ñ³í³ë³ñ ¿ 9-Ç, ù³ÝÇ áñ å³Ñ³ÝçíáõÙ ¿, áñ n– Á ÉÇÝÇ 10-Çó ËÇëï ÷áùñ: ¸³ Ý߳ݳÏáõÙ ¿, áñ óÇÏÉÁ å»ïù ¿ ϳï³ñíÇ 10 ³Ý·³Ù (n-Ç` 0, 1, 2, …,9 ³ñÅ»ùÝ»ñÇ Ñ³Ù³ñ): ºÃ» ѳí³ë³ñáõÃÛáõÝÁ ϳï³ñíáõÙ ¿, ³å³ óÇÏÉÁ ³í³ñïíáõÙ ¿: 3. ºÃ» ѳßíÇãÇ ³ñÅ»ùÁ ¹»é ë³ÑٳݳÛÇÝÇÝ ãÇ Ñ³ë»É` ϳï³ñíáõÙ »Ý µáÉáñ Ññ³Ù³ÝÝ»ñÁ, áñáÝù ·ñ³Ýóí³Í »Ý Ó¨³íáñ ÷³Ï³·Í»ñáõÙ (óÇÏÉÇ Ù³ñÙÝáõÙ): úñÇݳÏáõÙ ëϽµáõ٠ѳßí³ñÏíáõÙ ¿ n 2-Ç ³ñï³¹ñÛ³ÉÁ, ³ÛÝáõÑ»ï¨ document.writeln() Ù»Ãá¹áí ÁÝóóÇÏ Ñ³ßí³ñÏÇ ³ñ¹ÛáõÝùÁ ³ñï³å³ïÏ»ñíáõÙ ¿ ¿Ïñ³ÝÇÝ: 4. гßíÇãÇ ³ñÅ»ùÁ ÷á÷áËíáõÙ ¿ Áëï for-Ç »ññáñ¹ å³ñ³Ù»ïñáõÙ ïñí³Í ϳÝáÝÇ: Ø»ñ ¹»åùáõÙª ³ñÅ»ùÁ ³í»É³óíáõÙ ¿ 1-áí (n=n+1): 5. òÇÏÉÇ Ù³ñÙÝÇ µáÉáñ Ññ³Ù³ÝÝ»ñÁ ϳï³ñ»Éáõó Ñ»ïá ϳï³ñíáõÙ ¿ ³ÝóáõÙ Ï»ï 2-ÇÝ: î»Õ³¹ñ»Éáí í»ñÁ µ»ñí³Í ëÏñÇåïÁ Ó¨³ÝÙáõßÇ <body> ï»·Ç Ý»ñëáõÙ ¨ ϳ½Ù»Éáí HTML ÷³ëï³ÃáõÕÃ` ³ñ¹ÛáõÝùáõÙ Ïï»ëÝ»Ýù Ùáï³íáñ³å»ë ³ÛÝ, ÇÝã óáõó³¹ñí³Í ¿ å³ïÏ»ñ 3.2.3-áõÙ:
ä³ïÏ»ñ 3.2.3. for ϳéáõóí³ÍùÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
94
ÆÝãå»ë ï»ëÝáõÙ »Ýù, ïáÕÁ ϳ½Ù»ÉÇë û·ï³·áñÍíáõÙ ¿ Ãí³µ³Ý³Ï³Ý ·áõÙ³ñÙ³Ý (+) ûå»ñ³ïáñÁ: îíÛ³É ûñÇݳÏáõÙ ¹ñ³ ÙÇçáóáí ϳï³ñíáõÙ ¿ áã û Ãí»ñÇ ³ñÅ»ùÝ»ñÇ ·áõÙ³ñáõÙÁ, ³ÛÉ ¿Ïñ³ÝÇÝ ¹áõñë µ»ñíáÕ ëÇÙíáɳÛÇÝ ïáÕÇ ³é³ÝÓÇÝ Ù³ë»ñÇ ÏóáõÙÁ: Àݹ áñáõÙ, »Ã» ¹³ ÉÇï»ñ³É ¿, ³å³ å³ñ÷³ÏíáõÙ ¿ ã³Ï»ñïÝ»ñáí, ÇëÏ »Ã» ÷á÷á˳ϳÝ` ·ñ³ÝóíáõÙ ¿ ¹ñ³ ³ÝáõÝÁ (µ»ñí³Í ûñÇݳÏáõÙ` n ¨ result ÷á÷á˳ϳÝÝ»ñÁ): Þ³ï ¹»åù»ñáõÙ óÇÏÉ»ñ ϳ½Ù³Ï»ñå»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ while ϳéáõóí³ÍùÁ, áñÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª while (å³ÛÙ³Ý) { JavaScript-Ç Ññ³Ù³ÝÝ»ñÁ } úå»ñ³ïáñÇ Ù³ñÙÝáõÙ ·ñ³Ýóí³Í óÇÏÉÁ ÏñÏÝíáõÙ ¿ ³ÛÝù³Ý ³Ý·³Ù, ÇÝãù³Ý “×Çßï” ¿ ÙÝáõÙ ·ñ³Ýóí³Í å³ÛÙ³ÝÁ: ä»ïù ¿ ã³÷³½³Ýó áõß³¹Çñ ÉÇÝ»É å³ÛÙ³ÝÁ Ó¨³Ï»ñå»Éáõ Å³Ù³Ý³Ï ¨ ãÙáé³Ý³É ݳ¨ ûå»ñ³ïáñÇ Ù³ñÙÝáõÙ ·ñ³Ýóí³Í Ïá¹áõÙ ³å³Ñáí»É å³ÛÙ³ÝÇ Ë³ËïÙ³Ý Ý³Ë³¹ñÛ³ÉÝ»ñÁ, ù³ÝÇ áñ ѳϳé³Ï ¹»åùáõÙ óÇÏÉÁ Ïϳï³ñíÇ ³Ýí»ñç: úñÇݳÏ, »Ã» Ù»Ýù ·ñ³Ýó»Ýùª x=0; while (x=6) { x=x+1; document.writeln(“x-Ç ³ñÅ»ùÁ ѳí³ë³ñ ¿ “+x+”-Ç<br \/>”); } óÇÏÉÁ Ïϳï³ñíÇ ³Ýí»ñç ¨ ¿Ïñ³ÝÇÝ ³ÝÁݹѳï Ï·ñ³ÝóíÇ “x-Ç ³ñÅ»ùÁ ѳí³ë³ñ ¿ 6-Ç”, ù³ÝÇ áñ å³ÛÙ³ÝáõÙ ·ñ³Ýóí³Í ¿ áã û ѳٻٳïáõÃÛ³Ý, ³ÛÉ ßÝáñÑÙ³Ý ·áñÍáÕáõÃÛáõÝÁ, ÇëÏ ÇÝãå»ë ϳñ»ÉÇ ¿ Ïé³Ñ»Éª ßÝáñÑáõÙ ·áñÍáÕáõÃÛ³Ý ³ñ¹ÛáõÝùÁ ÙÇßï ×Çßï ¿: ÜÙ³Ý ³ñ¹ÛáõÝù (³ÛëÇÝùÝ óÇÏÉÇ ³Ýí»ñç ÏñÏÝáõÃÛáõÝ) Ïëï³óíÇ Ý³¨ Ñ»ï¨Û³É ûñÇݳÏáõÙª x=0; while (x<=6) { document.writeln(“x-Ç ³ñÅ»ùÁ ѳí³ë³ñ ¿ “+x+”-Ç<br \/>”); } Îï³ñµ»ñíÇ ÙdzÛÝ ³ñï³å³ïÏ»ñíáÕ ïáÕÁª “x-Ç ³ñÅ»ùÁ ѳí³ë³ñ ¿ 0-Ç”: ä³ï׳éÝ ³ÛÝ ¿, áñ óÇÏÉÇ Ù³ñÙÝáõÙ ãÇ Ý³Ë³ï»ëíáõ٠ѳßíÇãÇ (x-Ç) ³ñÅ»ùÇ ÷á÷áËáõÃÛáõÝÁ: ²Ù»Ý ÇÝã Ïϳñ·³íáñíÇ, »Ã» Ïá¹Á ·ñ³ÝóíÇ Ñ»ï¨Û³É ï»ëùáíª x=0; while (x<=6) { x=x+1; document.writeln(“x-Ç ³ñÅ»ùÁ ѳí³ë³ñ ¿ “+x+”<br \/>”); } ²Ûë ¹»åùáõÙ óÇÏÉÁ Ïϳï³ñíÇ ÙÇÝ㨠x-Ç ³ñÅ»ùÁ ã·»ñ³½³ÝóÇ 6-Á: JavaScript-áõÙ (ÇÝãå»ë ݳ¨ ß³ï áõñÇß É»½áõÝ»ñáõÙ) ·áÛáõÃÛáõÝ áõÝ»Ý µ³é-µ³Ý³ÉÇÝ»ñ, áñáÝó ÙÇçáóáí Ñݳñ³íáñ ¿ ÷á÷áË»É óÇÏÉÇ Ï³ï³ñÙ³Ý ÁÝóóùÁ áñáß³ÏÇ å³ÛÙ³ÝÝ»ñÇ Ï³ï³ñÙ³Ý ¹»åùáõÙ: ¸ñ³Ýù »Ý` break ¨ continue Ññ³Ù³ÝÝ»ñÁ: break-Á ÃáõÛÉ ¿ ï³ÉÇë Áݹѳï»É (³í³ñï»É) óÇÏÉÇ Ï³ï³ñáõÙÁ: úñÇݳϪ for (n=0;n<10;n=n+1) { z=getInput(); if (z==n) break; } ì»ñÁ µ»ñí³Í ûñÇݳÏáõÙ óÇÏÉÇ ëϽµáõ٠ϳÝãíáõÙ ¿ getInput() ýáõÝÏódzÝ, áñÇ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ (³ÛÝ Ï³ñáÕ ¿, ûñÇݳÏ, ÉÇÝ»É áñáß³ÏÇ Ñ³ßí³ñÏÇ ³ñ¹ÛáõÝù ϳ٠û·ïíáÕÇ ÏáÕÙÇó Ý»ñÙáõÍí³Í ÃÇí) ßÝáñÑíáõÙ ¿ z ÷á÷á˳ϳÝÇÝ, ¨ »ñµ z-Ç ¨ n-Ç ³ñÅ»ùÝ»ñÁ ѳí³ë³ñ ÉÇÝ»Ý, óÇÏÉÇ Ï³ï³ñáõÙÁ ϳí³ñïíÇ break-Ç ÙÇçáóáí: гϳé³Ï ¹»åùáõÙ óÇÏÉÁ Ïϳï³ñíÇ ÙÇÝ㨠n-Á ·»ñ³½³ÝóÇ 9-Á: continue-Ý ÏÇñ³éíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ßñç³Ýó»É óÇÏÉÇ Ï³ï³ñáõÙÁ (³ÛëÇÝùÝ` ãϳï³ñ»É óÇÏÉÁ) ѳßíÇãÇ áñáß³ÏÇ ³ñÅ»ùÝ»ñÇ Ñ³Ù³ñ: úñÇݳϪ x=0; while (x<10) { x=x+1; if (x==5) continue; 95
document.writeln(“x ѳí³ë³ñ ã¿ 5-Ç<br \/>“); } ²Ûëï»Õ (x==5) å³ÛÙ³ÝÁ ϳï³ñí»Éáõ ¹»åùáõÙ continue-Ý ëïÇåáõÙ ¿ ³Ýï»ë»É µáÉáñ ·ñ³Ýóí³Í ѳçáñ¹áÕ Ññ³Ù³ÝÝ»ñÁ ¨ ³ÝÙÇç³å»ë í»ñ³¹³éÝ³É while ûå»ñ³ïáñÇ å³ÛÙ³ÝÇ ëïáõ·Ù³ÝÁ:
3.2.6. ¼³Ý·í³ÍÝ»ñÁ ¼³Ý·í³ÍÁ ïíÛ³ÉÝ»ñÇ ï»ë³Ï ¿, áñÁ ÃáõÛÉ ¿ ï³ÉÇë Ù»Ï ³Ýí³Ý ï³Ï å³Ñå³Ý»É ÙÇ ù³ÝÇ ÷á÷á˳ϳÝÝ»ñ, áñáÝù ÏáãíáõÙ »Ý ½³Ý·í³ÍÇ ³Ý¹³ÙÝ»ñ: ØÇÙÛ³ÝóÇó ï³ñµ»ñ»Éáõ Ýå³ï³Ïáí ½³Ý·í³ÍÇ ³Ý¹³ÙÝ»ñÁ ѳٳñ³Ï³ÉíáõÙ »Ý (Çݹ»ùë³íáñíáõÙ): ¼³Ý·í³ÍÇ Ûáõñ³ù³ÝãÛáõñ ÷á÷á˳ϳÝÇÝ ïñíáõÙ ¿ ѳçáñ¹³Ï³Ý ѳٳñ: ¼³Ý·í³ÍÁ ѳÛï³ñ³ñíáõÙ ¿ Ñ»ï¨Û³É »Õ³Ý³Ïáíª var ½³Ý·í³ÍÇ_³ÝáõÝ = new Array();: ºñµ ½³Ý·í³ÍÇ ÷á÷á˳ϳÝÝ»ñÇ ù³Ý³ÏÁ ë³Ï³í ¿, ϳñ»ÉÇ ¿ ݳ¨ ѳÛï³ñ³ñ»ÉÇë ¹ñ³Ýó ³ÝÙÇç³å»ë ï³É ³ñÅ»ùÝ»ñ, ûñÇݳÏ` var employee=new Array(“êÇÙáÝ۳ݔ,”ä»ïñáë۳ݔ,”ê³ñ·ë۳ݔ, ”äáÕáë۳ݔ); úñÇݳÏáõ٠ѳÛï³ñ³ñí³Í ¿ ãáñë ³Ý¹³Ù áõÝ»óáÕ employee ³ÝáõÝáí ½³Ý·í³ÍÁ: гë³Ý»ÉÇáõÃÛáõÝÁ ½³Ý·í³ÍÇ ³Ý¹³ÙÝ»ñÇÝ Çñ³Ï³Ý³óíáõÙ ¿ Ñ»ï¨Û³É Ï»ñåª ½³Ý·í³ÍÇ ³ÝáõÝÇó ³ÝÙÇç³å»ë Ñ»ïá ù³é³ÏáõëÇ ÷³Ï³·Í»ñáõÙ ·ñ³ÝóíáõÙ ¿ ѳٳå³ï³ëË³Ý ÷á÷á˳ϳÝÇ Ñ³çáñ¹³Ï³Ý ѳٳñÁ: гٳñ³Ï³ÉáõÙÁ ëÏëíáõÙ ¿ 0-Çó, ³ÛëÇÝùÝ` ½³Ý·í³ÍÇ ³é³çÇÝ ³Ý¹³ÙÇÝ ïñíáõÙ ¿ 0 ѳٳñÁ, »ñÏñáñ¹Çݪ 1 ¨ ³ÛÉÝ: ´»ñí³Í ûñÇݳÏáõÙª employee[0]=”êÇÙáÝ۳ݔ, employee[1]=”ä»ïñáë۳ݔ ¨ ³ÛÉÝ: ÆÝãå»ë ¨ µáÉáñ ûµÛ»ÏïÝ»ñÁ, ½³Ý·í³ÍÝ»ñÝ áõÝ»Ý Ñ³ïÏáõÃÛáõÝÝ»ñ ¨ Ù»Ãá¹Ý»ñ: length (»ñϳñáõÃÛáõÝ) ѳïÏáõÃÛ³Ý ÙÇçáóáí ϳñ»ÉÇ ¿ áñáᯐ ½³Ý·í³ÍÇ ³Ý¹³ÙÝ»ñÇ ù³Ý³ÏÁ: úñÇݳϪ employee ½³Ý·í³ÍÇ ³Ý¹³ÙÝ»ñÇ ù³Ý³ÏÁ` employee.length, ѳí³ë³ñ ÏÉÇÝÇ ãáñëÇ: ºñµ ½³Ý·í³ÍÁ ëï»ÕÍí³Í ¿, ¹ñ³Ý ϳñ»ÉÇ ¿ ³í»É³óÝ»É Ýáñ ³Ý¹³ÙÝ»ñ ϳ٠÷áË»É ·áÛáõÃÛáõÝ áõÝ»óáÕÝ»ñÇ ³ñÅ»ùÝ»ñÁ: úñÇݳϪ employee[4]=”ê³Ñ³Ï۳ݔ; //³í»É³óíáõÙ ¿ ¨ë Ù»Ï` ÑÇÝ·»ñáñ¹ (ѳٳñ 4) ³Ý¹³ÙÁ, employee[2]=”ö³÷³½Û³Ý”; // »ññáñ¹ (ѳٳñ 2) ³Ý¹³ÙÇ ³ñÅ»ùÁ ÷áËíáõÙ ¿ª “ê³ñ·ë۳ݔ-Á ÷á˳ñÇÝíáõÙ ¿ ”ö³÷³½Û³Ý”-áí: òÇÏÉ»ñÇ û·ï³·áñÍáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë Ñ»ßïáõÃÛ³Ùµ ³ß˳ï»É ½³Ý·í³ÍÝ»ñÇ Ñ»ïª ï»ë³Ï³íáñ»É, ï³É Ýáñ ³ñÅ»ùÝ»ñ ¨ ÷á÷áË»É ³éϳ ³ñÅ»ùÝ»ñÁ, ³å³Ñáí»É ѳë³Ý»ÉÇáõÃÛáõÝÁ ¨ ³ÛÉÝ: êïáñ¨ µ»ñí³Í ¿ ½³Ý·í³ÍÝ»ñÇ Ñ»ï ³ß˳ï»Éáõ ѳٳñ óÇÏÉ»ñÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï (Íñ³·ñÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 3.2.4-áõÙ:):
ä³ïÏ»ñ 3.2.4. ¼³Ý·í³ÍÝ»ñÇ ¨ óÇÏÉ»ñÇ Ñ³Ù³ï»Õ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï <html> <head> <title>Circles and arrays using example </title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body> 96
<script language="JavaScript"> <!— student = new Array ("ê³ñ·ëÛ³Ý","ä»ïñáëÛ³Ý","îáÝáÛ³Ý", "ì³Ñ³ÝÛ³Ý","ö³÷³½Û³Ý"); numStudents =student.length; document.writeln("ÊÙµáõÙ ëáíáñáõÙ »Ý " + numStudents + " áõë³ÝáÕÝ»ñ <br \/>"); var x=0; while (x<numStudents) { document.writeln ("àõë³ÝáÕ N "+(x+1)+" - "+student[x]+"<br \/>"); x++; } // --> </script> </body></html>
¢ 3.3. JavaScript É»½íÇ ûµÛ»ÏïÝ»ñÁ JavaScript-Á, ÇÝãå»ë ¨ ³ÛÉ Å³Ù³Ý³Ï³ÏÇó Íñ³·ñ³íáñÙ³Ý É»½áõÝ»ñÁ, ûµÛ»Ïï³ÏáÕÙÝáñáßí³Í ¿: ²ÛÝ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ëï»ÕÍ»É ¨ û·ï³·áñÍ»É ÙdzÝÙ³Ý Ñ³ïÏáõÃÛáõÝÝ»ñ áõÝ»óáÕ ûµÛ»ÏïÝ»ñÇ ³Ýí³Ý³Ïáãí³Í ѳٳËÙµ»ñ, áñáÝù Ý»ñ³éáõÙ »Ý µÝáõó·ñáÕ ÷á÷á˳ϳÝÝ»ñ ¨ Ý»ñϳéáõóí³Í ýáõÝÏódzݻñ, ³Ûëå»ë Ïáãí³Í` ѳïÏáõÃÛáõÝÝ»ñ ¨ Ù»Ãá¹Ý»ñ (ëáíáñ³µ³ñ ³Û¹åÇëÇ Ñ³Ù³ËÙµ»ñÁ ³Ýí³ÝáõÙ »Ý ¹³ë»ñ, áñáÝó Ûáõñ³ù³ÝãÛáõñ` áñáß³ÏÇ Ñ³ïÏáõÃÛáõÝÝ»ñ áõÝ»óáÕ ÝÙáõßÁ ÏáãíáõÙ ¿ ûµÛ»Ïï): ú·ï³·áñÍ»Éáí ·ñ³ÝóÙ³Ý Ñ³ïáõÏ Ó¨` ϳñ»ÉÇ ¿ ¹ÇÙ»É ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ ¨ Ù»Ãá¹Ý»ñÇÝ: ²ÛÝ Ñ»ï¨Û³ÉÝ ¿ª ûµÛ»ÏïÇ_³ÝáõÝ.ѳïÏáõÃÛáõÝ Ï³Ù ûµÛ»ÏïÇ_³ÝáõÝ.Ù»Ãá¹() ÆÝãå»ë ï»ëÝáõÙ »Ýù, ûµÛ»ÏïÇ ³ÝáõÝÇó Ñ»ïá ¹ñíáõÙ ¿ Ï»ï ¨ ·ñ³Ýóíáõ٠ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛ³Ý Ï³Ù Ù»Ãá¹Ç ³Ýí³ÝáõÙÁ: ø³ÝÇ áñ Ù»Ãá¹Á ýáõÝÏódz ¿, ³å³ Ù»Ãá¹Ç ³Ýí³ÝáõÙÇó Ñ»ïá ¹ñíáõÙ »Ý ݳ¨ ÏÉáñ ÷³Ï³·Í»ñ (áñáÝó Ù»ç ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõ٠ϳñáÕ »Ý ·ñ³Ýóí»É ݳ¨ ³ñ·áõÙ»ÝïÝ»ñÇ ³ñÅ»ùÝ»ñÁ): ²ñ¹»Ý ¹Çï³ñÏ»É »Ýù document ûµÛ»ÏïÇ writeln() Ù»Ãá¹ÇÝ ¹ÇÙ»Éáõ ûñÇݳÏÝ»ñ: HTML ÷³ëï³ÃáõÕÃÁ (document) Ù»Ï` Ëáßáñ ûµÛ»Ïï ¿: ²ÛÝ áõÝÇ µ³½Ù³ÃÇí ѳïÏáõÃÛáõÝÝ»ñ, áñáÝù Ñݳñ³íáñ ¿ ÷á÷áË»É, ¨ Ñ»Ýó ³Û¹ ѳïÏáõÃÛáõÝÝ»ñÇ Íñ³·ñ³ÛÇÝ ÷á÷áËáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝÝ ¿É JavaScript-Ç ·É˳íáñ ³é³í»ÉáõÃÛáõÝÝ»ñÇó Ù»ÏÝ ¿:
3.3.1. ê»÷³Ï³Ý ûµÛ»ÏïÝ»ñÇ ëï»ÕÍáõÙÁ JavaScript-áõÙ úµÛ»ÏïÝ»ñ ëï»ÕÍ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ new ûå»ñ³ïáñÁ, áñÇ ÙÇçáóáí ëï»ÕÍíáõÙ »Ý ûµÛ»ÏïÝ»ñÇ Ýáñ ÝÙáõßÝ»ñ ¨ ¹ñ³Ýó ѳٳñ ¹ÇݳÙÇÏ Ï»ñåáí ï»Õ ¿ ѳïϳóíáõ٠ѳٳϳñ·ãÇ ÑÇßáÕáõÃÛáõÝáõÙ: úµÛ»ÏïÇ Ýáñ ÝÙáõßÇ ëï»ÕÍÙ³Ý Íñ³·ñ³ÛÇÝ Ïá¹Ç ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª ³ÝáõÝ = new ÏáÝëïñáõÏïáñÇ_³Ýí³ÝáõÙÁ ([³ñ·áõÙ»ÝïÝ»ñÁ]) ºñµ ûµÛ»ÏïÇ ï»ë³ÏÁ ѳÛïÝÇ ¿ ¨ Ùß³Ïí³Í ¿ (ûñÇݳϪ Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÇ ¹»åùáõÙ), áñå»ë ÏáÝëïñáõÏïáñ û·ï³·áñÍíáõÙ ¿ ïíÛ³É ï»ë³ÏÇ ûµÛ»ÏïÇ ³Ýí³ÝáõÙÁ, ûñÇݳϪ myDate=new Date(“Jan 15 2005”); // ëï»ÕÍíáõÙ ¿ ѳÛïÝÇ` “ï³ñ»ÃÇí” (Date) ï»ë³ÏÇ ûµÛ»ÏïÇ Ýáñ ÝÙáõß: JavaScript-áõÙ, ÇÝãå»ë ¨ ³ÛÉ ûµÛ»Ïï³ÏáÕÙÝáñáßí³Í É»½áõÝ»ñáõÙ, Ñݳñ³íáñ ¿ ëï»ÕÍ»É Ý³¨ ë»÷³Ï³Ý ïÇåÇ ûµÛ»ÏïÝ»ñ, ¹ñ³Ýù ûÅï»É ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñáí áõ Ù»Ãá¹Ý»ñáí ¨ û·ï³·áñÍ»É ïíÛ³ÉÝ»ñÁ å³Ñå³Ý»Éáõ ѳٳñ: Üå³ï³ÏÝ Çñ³Ï³Ý³óÝ»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ ëϽµáõÙ ëï»ÕÍ»É å³Ñ³ÝçíáÕ ï»ë³ÏÇ ûµÛ»ÏïÇ Ï³éáõóÙ³Ý ÏáÝëïñáõÏïáñÇ Ó¨³ÝÙáõßÁ, áñÇÝ ïñíáõÙ ¿ ûµÛ»ÏïÇ µÝáõÛÃÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ áñ¨¿ ³ÝáõÝ: Ò¨³ÝÙáõßÁ ÁÝïñí³Í ³ÝáõÝáí ýáõÝÏódz ¿, áñÇ Ý»ñùá this µ³é-µ³Ý³Éáõ ÙÇçáóáí ·ñ³ÝóíáõÙ »Ý ûµÛ»ÏïÇ µáÉáñ ѳïÏáõÃÛáõÝÝ»ñÇÝ ³ñÅ»ùÝ»ñ ï³Éáõ Ññ³Ù³ÝÝ»ñÁ: úñÇݳÏ, ³Ýß³ñÅ ·áõÛùÇ (µÝ³Ï³ñ³ÝÝ»ñÇ) í»ñ³µ»ñÛ³É ïíÛ³ÉÝ»ñ å³Ñå³Ý»Éáõ Ýå³ï³Ïáí ϳñ»ÉÇ ¿ ëï»ÕÍ»É home ³ÝáõÝáí ûµÛ»ÏïÇ ÏáÝëïñáõÏïáñÇ Ó¨³ÝÙáõߪ function home(price,sqmeter,rooms,description) { this.price=price; this.sqmeter=sqmeter; 97
this.rooms=rooms; this.description=description; } ÆÝãå»ë ï»ëÝáõÙ »Ýù, ÏáÝëïñáõÏïáñÁ ýáõÝÏódz ¿, áñÇÝ ÷á˳ÝóíáõÙ »Ý µÝ³Ï³ñ³ÝÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ µÝáñáßáÕ ãáñë ýáñÙ³É å³ñ³Ù»ïñ»ñ (³ñ·áõÙ»ÝïÝ»ñ)ª price (·ÇÝÁ), sqmeter (ٳϻñ»ëÁ), rooms (ë»ÝÛ³ÏÝ»ñÇ ù³Ý³ÏÁ) ¨ description (Ýϳñ³·ñáõÃÛáõÝÁ): üáõÝÏóÇ³Ý ßÝáñÑáõÙ ¿ home ïÇåÇ áñáß³ÏÇ ûµÛ»ÏïÇÝ (ûµÛ»ÏïÇ ÝÙáõßÇÝ) Ýßí³Í ѳïÏáõÃÛáõÝÝ»ñÇ Ñ³Ù³å³ï³ëË³Ý ³ñÅ»ùÝ»ñÁ: àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù this µ³é-µ³Ý³ÉáõÝ: JavaScript-áõÙ ³ÛÝ û·ï³·áñÍíáõÙ ¿ áñå»ë ïíÛ³É ûµÛ»ÏïÇ “óáõó³Ý³Ï” (³ÛëÇÝùÝ` ¹ñ³ ÙÇçáóáí Íñ³·ñ³ÛÇÝ ³ÛÉ Ñ³ïí³ÍÝ»ñÇÝ Ñ³Õáñ¹íáõÙ »Ý ûµÛ»ÏïÇ ï»ë³ÏÁ ׳ݳã»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ïíÛ³ÉÝ»ñÁ): ÎáÝëïñáõÏïáñÁ ϳéáõó»Éáõó Ñ»ïá ³ñ¹»Ý ϳñ»ÉÇ ¿ ëï»ÕÍ»É ûµÛ»ÏïÇ ïíÛ³É ï»ë³ÏÇ ÏáÝÏñ»ï ѳïÏáõÃÛáõÝÝ»ñáí ûÅïí³Í ÝÙáõßÝ»ñ: úñÇݳÏ, »Ã» ó³ÝϳÝáõÙ »Ýù å³Ñå³Ý»É ï»Õ»ÏáõÃÛáõÝÝ»ñ µÝ³Ï³ñ³ÝÇ í»ñ³µ»ñÛ³É, áñÇ ·ÇÝÁ 25000 ¹áɳñ ¿, ٳϻñ»ëÁ 80 ù.Ù., ë»ÝÛ³ÏÝ»ñÇ ù³Ý³ÏÁ 2-Ý ¿, µÝ³Ï³ñ³ÝÁ ϳåÇï³É í»ñ³Ýáñá·í³Í ¿, ßáõñçûñÛ³ ³å³Ñáíí³Í ¿ çñáí: ¸³ ÝáõÛÝå»ë ϳï³ñíáõÙ ¿ new ûå»ñ³ïáñÇ û·ÝáõÃÛ³Ùµª home1=new home(25000, 80, 2, ”γåÇï³É í»ñ³Ýáñá·í³Í ¿, çáõñÁ ßáõñçûñÛ³”); î»ëÝáõÙ »Ýù, áñ ûµÛ»ÏïÇ ÝÙáõßÁ ëï»ÕÍ»Éáõ ѳٳñ home ýáõÝÏódzÛÇ (ÏáÝëïñáõÏïáñÇ) ýáñÙ³É å³ñ³Ù»ïñ»ñÇÝ å³ñ½³å»ë ÷á˳ÝóíáõÙ »Ý ÏáÝÏñ»ï ³ñÅ»ùÝ»ñ, áñáÝù ³ñ¹»Ý ïñíáõÙ »Ý home1 ûµÛ»ÏïÇÝ áñå»ë ѳïÏáõÃÛáõÝÝ»ñÇ ÏáÝÏñ»ï ³ñÅ»ùÝ»ñ, ³ÛëÇÝùݪ home1.price=25000; home1.sqmeter=80; home1.rooms=2; home1.description=” γåÇï³É í»ñ³Ýáñá·í³Í ¿, çáõñÁ ßáõñçûñÛ³”; γñ»ÉÇ ¿ ݳ¨ ëϽµáõÙ ëï»ÕÍ»É ûµÛ»ÏïÁ ¨ ³å³ Ýáñ ûÅï»É ¹ñ³Ý ÏáÝÏñ»ï ѳïÏáõÃÛáõÝÝ»ñáí: úñÇݳϪ home2=new home(); home2.price=50000; home2.sqmeter=100; home2.rooms=3; home2.description=”Ðñ³ß³ÉÇ ï»Õ³Ýù, ãï»ëÝí³Í »íñáí»ñ³Ýáñá·áõÙ”; ÆѳñÏ», ³ÛÝåÇëÇ ¹»åù»ñáõÙ, »ñµ ÏáÝëïñáõÏïáñÇ ýáñÙ³É å³ñ³Ù»ïñ»ñÇÝ ã»Ý ѳÕáñ¹íáõÙ áñáß³ÏÇ ³ñÅ»ùÝ»ñ, å»ïù ¿ ݳ˳ï»ë»É ݳ¨ Áëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÝ»ñÇ (ûñÇݳÏ` ½ñá۳ϳÝ) ßÝáñÑÙ³Ý Ñݳñ³íáñáõÃÛáõÝÁ, ϳ٠ϳéáõó»É ݳ¨ ³é³ÝÓÇݪ Áëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÝ»ñ ßÝáñÑáÕ ÏáÝëïñáõÏïáñ: гïϳÝß³Ï³Ý ¿, áñ ïíÛ³É ï»ë³ÏÇ ûµÛ»ÏïÇ ³é³ÝÓÇÝ ÝÙáõßÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ó³ÝÏÁ ϳñ»ÉÇ ¿ ÁݹɳÛÝ»É, ¨ ¹³ ãÇ ³½¹áõÙ ³ÛÉ ÝÙáõßÝ»ñÇ íñ³, ÝáõÛÝÇëÏ »Ã» ¹ñ³Ýù ëï»ÕÍí³Í »Ý ÙǨÝáõÛÝ ÏáÝëïñáõÏïáñÇ û·ÝáõÃÛ³Ùµ: úñÇݳÏ, »Ã» ³ÝÑñ³Å»ßï ¿ Ýß»É Ý³¨ óճٳëÁ, áñï»Õ ·ïÝíáõÙ ¿ ³é³çÇÝ µÝ³Ï³ñ³ÝÁ, ¹³ ϳñ»ÉÇ ¿ ³Ý»É Ñ»ï¨Û³É »Õ³Ý³Ïáíª home1.location=”λÝïñáÝ Ã³Õ³Ù³ë”; ¨ ¹³ µ³ó³ñӳϳå»ë ãÇ ³½¹Ç ³Û¹ ïÇåÇ ÙÛáõë ÝÙáõßÝ»ñÇ (ûñÇݳÏ, home2-Ç) ѳïÏáõÃÛáõÝÝ»ñÇ íñ³: ÆÝãå»ë Ýᯐ »Ýù, ÙdzµÝáõÛà ûµÛ»ÏïÝ»ñÇ Ûáõñ³ù³ÝãÛáõñ ï»ë³ÏÁ (¹³ëÁ) ϳñáÕ ¿ µÝáõó·ñí»É áã ÙdzÛÝ Ñ³ïÏáõÃÛáõÝÝ»ñáí (÷á÷á˳ϳÝÝ»ñáí), ³Ûɨ Ù»Ãá¹Ý»ñáí: Úáõñ³ù³ÝãÛáõñ Ù»Ãá¹ Ó¨³Ï»ñåíáõÙ ¿ áñå»ë ³é³ÝÓÇÝ ýáõÝÏódz: úñÇݳÏ, ëï»ÕÍ»Ýù ýáõÝÏódz, áñÁ ¹áõñë ϵ»ñÇ ¿Ïñ³ÝÇÝ ûµÛ»ÏïÇ µáÉáñ ÷á÷á˳ϳÝÝ»ñÇ (ÑÇß»Ýùª ѳïÏáõÃÛáõÝÝ»ñÇ) ³ñÅ»ùÝ»ñÁª function ShowListing() { document.writeln(“¶ÇÝÁ – “+this.price +” ¹áɳñ<br \/>”); document.writeln(“سϻñ»ëÁ - ”+this.sqmeter +“ù.Ù.<br \/>”); document.writeln(“ê»ÝÛ³ÏÝ»ñÁ - ”+this.rooms +“<br \/>”); document.writeln(“Üϳñ³·ñáõÃÛáõÝÁª ”+this.description +“<br \/>”); return; } àñå»ë½Ç ³Û¹ ýáõÝÏóÇ³Ý ¹³éݳ home ïÇåÇ ûµÛ»ÏïÇ Ù»Ãá¹, ¹ñ³ ѳÛï³ñ³ñáõÃÛáõÝÁ å»ïù ¿ ³í»É³óÝ»É ûµÛ»ÏïÇ ÏáÝëïñáõÏïáñáõÙ (ÝáõÛÝ »Õ³Ý³Ïáí, ÇÝãå»ë ¨ ѳïÏáõÃÛáõÝÝ»ñÁ, ÙÇ ï³ñµ»ñáõÃÛ³Ùµª Ù»Ãá¹ÇÝ ãÇ ïñíáõÙ ³ñÅ»ù)` function home(price,sqmeter,rooms,description) { this.price=price; this.sqmeter=sqmeter; this.rooms=rooms; this.description=description; this. ShowListing= ShowListing; 98
} ä³ñ½³µ³Ý»Éáõ ѳٳñ ϳ½Ù»Ýù ÷³ëï³ÃáõÕà (Íñ. 3.3.1), áñÇ ³ñï³å³ïÏ»ñáõÙÁ óáõó³¹ñí³Í ¿ å³ïÏ»ñ 3.3.1-áõÙ: Ìñ. 3.3.1. úµÛ»ÏïÇ ëï»ÕÍÙ³Ý ûñÇÝ³Ï <html> <head><title>Objects construct example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head><body> <script language="JavaScript"> <!-function ShowListing() { document.writeln("¶ÇÝÁ – "+this.price +" ¹áɳñ<br \/>"); document.writeln("سϻñ»ëÁ - "+this.sqmeter +"ù.Ù.<br \/>"); document.writeln("ê»ÝÛ³ÏÝ»ñÁ - "+this.rooms +"<br \/>"); document.writeln("Üϳñ³·ñáõÃÛáõÝÁª "+this.description +"<br \/>"); return; } function home(price,sqmeter,rooms,description) { this.price=price; this.sqmeter=sqmeter; this.rooms=rooms; this.description=description; this. ShowListing= ShowListing; } home1=new home(25000,80,2,"γåÇï³É í»ñ³Ýáñá·í³Í ¿, çáõñÁ ßáõñçûñÛ³"); home1.ShowListing(); // --> </script> </body></html>
ä³ïÏ»ñ 3.3.1. úµÛ»ÏïÇ Ù»Ãá¹Ç ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
3.3.2. JavaScript-Ç Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÁ JavaScript-Ý áõÝÇ »ñ»ù ï»ë³ÏÇ Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñ, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ëÏñÇåïÝ»ñáõÙ Ëáõë³÷»É µ³½Ù³ÃÇí ÝٳݳïÇå ·áñÍáÕáõÃÛáõÝÝ»ñÇ Ýϳñ³·ñáõÃÛáõÝÇó: ¸ñ³Ýù ݳ˳ï»ëí³Í »Ý ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕ ÷á÷á˳ϳÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ å³Ñå³Ý»Éáõ ¨ ѳٳå³ï³ëË³Ý ï»ë³ÏÇ ûµÛ»ÏïÝ»ñ ëï»ÕÍ»Éáõ ¹»åùáõÙ` ¹ñ³Ýù û·ï³·áñÍ»Éáõ Ýå³ï³Ïáí: String ûµÛ»ÏïÁ ïñ³Ù³¹ñáõÙ ¿ ïáÕ»ñÇ (ï»ùëïÇ) Ñ»ï ³ß˳ï»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ÷á÷á˳ϳÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ: Úáõñ³ù³ÝãÛáõñ ïáÕ, áñÁ ßÝáñÑíáõÙ ¿ áñ¨¿ ÷á÷á˳ϳÝÇÝ áñå»ë ³ñÅ»ù, ÇÝùݳµ»ñ³µ³ñ ¹³éÝáõÙ ¿ String ïÇåÇ ûµÛ»ÏïÇ ÏáÝÏñ»ï ÝÙáõß: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª 99
str=”²Û, Ñ»Ýó ³ÛëåÇëÇ ÙÇ ïáÕ”; ³å³ str ÷á÷á˳ϳÝÁ ³ñ¹»Ý ÏÉÇÝÇ ïáÕ³ÛÇÝ ïÇåÇ ¨ ÃáõÛÉ Ïï³ û·ïí»É ³Û¹ ï»ë³ÏÇ ûµÛ»ÏïÝ»ñÇ µáÉáñ ѳٳå³ï³ëË³Ý Ù»Ãá¹Ý»ñÇó: String ûµÛ»ÏïÇ ³é³í»É Ñ³×³Ë ÏÇñ³éíáÕ Ù»Ãá¹Ý»ñÁ Ý»ñϳ۳óí³Í »Ý ³ÕÛáõë³Ï 3.3.1-áõÙ:
100
²ÕÛáõë³Ï 3.3.1 String ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ Ø»Ãá¹Á bold charAt fontsize indexOf lastlndexOf substring
Üϳñ³·ñáõÃÛáõÝÁ îáÕÁ ³ñï³å³ïÏ»ñíáõÙ ¿ óí ï³é³ß³ñáí ÀÝïñáõÙ ¿ ³ÝÑñ³Å»ßï ëÇÙíáÉÁ öáËáõÙ ¿ ï³é»ñÇ ¿ ã³÷ëÁ ¶ïÝáõÙ ¿ ï³éÇ Ñ³çáñ¹³Ï³Ý ѳٳñÁ ïáÕáõÙ ¶ïÝáõÙ ¿ ï³éÇ í»ñçÇÝ Ñ³Ù³ñÁ ïáÕáõÙ ÀÝïñáõÙ ¿ ïáÕÇ ÙÇ Ù³ëÁ
úñÇÝ³Ï str.bold() str.charAt(2) str.fontsize(10) str.indexOf(“w”) str.lastlndexOf(“w”) str.substring(1,7)
Üß»Ýù, áñ ³ÕÛáõë³ÏáõÙ µ»ñí³Í µáÉáñ Ù»Ãá¹Ý»ñÁ ßÝáñÑÙ³Ý ·áñÍáÕáõÃÛ³Ý “³ç³ÏáÕÙ۳ݔ ûå»ñ³Ý¹Ý»ñ »Ý, ³ÛëÇÝùÝ` ¹ñ³Ýó ϳï³ñÙ³Ý ³ñ¹ÛáõÝùÁ å»ïù ¿ ßÝáñÑ»É áñ¨¿ ÷á÷á˳ϳÝÇ, áñå»ë½Ç Ñݳñ³íáñ ÉÇÝÇ ³ÛÝ Ñ»ï³·³ÛáõÙ ³ñï³å³ïÏ»ñ»É ϳ٠û·ï³·áñÍ»É: úñÇݳÏ, ¹Çóáõù` ëï»ÕÍáõÙ »Ýù string ïÇåÇ ÷á÷á˳ϳݪ string1=”ê³ ÷áñÓÝ³Ï³Ý ïáÕ ¿ª Ù»Ï, »ñÏáõ, »ñ»ù”; ºÃ» ³ÛÅÙ ó³ÝϳÝáõÙ »Ýù ³ñï³å³ïÏ»ñ»É ïáÕÁ óí ï³é³ß³ñáí, ëϽµáõÙ û·ï³·áñÍáõÙ »Ýù bold() Ù»Ãá¹Á ¨ ëï³óí³Í ³ñ¹ÛáõÝùÁ ßÝáñÑáõÙ ÙÇ ³ÛÉ, ³ë»Ýùª string2 ÷á÷á˳ϳÝÇÝ: ¸ñ³ÝÇó Ñ»ïá ÙdzÛÝ ³å³ÑáíáõÙ »Ýù ïáÕÇ ³ñï³å³ïÏ»ñáõÙÁª string2=string1.bold(); document.writeln(string2); îáÕ³ÛÇÝ ÷á÷á˳ϳÝÇ ëÇÙíáÉÝ»ñÇ Ñ³Ù³ñ³Ï³ÉáõÙÁ ÝÙ³Ý ¿ ½³Ý·í³ÍÝ»ñÇ ï³ññ»ñÇ Ñ³Ù³ñ³Ï³ÉÙ³ÝÁª ëÏëíáõÙ ¿ 0-Çó: ¸³ å»ïù ¿ ѳßíÇ ³éÝ»É, »ñµ û·ï³·áñÍíáõÙ »Ý Çݹ»ùëÝ»ñÇ Ñ»ï ϳåí³Í Ù»Ãá¹Ý»ñÁª charAt(), indexOf(), lastlndexOf(), substring(): ä³ñ½³µ³Ý»Ýù ûñÇݳÏáí: ¸Çóáõù` myString ÷á÷á˳ϳÝÇÝ ßÝáñÑí»É ¿ Ñ»ï¨Û³É ³ñÅ»ùÁª myString=”²Ûë ïáÕÁ ͳé³ÛáõÙ ¿ áñå»ë ûñÇݳϔ; ÆÝãå»ë Ýß»óÇÝù, myString-Á ÇÝùݳµ»ñ³µ³ñ ¹³éÝáõÙ ¿ String ïÇåÇ ûµÛ»Ïï ¨, ѻ勉µ³ñ, ¹ñ³Ý ѳïáõÏ »Ý String-Ç µáÉáñ Ù»Ãá¹Ý»ñÁ: îáÕÁ å³ñáõݳÏáõÙ ¿ 32 ëÇÙíáÉ, ù³ÝÇ áñ µ³ó³ÏÁ ÝáõÛÝå»ë ëÇÙíáÉ ¿ ѳٳñíáõÙ: îáÕÇ Ñ³ßíáí ³é³çÇݪ “²” ëÇÙíáÉÇ Çݹ»ùëÁ 0-Ý ¿, ÇëÏ í»ñçÇݪ “Ï”-ÇÝÁª 31-Á: ¸³ Ý߳ݳÏáõÙ ¿, áñ »Ã», ûñÇݳÏ, ó³ÝϳÝáõÙ »Ýù å³ñ½»É, û DZÝã ëÇÙíáÉ ¿ ѳßíáí 15-ñ¹Á, å»ïù ¿ ·ñ»Ýùª myString.charAt(14) (ù³ÝÇ áñ Çݹ»ùë³ÛÇÝ Ñ³ßí³ñÏÁ ëÏëíáõÙ ¿ 0-Çó): гñϳíáñ ¿ áõß³¹Çñ ÉÇÝ»É substring(m,n) Ù»Ãá¹Á ÏÇñ³é»ÉÇë: ¸ñ³ ÙÇçáóáí ³é³ÝÓݳóíáõÙ ¿ (Çݹ»ùë³ÛÇÝ Ñ³ßí³ñÏáí) ëϽµÝ³Ï³Ý ïáÕÇ ³ÛÝ »ÝóïáÕÁ, áñÝ Áݹ·ñÏáõÙ ¿ ëÇÙíáÉÝ»ñÁ` ëÏë³Í m-Çó ÙÇÝ㨠(n-1)-ñ¹Á Ý»ñ³éÛ³É: êïáñ¨ µ»ñí³Í Íñ³·ñáõÙ óáõó³¹ñí³Í »Ý String ûµÛ»ÏïÇ áñáß Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÝ»ñ (ï»ë ݳ¨ª å³ïÏ»ñ 3.3.2): Ìñ. 3.3.2. String ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <html > <head><title>String object example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body marginleft="1"> <script language="JavaScript"> <!-var myString="²Ûë ïáÕÁ ͳé³ÛáõÙ ¿ áñå»ë ûñÇݳÏ"; lengh=myString.length; charat=myString.charAt(5); indof=myString.indexOf("³"); indofh=indof+1; lindof=myString.lastIndexOf("³"); 101
lindofh=lindof+1; substr=myString.substring(4,10); document.writeln("<b>myString ïáÕÁª \"²Ûë ïáÕÁ ͳé³ÛáõÙ ¿ áñå»ë ûñÇݳÏ\"<\/b><br \/>"); document.writeln("îáÕÁ å³ñáõݳÏáõÙ ¿ <b>"+lengh+"<\/b> ëÇÙíáÉ \(áñå»ë ëÇÙíáÉ ÁݹáõÝíáõÙ »Ý ݳ¨ µ³ó³ÏÝ»ñÁ\)<br \/>"); document.writeln("<b>1. myString.charAt\(5\) Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ<\/b><br \/>"); document.writeln("îáÕÇ Ñ³ßíáí 6-ñ¹ ëÇÙíáÉÁ, áñÝ áõÝÇ 5 Çݹ»ùë - <b>"+charat+"<\/b>-Ý ¿<br \/>"); document.writeln("<b>2. myString.indexOf\(\"³\"\) Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ<\/b><br \/>"); document.writeln("<b>³<\/b> ï³éÁ ³é³çÇÝ ³Ý·³Ù ѳݹÇåáõÙ ¿ ïáÕáõÙ - <b>"+indof+"<\/b>-ñ¹ ¹ÇñùáõÙ \(ѳßíáí<b>"+indofh+"<\/b>-ñ¹áõÙ\)<br \/>"); document.writeln("<b>3. myString.lastindexOf\(\"³\"\) Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ<\/b><br \/>"); document.writeln("<b>³<\/b> ï³éÁ í»ñçÇÝ ³Ý·³Ù ѳݹÇåáõÙ ¿ ïáÕáõÙ - <b>"+lindof+"<\/b>-ñ¹ ¹ÇñùáõÙ \(ѳßíáí <b>"+lindofh+"<\/b>-ñ¹áõÙ\)<br \/>"); document.writeln("<b>4. myString.substring\(4,10\) Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ<\/b><br \/>"); document.writeln("substring\(4,10\) »ÝóïáÕÁ - <b>\""+substr+"\"<\/b> Áݹ·ñÏáõÙ ¿ ëϽµÝ³Ï³Ý ïáÕÇ` ѳßíáí 5-Çó ÙÇÝ㨠ѳßíáí 10-ñ¹ ëÇÙíáÉÝ»ñÁ: ºÃ» ¹³ ³ñï³Ñ³Ûï»Ýù Çݹ»ùëÝ»ñáí, ³å³ 4-Çó ÙÇÝ㨠9ñ¹ ëÇÙíáÉÁ Ý»ñ³éÛ³É<br \/>"); // --> </script> </body></html> àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, áñ document.writeln() Ù»Ãá¹Á ÏÇñ³é»ÉÇë, ³ÛÝ ëÇÙíáÉÝ»ñÇ ³éç¨, áñáÝù å»ïù ¿ í»ñͳÝí»Ý áñå»ë ³ñï³å³ïÏ»ñíáÕ ï»ùëï ϳ٠HTML ·Í³ÝßáõÙ (ûñÇݳϪ ÷³Ï³·Í»ñÇ, ã³Ï»ñïÝ»ñÇ ¨ ß»Õ ·Í»ñÇ), ¹ñí³Í ¿ “\” (ѳϳé³Ï ß»Õ ·ÇÍÁ), áñÁ, ÑÇß»óÝ»Ýù, ûɳ¹ñáõÙ ¿ JavaScript-Ç í»ñͳÝÇãÇÝ, áñ ¹ñ³Ý ³ÝÙÇç³å»ë ѳçáñ¹áÕ ëÇÙíáÉÁ Çñ»ÝÇó Ý»ñϳ۳óÝáõÙ ¿ ϳ٠ëáíáñ³Ï³Ý ï»ùëï, ϳ٠HTML ·Í³ÝßáõÙ, ³ÛÉ áã ͳé³ÛáÕ³Ï³Ý Íñ³·ñ³ÛÇÝ ëÇÙíáÉ: úñÇݳϪ »Ã» ³ÝÑñ³Å»ßï ¿ ³ñï³å³ïÏ»ñ»É Ñ»ï¨Û³É ï»ùëïÁª ÑÛáõÉ»Ç “ÙÇçáõÏÁ” µ³Õϳó³Í ¿, ³å³ å»ïù ¿ ·ñ³Ýó»Éª document.writeln(“ÑÛáõÉ»Ç \”ÙÇçáõÏÁ\” µ³Õϳó³Í ¿”); ÆÝãå»ë ï»ëÝáõÙ »Ýù, ã³Ï»ñïÝ»ñáõÙ ·ñ³Ýóí³Í Ûáõñ³ù³ÝãÛáõñ ã³Ï»ñïÇ ³éç¨áõÙ ¹ñí³Í ¿ “\” Ýß³ÝÁ: ºÃ» Ññ³Ù³ÝÁ ·ñ³Ýóí»ñ Ñ»ï¨Û³É ï»ëùáíª document.writeln(“ÑÛáõÉ»Ç ”ÙÇçáõÏÁ” µ³Õϳó³Í ¿”); ³å³ í»ñͳÝÇãÁ É³í³·áõÛÝ ¹»åùáõ٠ϳñï³å³ïÏ»ñ»ñ ÙdzÛÝ “ÑÛáõɻǓ µ³éÁ, ù³ÝÇ áñ writeln() Ù»Ãá¹áõÙ ã³Ï»ñïÝ»ñÇ Ûáõñ³ù³ÝãÛáõñ ½áõÛ· ³é³ÝÓݳóÝáõÙ ¿ ï»ùëï ϳ٠HTML ·Í³ÝßáõÙ: öá÷á˳ϳÝÝ»ñÁ ·ñ³ÝóíáõÙ »Ý ³é³Ýó ã³Ï»ñïÝ»ñÇ, ÇëÏ ³é³ÝÓÇÝ “ÏïáñÝ»ñÁ” (ï»ùëïÁ, ÷á÷á˳ϳÝÝ»ñÁ, HTML Ïá¹Á) ÏóíáõÙ »Ý ÙÇÙÛ³Ýó ·áõÙ³ñÙ³Ý Ýß³ÝÇ ÙÇçáóáí, ûñÇݳϪ document.writeln(“ï»ùëï”+÷á÷á˳ϳÝ+”HTML Ïá¹”); Math ûµÛ»ÏïÝ áõÝÇ ÙÇ ß³ñù ѳïÏáõÃÛáõÝÝ»ñ ¨ Ù»Ãá¹Ý»ñ ٳûٳïÇÏ³Ï³Ý ýáõÝÏódzݻñÇ ¨ ѳëï³ïáõÝ Ù»ÍáõÃÛáõÝÝ»ñÇ Ñ»ï ³ß˳ï»Éáõ ѳٳñ: ¶ñ³ÝóÙ³Ý »Õ³Ý³ÏÁ Ñ»ï¨Û³ÉÝ ¿ª Math.Ù»ÃṠϳ٠Math.ѳïÏáõÃÛáõÝ: ²ÕÛáõë³Ï 3.3.2-áõÙ µ»ñí³Í »Ý ³Û¹ ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ: Date ûµÛ»ÏïÁ ë³ï³ñáõÙ ¿ ųٳݳÏÇ ¨ ï³ñ»Ãí»ñÇ Ñ»ï ³ß˳ï»Éáõ ѳٳñ ³ÝÑñ³Å»ßï Ù»Ãá¹Ý»ñÁ, áñáÝóÇó ÑÇÙݳϳÝÝ»ñÁ Ý»ñϳ۳óí³Í »Ý ³ÕÛáõë³Ï 3.3.3-áõÙ: Àݹ áñáõÙ, ¹ñ³Ýù ÃáõÛÉ »Ý ï³ÉÇë áã ÙdzÛÝ ëï³Ý³É ÁÝóóÇÏ ï³ñ¨ÃÇíÁ ϳ٠ųٳݳÏÁ, ³Ûɨ ¹ñ³Ýó Ñ»ï ٳûٳïÇÏ³Ï³Ý ·áñÍáÕáõÃÛáõÝÝ»ñ ϳï³ñ»É: úµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ û·ï³·áñÍ»Éáõ Ýå³ï³Ïáí ëï»ÕÍíáõÙ ¿ ÏáÝÏñ»ï ÝÙáõß (¹³ñÓÛ³É new ûå»ñ³ïáñÇ û·ÝáõÃÛ³Ùµ)ª todaydate=new Date();
102
ä³ïÏ»ñ 3.3.2. String ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï ²ÕÛáõë³Ï 3.3.2 Math ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ Ø»Ãá¹Á abs acos asin atan cos sin tan ceil floor exp log pow max min round sqrt random
ì»ñ³¹³ñÓíáÕ ³ñ¹ÛáõÝùÁ ÂíÇ Ùá¹áõÉÁ arccos arcsin arctg cos sin tg Øáï³Ï³ Ù»Í ³ÙµáÕç ÃÇíÁ Øáï³Ï³ ÷áùñ ³ÙµáÕç ÃÇíÁ ¾ùëåáÝ»ÝïÁ (e-Ç ³ëïÇ׳ÝÁ) ´Ý³Ï³Ý Éá·³ñÇÃÙÁ Ã1-Ç Ã2 ³ëïÇ׳ÝÁ ºñÏáõ Ãí»ñÇó ٻͳ·áõÛÝÁ ºñÏáõ Ãí»ñÇó ÷áùñ³·áõÛÝÁ ÎÉáñ³óí³Í ÃÇíÁ ÂíÇ ù³é³ÏáõëÇ ³ñÙ³ïÁ ä³ï³Ñ³Ï³Ý ÃÇí (0<ÃÇí<1)
¶ñ³ÝóÙ³Ý Ó¨Á Math.abs(ÃÇí)) Math.acos(ÃÇí)) Math.asin(ÃÇí)) Math.atan(ÃÇí)) Math.cos(ÃÇí)) Math.sin(ÃÇí)) Math.tan(ÃÇí)) Math.ceil(ÃÇí)) Math.floor(ÃÇí)) Math.exp(ÃÇí)) Math.log(ÃÇí) Math.pow(Ã1,Ã2) Math.max(Ã1,Ã2) Math.min(Ã1,Ã2) Math.round(ÃÇí) Math.sqrt(ÃÇí) Math.random()
²ÕÛáõë³Ï 3.3.3 Date ûµÛ»ÏïÇ ÑÇÙÝ³Ï³Ý Ù»Ãá¹Ý»ñÁ Ø»Ãá¹Á getDate() getDay() getHours() getMinutes() getMonth() getSeconds() getTime()
ì»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ ²Ùë³ÃÇíÁ Þ³µ³Ãí³ ûñÁ, áñå»ë ³ÙµáÕç ÃÇí (0-Çóª ÏÇñ³ÏÇ ÙÇÝ㨠6-Áª ß³µ³Ã ) ijÙÁ (0-Çó ÙÇÝ㨠23-Á) ðáå»Ý ²ÙÇëÁ, áñå»ë ³ÙµáÕç ÃÇí (0-Çó ÙÇÝ㨠11-Á) ì³ÛñÏÛ³ÝÝ»ñÁ ÀÝóóÇÏ ³Ùë³ÃíÇ ¨ 1970 ÃíÇ ÑáõÝí³ñÇ 1-Ç 00:00:00 ï³ñµ»ñáõÃÛáõÝÁ (·ñÇÝíÇãÇ Å³Ù³Ý³Ïáí)
103
getTimeZoneOffSet() getYear() parse(³Ùë³ÃÇí)
toGMTString() toLocaleString()
ÙÇÉÇí³ÛñÏÛ³ÝÝ»ñáí î³ñµ»ñáõÃÛáõÝÁ (ñáå»Ý»ñáí) ï»Õ³Ï³Ý ¨ ·ñÇÝíÇãÛ³Ý Å³Ù»ñÇ ÙÇç¨ î³ñ»ÃÇíÁ, áñå»ë ³ÙµáÕç (»ñÏáõ ÝÇßÁ) î³ñµ»ñáõÃÛáõÝÁ ÷³Ï³·Í»ñáõÙ Ýß³Í ³Ùë³ÃíÇ ¨ 1970 ÃíÇ ÑáõÝí³ñÇ 1-Ç 00:00:00 (·ñÇÝíÇãÇ Å³Ù³Ý³Ïáí) ÙÇÉÇí³ÛñÏÛ³ÝÝ»ñáí ¶ñÇÝíÇãÛ³ÝÇ ÷á˳ñÏí³Í ï»Õ³Ï³Ý ųٳݳÏÁ î»Õ³Ï³ÝÇ ÷á˳ñÏí³Í ·ñÇÝíÇãÛ³Ý Å³Ù³Ý³ÏÁ
ºÃ» ÷³Ï³·Í»ñáõÙ áãÇÝã Ýßí³Í ã¿, ³å³ ûµÛ»ÏïÇÝ Áëï Éé»ÉÛ³ÛÝ ïñíáõÙ »Ý ÁÝóóÇÏ Å³Ù³Ý³ÏÁ ¨ ï³ñ»ÃÇíÁ Ñ»ï¨Û³É Ó¨³ã³÷áíª ûñ ³ÙÇë ³Ùë³ÃÇí ÅÅ:ðð:ìì ·áïÇ ï³ñÇ: ´»ñ»Ýù Date ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï (ï»ëª Íñ. 3.3.3 ¨ å³ïÏ»ñ 3.3.3): Ìñ. 3.3.3. Date ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <html> <head> <title> String object example </title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body marginleft="1"> <script language="JavaScript"> <!-var myDate=new Date(); document.writeln("ê³ÑٳݻÝù Date ï»ë³ÏÇ ûµÛ»Ïïª myDate=new Date\(\)<br \/>"); document.writeln( "ÀÝóóÇÏ Å³Ù³Ý³ÏÁ ¨ ï³ñ»ÃÇíÁ ³Û¹ ûµÛ»ÏïáõÙ ëï³óíáõÙ »Ý Ñ»ï¨Û³É Ó¨áíª "+ "<br \/><b>"+myDate+"<\/b><br />" ); myAmsativ=myDate.getDate(); myDay=myDate.getDay(); myMonth=myDate.getMonth(); myMonth=myMonth+1; myYear=myDate.getYear(); document.writeln( "²Ûëûñ "+myYear+" Ãí³Ï³ÝÇ "+myMonth+"-ñ¹ ³Ùëí³ "+ myAmsativ+"-Ý ¿<br \/>" ); document.writeln( "ijÙÁª "+myDate.getHours()+":"+ myDate.getMinutes()+":"+myDate.getSeconds()+"<br \/>" ); // </script> </body> </html>
104
ä³ïÏ»ñ 3.3.3. Date ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ
3.3.3. JavaScript-Ç Ý»ñϳéáõóí³Í ýáõÝÏódzݻñÁ
Ü»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÇó µ³óÇ, JavaScript-áõÙ ·áÛáõÃÛáõÝ áõÝ»Ý Ý»ñϳéáõóí³Í ýáõÝÏódzݻñ, áñáÝù Ù»Ãá¹Ý»ñ ã»Ý ¨ áñáÝù Ñݳñ³íáñ ¿ û·ï³·áñÍ»É ³é³Ýó ûµÛ»ÏïÝ»ñ ëï»ÕÍ»Éáõ: ÐÇÙݳϳÝáõÙ ¹ñ³Ýù û·ï³·áñÍíáõÙ »Ý ÷á÷á˳ϳÝÝ»ñÇ Ï³Ù ûµÛ»ÏïÝ»ñÇ ï»ë³ÏÁ ëïáõ·»Éáõ ϳ٠÷áË»Éáõ Ýå³ï³Ïáí: 1. escape(ëÇÙíáÉ) ýáõÝÏóÇ³Ý Ý»ñϳ۳óÝáõÙ ¿ ³ñ·áõÙ»ÝïÇ ³ñÅ»ùÁ µáÉáñ ï»ë³ÏÇ Ñ³Ù³Ï³ñ·ÇãÝ»ñÇÝ Ñ³ëϳݳÉÇ ï³ëÝí»ó³Ï³Ý Ïá¹áí Ñ»ï¨Û³É ï»ëùáí. %XX (ɳïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ ï³é»ñÁ ¨ Ãí³Ýß³ÝÝ»ñÁ í»ñ³¹³ñÓíáõÙ »Ý ³Ý÷á÷áË): 2. eval(³ñï³Ñ³ÛïáõÃÛáõÝ) ýáõÝÏóÇ³Ý í»ñ³¹³ñÓÝáõÙ ¿ ³ñï³Ñ³ÛïáõÃÛ³Ý ·áñÍáÕáõÃÛáõÝÝ»ñÇ Ï³ï³ñÙ³Ý ³ñÅ»ùÁ: Àݹ áñáõÙ, ³ñï³Ñ³ÛïáõÃÛ³Ý ûå»ñ³Ý¹Ý»ñÁ å»ïù ¿ å³ñáõÝ³Ï»Ý ÙdzÛÝ Ãí³Ýß³ÝÝ»ñ: úñÇݳÏ, »Ã» ·ñ³ÝóíǪ a=25; b=33; c=eval(a+b); ³å³ ³ñ¹ÛáõÝùáõÙ Ïëï³óíÇ 58, ù³ÝÇ áñ a ¨ b ÷á÷á˳ϳÝÝ»ñÁ Ãí»ñ »Ý ¨ ·áõÙ³ñíáõÙ »Ý áñå»ë Ãí»ñ: ÆëÏ »Ã»ª a=”25”; b=”37”; c=eval(a+b); ³ñ¹ÛáõÝùáõÙ Ïëï³óíÇ 2537, ù³ÝÇ áñ ³Ûë ¹»åùáõÙ a ¨ b ÷á÷á˳ϳÝÝ»ñÁ ïáÕ»ñ »Ý, ÇëÏ ïáÕ»ñÁ ·áõÙ³ñÙ³Ý ³ñ¹ÛáõÝùáõÙ å³ñ½³å»ë ÏóíáõÙ »Ý ÙÇÙÛ³Ýó: 3. isNaN(³ñÅ»ù) í»ñ³¹³ñÓÝáõÙ ¿ true, »Ã» ³ñ·áõÙ»ÝïÇ ³ñÅ»ùÁ ÃÇí ã¿ ¨ false` ѳϳé³Ï ¹»åùáõÙ: 4. parseInt(ïáÕ) ÷³Ï³·Í»ñáõÙ ·ñ³Ýóí³Í ïáÕÁ ¹³ñÓÝáõÙ ¿ ³ÙµáÕç ÃÇí: ºñµ ïáÕÁ å³ñáõݳÏáõÙ ¿ áã ÙdzÛÝ Ãí³Ýß³ÝÝ»ñ` í»ñ³¹³ñÓÝáõÙ ¿ NaN ³ñÅ»ùÁ (not a numberª ÃÇí ã¿) 5. typeOf(ûµÛ»Ïï) í»ñ³¹³ñÓÝáõÙ ¿ ûµÛ»ÏïÇ ï»ë³ÏÁ áñå»ë ïáÕ: Ðݳñ³íáñ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÝ»ñÁ í»óÝ »Ýª “boolean”, “function”, “number”, “string”, “date” ¨ “undefined”: ´»ñ»Ýù Ý»ñϳéáõóí³Í ýáõÝÏódzݻñÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï (ï»ë` Íñ. 3.3.4 ¨ å³ïÏ»ñ 3.3.4): Ìñ. 3.3.4. Ü»ñϳéáõóí³Í ýáõÝÏódzݻñÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï <html > <head> <title>Functions example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body> <script language="JavaScript"> <!-a=25;b=37; document.writeln("1. ºñÏáõ Ãí³ÛÇÝ ³ñÅ»ùÝ»ñáíª a=25, b=37 ÷á÷á˳ϳÝÝ»ñÇ ·áõÙ³ñÁ 105
<b>eval&#40;a+b&#41; ="+eval(a+b)+": <\/b><br \/>"); str1="25";str2="37"; document.writeln( "2. ºñÏáõ ïáÕ³ÛÇÝ ³ñÅ»ùÝ»ñáíª str1=&#34;25\", str2=\"37\" ÷á÷á˳ϳÝÝ»ñÇ ·áõÙ³ñÁ <b>eval&#40;str1+str2&#41; = "+eval(str1+str2)+" <\/b>&#40;ïáÕ»ñÁ ÏóíáõÙ »Ý&#41;:<br \/>"); resesc=escape("³ µ · ç ab 5"); document.writeln("3. <b>escape<\/b> ýáõÝÏóÇ³Ý í»ñ³¹³ñÓÝáõÙ ¿ ëÇÙíáÉÝ»ñÇ \(³Û¹ ÃíáõÙ ¨ ͳé³ÛáճϳÝ, ûñÇݳϪ µ³ó³ÏÇ %20\) ï³ëÝí»ó³Ï³Ý Ïá¹»ñÁ <b>escape&#40;\"³ µ · ç ab 5\"&#41; = "+resesc+"<\/b>: ÆÝãå»ë ϳñáÕ »ù ï»ëݻɪ ɳïÇÝ³Ï³Ý ³Ûµáõµ»ÝÇ ï³é»ñÁ ¨ Ãí»ñÁ ã»Ý Ó¨³÷áËíáõÙ:<br \/>"); k="35"; document.writeln("4. ²ÛÝ ¹»åùáõÙ, »ñµ ïáÕÁ ³ÙµáÕçáíÇÝ µ³Õϳó³Í ¿ Ãí³Ýß³ÝÝ»ñÇó, ûñÇݳϪ k=\"35\", ³å³ <b>parseInt&#40;k&#41;<\/b> Ù»Ãá¹Á í»ñ³¹³ñÓÝáõÙ ¿ <b>"+parseInt(k)+"<\/b> Ãí³ÛÇÝ ³ñÅ»ùÁ:<br \/>"); str3="a2b5"; int1=parseInt(str3); document.writeln("5. ²ÛÝ ¹»åùáõÙ, »ñµ ïáÕ»ñÁ ³ÙµáÕçáíÇÝ ã»Ý µ³Õϳó³Í Ãí³Ýß³ÝÝ»ñÇó, ûñÇݳϪ str3=\"a2b5\", ³å³ <b>parseInt&#40;str3&#41;<\/b> Ù»Ãá¹Á í»ñ³¹³ñÓÝáõÙ ¿ <b>"+int1+"<\/b> ³ñÅ»ùÁ:<br \/>"); var str4="´³ñ¨ Ò»½"; document.writeln("6. ºÃ» ÷á÷á˳ϳÝÇÝ ïñíÇ ïáÕ³ÛÇÝ ³ñÅ»ù, ûñÇݳϪ str4=\"´³ñ¨ Ò»½\", ³å³ <b>typeof&#40;str4&#41;<\/b> ýáõÝÏóÇ³Ý Ïí»ñ³¹³ñÓÝÇ <b>"+typeof(str4)+"<\/b> ³ñÅ»ùÁ:");//--> </script> </body></html> àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, áñ Íñ³·ñáõÙ áñáß Ñ³ïáõÏ Ýß³ÝÝ»ñÁ ³ñï³å³ïÏ»ñ»Éáõ Ýå³ï³Ïáí û·ï³·áñÍí³Í »Ý åñÇÙÇïÇíÝ»ñª µ³óáÕ ÷³Ï³·Çͪ“(“ - &#40; ÷³ÏáÕ ÷³Ï³·Çͪ “)” - &#41;:
106
ä³ïÏ»ñ 3.3.4. Ü»ñϳéáõóí³Í ýáõÝÏódzݻñÇ ÏÇñ³éáõÃÛáõÝÁ
¢ 3.4. Æñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ùß³ÏáõÙÁ JavaScript-áõÙ JavaScript É»½íÇ Ï³ñ¨áñ³·áõÛÝ ýáõÝÏódzݻñÇó Ù»ÏÁ û·ïíáÕÇ ï³ñµ»ñ ·áñÍáÕáõÃÛáõÝÝ»ñÇÝ ³ñÓ³·³Ýù»ÉÝ ¿: ÆÝãå»ë ³ñ¹»Ý ³ëí»É ¿, ³ÛÝ ³Ù»ÝÁ, ÇÝã û·ïíáÕÁ ϳï³ñáõÙ ¿ ¿çáõÙ, ÇÝãå»ë ݳ¨ ³ÛÝ ³Ù»ÝÁ, ÇÝã ϳï³ñíáõÙ ¿ µñ³áõ½»ñáõÙª Çñ³¹³ñÓáõÃÛáõÝÝ»ñ »Ý, ÉÇÝÇ ¹³ Ïá׳ÏÇ Ï³Ù ëï»ÕÝÇ ë»ÕÙáõÙ, ÙÏÝÇÏÇ ÝßÇãÇ ß³ñÅáõ٠ϳ٠áñ¨¿ ûµÛ»ÏïÇ íñ³ ï»Õ³¹ñáõÙ, ¿çÇ Ý»ñÙáõÍáõÙ ¨ ³ÛÉÝ: Æñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ùß³ÏáõÙÁ ϳ½Ù³Ï»ñå»Éáõ ѳٳñ å»ïù ¿ Ý³Ë Ñ³ëϳݳÉ, û ÇÝãå»±ë »Ý ëï»ÕÍíáõÙ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÁ Ùß³ÏáÕ ýáõÏódzݻñÇ Ï³Ýã»ñÁ, ³Ûëå»ë Ïáãí³Í, “Ùß³ÏÇãÝ»ñÇ” ÙÇçáóáí: ÀݹѳÝáõñ ¹»åùáõÙ Ùß³ÏÇãÇ ëï»ÕÍÙ³Ý Ó¨³ã³÷Á Ñ»ï¨Û³ÉÝ ¿ª <ï³ññ Ùß³ÏÇã=”ýáõÝÏódzÛÇ Ï³Ýã”>: î»ëÝáõÙ »Ýù, áñ Ùß³ÏÇãÁ Ó¨³Ï»ñåíáõÙ ¿ áñå»ë HTML ï³ññÇ µÝáõó·ñÇã, áñÇ ³ñÅ»ùÁ Çñ³¹³ñÓáõÃÛáõÝÁ Ù߳ϻÉáõ ѳٳñ ݳ˳ï»ëí³Í ýáõÝÏódzÛÇ Ï³ÝãÝ ¿ ϳÙ, áñáß ¹»åù»ñáõÙ, ³ÝÙÇç³å»ë ϳï³ñíáÕ Íñ³·ñ³ÛÇÝ Ïá¹Á: ¶áÛáõÃÛáõÝ áõÝÇ HTML ï³ññ»ñÇ áñáß³ÏÇ` Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ùß³ÏÇãÝ»ñÇ ëï»ÕÍáõÙÁ ë³ï³ñáÕ Ñ³í³ù³Íáõ: ÐÇÙݳϳÝáõÙ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÁ ϳåí³Í »Ý <form> ï»·Ç Ñ»ï, ë³Ï³ÛÝ Ï³Ý Ùß³ÏÇãÝ»ñ, áñáÝù “ëå³ë³ñÏáõÙ »Ý” ÙÇ ß³ñù ³ÛÉ ï»·»ñ: ¶áÛáõÃÛáõÝ áõÝ»Ý Ý³¨ ÙdzÛÝ áñáß³ÏÇ ï³ññ»ñÇÝ Ñ³ïáõÏ Ùß³ÏÇãÝ»ñ: ²ÕÛáõë³Ï 3.4.1-áõÙ Ý»ñϳ۳óí³Í »Ý ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕ Ùß³ÏÇãÝ»ñÇ Ýϳñ³·ñáõÃÛáõÝÝ»ñÁ: ¸Åí³ñ ã¿ Ýϳï»É, áñ Ùß³ÏÇãÁ å³ñ½³å»ë ѳٳå³ï³ëË³Ý Çñ³¹³ñÓáõÃÛ³Ý ³Ýí³ÝáõÙÝ ¿, áñÇ ëϽµáõÙ ³í»É³óí³Í ¿ “on” Ù³ëÝÇÏÁ, ûñÇݳϪ onclick, onfocus ¨ ³ÛÉÝ: γéáõó»Ýù ëó»Ý³ñ, áñÝ û·ïíáÕÇÝ ÃáõÛÉ Ïï³ Ý»ñÙáõÍ»Éáí Ï³Ù³Û³Ï³Ý ÃÇí ¨ ëï»ÕÍ»Éáí Çñ³¹³ñÓáõÃÛáõݪ ÙÏÝÇÏÇ Ó³Ë ëï»ÕÝÇ ë»ÕÙ³ÝßáõÙ (¹ñ³Ý ѳٳå³ï³ë˳ÝáõÙ ¿ onclick Ùß³ÏÇãÁ), ëï³Ý³É å³ï³ë˳ÝÁ å³ïáõѳÝáõÙ: êϽµáõ٠ϳéáõó»Ýù »ñÏáõ ï»ùëï³ÛÇÝ å³ïáõѳÝÝ»ñÇó ¨ Ù»Ï Ïá׳ÏÇó µ³Õϳó³Í å³ïÏ»ñ³Ó¨ª <form> Ü»ñÙáõÍ»ù ÃÇíÁ <input type="text" name=”usrEntry” id="usrEntry" size="2" /> <br /> 107
ÂíÇ ù³é³ÏáõëÇÝ Ñ³í³ë³ñ ¿ <input type="text" name="result" id="result" size="5" readonly= "readonly"/> <br /> <input type="button" value="Count" /> </form> î»ùëï³ÛÇÝ å³ïáõѳÝÝ»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÇÝ ïñí³Í »Ý »½³ÏÇ ³ÝáõÝ (ÑÇÝ µñ³áõ½»ñÝ»ñÇ Ñ³Ù³ñ) ¨ ǹ»ÝïÇýÇϳïáñ (Ýáñ ëï³Ý¹³ñïÇÝ Ñ³Ù³å³ï³ë˳Ý): “usrEntry” å³ïáõѳÝÁ ͳé³ÛáõÙ ¿ ÃÇíÁ Ùáõïù³·ñ»Éáõ, ÇëÏ “result”-Áª ³ñ¹ÛáõÝùÁ ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ: Øáõïù³·ñ»Éáí ÃÇíÁ ¨ ë»ÕÙ»Éáí Ïá׳ÏÁ` û·ïíáÕÁ Ïï»ëÝÇ ³ñ¹ÛáõÝùÁ:
108
²ÕÛáõë³Ï 3.4.1 Æñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ùß³ÏÇãÝ»ñÁ Øß³ÏÇãÁ 1 onfocus
onblur
onclick
ondblclick onchange onkeydown
onkeypressed
onkeyup onload onunload onmouseover onmousedown onmouseup
ä³ï³Ñ³ñÁ 2
î³ññ»ñÁ 3
ä³ïÏ»ñ³Ó¨Ç (ϳ٠áñáß ³ÛÉ) input, select, textarea, ï³ññÇ Éñ³óáõÙ (ýáÏáõëÇ button, a, label ëï³óáõÙ)` ëï»ÕÝÇ Ï³Ù ÙÏÝÇÏÇ ë»ÕÙáõÙ üáÏáõëÇ ÏáñáõëïÁ, »ñµ ÜáõÛÝ ï³ññ»ñÁ, ëï»ÕÝÁ ϳ٠ÙÏÝÇÏÇ Ïá׳ÏÁ ÇÝã ¨ onfocus Ùß³ÏÇãÇ ë»ÕÙíáõÙ »Ý ï³ññÇó ¹áõñë ѳٳñ ú·ïíáÕÁ ë»ÕÙ³ÝßáõÙ ¿ ÙÏÝÇÏÇ ´áÉáñ ï³ññ»ñÇ Ñ³Ù³ñ Ó³Ë ëï»ÕÝÁ, »ñµ ÝßÇãÁ ï³ññÇ íñ³ ¿ ÎñÏݳÏÇ ë»ÕÙ³ÝßáõÙ ï³ññÇ ´áÉáñ ï³ññ»ñÇ Ñ³Ù³ñ íñ³ ²ñÅ»ùÇ ÷á÷áËáõÃÛáõÝÁ ¨ »ÉùÁ ØdzÛÝ textarea, select, ï³ññÇó input ï³ññ»ñÇ Ñ³Ù³ñ êï»ÕÝÁ å³ÑíáõÙ ¿ ë»ÕÙí³Í, input, select, textarea, »ñµ ï³ññÁ ·ïÝíáõÙ ¿ ýábutton, a, label ÏáõëáõÙ êï»ÕÝÁ ë»ÕÙíáõÙ ¿ ¨ ÃáÕÝinput, select, textarea, íáõÙ, »ñµ ï³ññÁ ýáÏáõëáõÙ ¿ button, a, label ·ïÝíáõÙ êï»ÕÝÁ µ³ó ¿ ÃáÕÝíáõÙ, »ñµ input, select, textarea, ï³ññÁ ýáÏáõëáõÙ ¿ ·ïÝíáõÙ button, a, label: ¾çÁ µ»éÝíáõÙ ¿ body, frameset ¾çÁ ÷³ÏíáõÙ ¿ body, frameset ØÏÝÇÏÇ ÝßÇãÁ ï³ññÇ íñ³ ¿ ´áÉáñ ï³ññ»ñÇ Ñ³Ù³ñ ØÏÝÇÏÇ ëï»ÕÝÁ ë»ÕÙíáõÙ ¿, ´áÉáñ ï³ññ»ñÇ Ñ³Ù³ñ »ñµ ÝßÇãÁ ï³ññÇ íñ³ ¿ ØÏÝÇÏÇ ëï»ÕÝÁ ÃáÕÝíáõÙ ¿, ´áÉáñ ï³ññ»ñÇ Ñ³Ù³ñ »ñµ ÝßÇãÁ ï³ññÇ íñ³ ¿ onmousemove ØÏÝÇÏÁ ß³ñÅíáõÙ ¿, ù³ÝÇ ´áÉáñ ï³ññ»ñÇ ¹»é ÝßÇãÁ ï³ññÇ íñ³ ¿ ѳٳñ onmouseout ØÏÝÇÏÁ ß³ñÅíáõÙ ¿, ¨ ÝßÇãÁ ´áÉáñ ï³ññ»ñÇ ¹áõñë ·³ÉÇë ï³ññÇó ѳٳñ onselect ¸³ßïÁ ÁÝïñíáõÙ ¿ Input, textarea onreset ä³ïÏ»ñ³Ó¨Ç Ù³ùñáõÙÁ form onsubmit ä³ïÏ»ñ³Ó¨Ç åݹáõÙÁ form
²ÛÅÙ ëï»ÕÍ»Ýù Ïá׳ÏÇ ë»ÕÙáõÙ Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÇãÁ: ø³ÝÇ áñ ³ÛÝ Ï³åí³Í ¿ Ïá׳ÏÇ Ñ»ï, ³å³ å»ïù ¿ ·ñ³ÝóíÇ Ïá׳ÏÁ Ýϳñ³·ñáÕ ï»·áõÙ` áñå»ë µÝáõó·ñÇã. <input type="button" value="Count" onclick=”fcompute()” /> ÆÝãå»ë ï»ëÝáõÙ »Ýù, µÝáõó·ñÇãÇ ³ñÅ»ùÁ “fcompute()” ýáõÝÏódzÛÇ Ï³ÝãÝ ¿: ²ÛÅÙ ÙÝáõÙ ¿ ϳéáõó»É ³Û¹ ýáõÝÏódzÝ, áñÁ ÏѳßíÇ ÃíÇ ù³é³ÏáõëÇÝ ¨ Ï·ñ³ÝóÇ “result” ï»ùëï³ÛÇÝ å³ïáõѳÝáõÙª <script><!— function fcompute() { numb=document.all(“usrEntry”).value; document.all(“result”).value=Math.pow(numb,2); } //--></script> ä³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇÝ ýáõÝÏódzÛÇ Ù³ñÙÝÇó ¹ÇÙ»Éáõ, ³ñÅ»ùÝ»ñÁ ëï³Ý³Éáõ ϳ٠÷á˳Ýó»Éáõ ѳٳñ û·ï³·áñÍí³Í ¿ µñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ (³ÛÝ ³í»ÉÇ Ù³Ýñ³Ù³ëÝ ÏùÝݳñÏíÇ Ñ³çáñ¹ å³ñ³·ñ³ýáõÙ), ѳٳӳÛÝ áñÇ` ÷³ëï³ÃáõÕÃÁ ûµÛ»Ïï ¿, áñÇ »ÝóûµÛ»ÏïÝ»ñ »Ý, Ù³ëݳíáñ³å»ë, å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÁ: ì»ñçÇÝÝ»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ û·ï³·áñÍí³Í ¿ Ñ»ï¨Û³É »Õ³Ý³ÏÁª ÷³ëï³ÃÕÃÇ µáÉáñ »ÝóûµÛ»ÏïÝ»ñÇ Ñ³í³ù³ÍáõáõÙ (ÏáÉ»ÏódzÛáõÙ), áñÁ Ý߳ݳÏíáõÙ ¿ all µ³éµ³Ý³ÉÇáí, ¹ÇÙáõÙ »Ýù »ñÏáõ áñáß³ÏÇ ûµÛ»ÏïÝ»ñÇÝ ¹ñ³Ýó ǹ»ÝïÇýÇϳïáñÝ»ñÇ ÙÇçáóáíª document.all("usrEntry") ¨ document.all("result"): êϽµáõÙ ³ñÅ»ùÁ, áñÝ û·ïíáÕÁ ·ñ³Ýó»É ¿ ÙáõïùÇ å³ïáõѳÝáõÙ` document.all("usrEntry").value 109
ßÝáñÑíáõÙ ¿ numb ÷á÷á˳ϳÝÇݪ numb=document.all(“usrEntry”).value;: ¸ñ³ÝÇó Ñ»ïá Math ûµÛ»ÏïÇ Ñ³Ù³å³ï³ëË³Ý Ù»Ãá¹áí ѳßí³ñÏíáõÙ ¿ ÃíÇ ù³é³ÏáõëÇÝ ¨ áñå»ë ³ñÅ»ù ïñíáõÙ »ÉùÇ (“result”) å³ïáõѳÝÇݪ document.all(“result”).value=Math.pow(numb,2);, ³ÝÙÇç³å»ë ³ñï³å³ïÏ»ñí»Éáí ¿Ïñ³ÝÇ íñ³: Ødzíáñ»Ýù µ»ñí³Í ѳïí³ÍÝ»ñÁ ¨ ϳ½Ù»Ýù ѳٳå³ï³ë-Ë³Ý ÷³ëï³ÃáõÕÃÁ (ï»ëª Íñ.3.4.1): ä³ïÏ»ñ 3.4.1-áõÙ µ»ñí³Í ¿ Íñ³·ñÇ ³ß˳ï³ÝùÇ ³ñ¹ÛáõÝùÁ: Ìñ. 3.4.1. onclick Ùß³ÏÇãÇ ëï»ÕÍÙ³Ý ûñÇÝ³Ï <html> <head><title>Functions example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"><!-function fCcompute() { numb=document.all("userEntry").value; document.all("result").value=Math.pow(numb,2); } //--> </script> </head> <body> <form name=”formPow” id=”formPow”> Øáõïù³·ñ»ù ÃÇíÁ <input type="text" name=”UserEntry” id="userEntry" size="2" /><br /> ÂíÇ ù³é³ÏáõëÇÝ Ñ³í³ë³ñ ¿ª <input type="text" name="result" size="5" readonly="readonly" /><br /> <input type="button" value="Count" onclick="fCompute()" /> </form></body></html>
ä³ïÏ»ñ 3.4.1. onclick Ùß³ÏÇãÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï document.all(“ÏáÝÏñ»ï ûµÛ»ÏïÇ Ç¹»ÝïÇýÇϳïáñÁ”) ¹ÇÙáõÙÇ »Õ³Ý³ÏÁ ÃáõÛÉ ¿ ï³ÉÇë ¹ÇÙ»É Ï³Ù³Û³Ï³Ý ûµÛ»ÏïÇÝ ³ÝÙÇç³Ï³Ýáñ»Ý` ãå³Ñå³Ý»Éáí ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ ÑÇ»ñ³ñËdzÝ: Øá¹»ÉÇ ÑÇ»ñ³ñËdzÛÇ ëϽµáõÝùÇÝ ËÇëï ѻ層Éáõ ¹»åùáõÙ ³ÝÑñ³Å»ßï ¿ ǹ»ÝïÇýÇϳóÝ»É Ý³¨ »ñÏáõ ï»ùëï³ÛÇÝ å³ïáõѳÝÝ»ñÁ å³ñáõݳÏáÕ å³ïÏ»ñ³Ó¨Á: ²Û¹ ¹»åùáõÙ å³ïÏ»ñ³Ó¨Ç Ï³Ù³Û³Ï³Ý ï³ññÇÝ ¹ÇÙ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ Ñ»ï¨Û³É ë˻ٳݪ ÷³ëï³ÃáõÕÃ.å³ïÏ»ñ³Ó¨Ç_³ÝáõÝ.ï³ññÇ_³ÝáõÝ.ѳïÏáõÃÛáõÝ: úñÇݳÏ, “result” ï³ññÇÝ Ï³ñ»ÉÇ ¿ ¹ÇÙ»É Ñ»ï¨Û³É »Õ³Ý³Ïáíª document.formPow.result.value: ú·ïíáÕÇ ·áñÍáÕáõÃÛáõÝÝ»ñÇÝ ³ñÓ³·³Ýù»Éáõ »Õ³Ý³ÏÝ»ñÇó Ù»ÏÁ áñ¨¿ ѳÕáñ¹³ÏóáõÃÛ³Ý óáõó³¹ñáõÙÝ ¿: JavaScript-Ý áõÝÇ Ý»ñϳéáõóí³Í ýáõÝÏódzª alert(), áñÇ ÙÇçáóáí ¿Ïñ³ÝÇÝ óáõó³¹ñíáõÙ »Ý, ³Ûëå»ë Ïáãí³Í, ݳ˳½·áõß³Ï³Ý Ñ³Õáñ¹³ÏóáõÃÛáõÝÝ»ñ: alert å³ïáõѳÝÁ »ñÏËáëáõÃÛ³Ý Ùá¹³É å³ïáõÑ³Ý ¿, áñÝ áõÝÇ Áݹ³Ù»ÝÁ Ù»Ï Ïá׳Ϫ “OK”: Øá¹³É Ý߳ݳÏáõÙ ¿, áñ ÙÇÝ㨠³ÛÝ ã÷³ÏíÇ (ãë»ÕÙíÇ “OK” Ïá׳ÏÁ), Íñ³·ñÇ ß³ñáõݳÏáõÙÝ ³ÝÑݳñ ¿: úñÇݳÏ, »Ã» Íñ. 3.4.1-áõÙ <body> ï»·áõÙ ³í»É³óÝ»Ýù ÷³ëï³ÃÕÃÇ µ»éÝÙ³Ý Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÇãÁª <body onload=”alert(‘Thank You for visit’)”>, å³ïáõѳÝÇ Ûáõñ³ù³ÝãÛáõñ µ»éÝÙ³Ý Å³Ù³Ý³Ï ¹áõñë ϵ»ñíÇ 110
÷³Ï³·Í»ñáõÙ ·ñ³Ýóí³Í ï»ùëïÁ (ï»ë` å³ïÏ»ñ 3.4.2):
ä³ïÏ»ñ 3.4.2. onload Ùß³ÏÇãÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, áñ ï»ùëïÁ í»ñóí³Í ¿ »½³ÏÇ ã³Ï»ñïÝ»ñÇ Ù»ç, ù³ÝÇ áñ ÏñÏݳÏÇ ã³Ï»ñïÝ»ñÁ û·ï³·áñÍí³Í »Ý onload µÝáõó·ñÇãÇ ³ñÅ»ùÁ å³ñ÷³Ï»Éáõ ѳٳñ: ²ÝÑñ³Å»ßï ÇÝýáñÙ³óÇ³Ý å³ïáõѳÝÝ»ñÇÝ Ï³Ù ýáõÝÏódzݻñÇÝ Ï³ñ»ÉÇ ¿ ѳÕáñ¹»É ݳ¨ û·ï³·áñÍ»Éáí this µ³é-µ³Ý³ÉÇÝ: Ò¨³÷áË»Ýù Íñ. 3.4.1-áõ٠ϳéáõóí³Í å³ïÏ»ñ³Ó¨Ç "userEntry" Ùáõïù³·ñÙ³Ý å³ïáõѳÝÇ ¨ “Count” Ïá׳ÏÇ Íñ³·ñ³ÛÇÝ Ïá¹Á Ñ»ï¨Û³É Ï»ñåáí` <input type="text" id="userEntry" name=”userEntry” size="5" onchange="fCompute(this.value)" /> ¨ <input type=”button” value=”count” />: Ìñ³·ñÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùÁ óáõó³¹ñí³Í ¿ å³ïÏ»ñ 3.4.3-áõÙ:
ä³ïÏ»ñ 3.4.3. this µ³é-µ³Ý³Éáõ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï ÆÝãå»ë ï»ëÝáõÙ »Ýù, “userEntry” ï»ùëï³ÛÇÝ å³ïáõѳÝÇ ï»·áõÙ ³í»É³óí³Í ¿ onchange Ùß³ÏÇãÁ, áñÇ ÙÇçáóáí ϳ½Ù³Ï»ñåíáõÙ ¿ Ùáõïù³·ñí³Í ÃíÇ ù³é³ÏáõëÇÝ Ñ³ßí³ñÏáÕ fCompute() ýáõÝÏódzÛÇ Ï³ÝãÁ: ê³Ï³ÛÝ ³Ûë ¹»åùáõÙ ýáõÝÏódzÛÇÝ this µ³éÇ ÙÇçáóáí ѳÕáñ¹íáõÙ ¿ ÁÝóóÇÏ ï³ññÇ (³ÛëÇÝùÝ` ï»ùëï³ÛÇÝ å³ïáõѳÝÇ) å³ñáõݳÏáõÃÛáõÝÁ` this.value: Àëï ¿áõÃÛ³Ý, this µ³éÁ ïíÛ³É ¹»åùáõÙ û·ï³·áñÍíáõÙ ¿ ï³ññÇ ³Ýí³Ý ÷á˳ñ»Ý: àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, áñ “Count” Ïá׳ÏÇ ï»·áõÙ ³ñ¹»Ý µ³ó³Ï³ÛáõÙ ¿ onclick Ùß³ÏÇãÁ, ù³ÝÇ áñ ÙÏÝÇÏÇ ë»ÕÙ³ÝßáõÙÁ, »ñµ ÝßÇãÁ ·ïÝíáõÙ ¿ Ïá׳ÏÇ (ÇÝãå»ë ݳ¨ áñ¨¿ ³ÛÉ ï³ññÇ Ï³Ù ïÇñáõÛÃÇ, µ³óÇ “userEntry” ï»ùëï³ÛÇÝ å³ïáõѳÝÇó) íñ³, µ»ñáõÙ ¿ change 111
Çñ³¹³ñÓáõÃÛ³Ý Ï³ï³ñÙ³ÝÁ ¨ fcompute() ýáõÝÏódzÛÇ Ï³ÝãÇÝ (ÇѳñÏ», »Ã» û·ïíáÕÁ ÷á÷áË»É ¿ “userEntry” å³ïáõѳÝÇ å³ñáõݳÏáõÃÛáõÝÁ): Üß»Ýù ݳ¨, áñ å³ïÏ»ñ³Ó¨Ç ³í»ÉÇ ·»Õ»óÇÏ Ó¨³íáñÙ³Ý Ýå³ï³Ïáí ¹ñ³ ï³ññ»ñÁ ¨ áõÕ»ÏóáÕ ï»ùëïÁ ï»Õ³¹ñí³Í »Ý ³ÕÛáõë³ÏáõÙ:
¢ 3.5. ´ñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ, ûµÛ»ÏïÝ»ñÁ ¨ ѳí³ù³ÍáõÝ»ñÁ (ÏáÉ»ÏódzݻñÁ) ܳËù³Ý Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ ¨ ýáñٳݻñÇ Ùß³ÏÙ³Ý Ñ³ñó»ñÇ ùÝݳñÏáõÙÁ ß³ñáõݳϻÉÁ, ³ÝÑñ³Å»ßï ¿ ³Ý¹ñ³¹³éÝ³É Ï³ñ¨áñ ¨ ÑÇÙݳñ³ñ ѳëϳóáõÃ۳ݪ µñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ (³Û¹ Ãíáõ٠ݳ¨` ÷³ëï³ÃÕÃÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉǪ DOM – Document Object Model) å³ñ½³µ³ÝÙ³ÝÁ:
3.5.1. úµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ ÁݹѳÝáõñ ϳéáõóí³ÍùÁ ä³ïÏ»ñ 3.5.1-áõÙ Ý»ñϳ۳óí³Í ¿ µñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ: window-Ý µñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ ÑÇ»ñ³ñËdzÛÇ ·É˳íáñ (í»ñÇÝ Ù³Ï³ñ¹³ÏÇ) ûµÛ»ÏïÝ ¿: ²ÛÝ í»ñ³µ»ñáõÙ ¿ ïíÛ³É å³ÑÇÝ ³ÏïÇí íÇ׳ÏáõÙ ·ïÝíáÕ å³ïáõѳÝÇÝ ¨ ϳñáÕ ¿ í»ñ³·ñí»É ÇÝãå»ë ·É˳íáñ, ³ÛÝå»ë ¿É <framset> ï»·áõÙ ëï»ÕÍí³Í ýñ»ÛÙÝ»ñÇó Ûáõñ³ù³ÝãÛáõñÇ å³ïáõѳÝÇÝ: âÝ³Û³Í ³Û¹ ÷³ëïÇÝ, Çñ³Ï³ÝáõÙ Ùá¹»ÉÇ ÑÇÙùÝ ¿ ѳݹÇë³ÝáõÙ document ûµÛ»ÏïÁ, ù³ÝÇ áñ Ûáõñ³ù³ÝãÛáõñ ¿çÇ ¨ ¹ñ³ µáí³Ý¹³ÏáõÃÛ³Ý Ù»Í Ù³ëÁ document ûµÛ»ÏïÇ µ³Õ³¹ñÇãÝ»ñ »Ý: Úáõñ³ù³ÝãÛáõñ window ûµÛ»Ïï ϳñáÕ ¿ å³ñáõÝ³Ï»É ÙÇ ù³ÝÇ ÷³ëï³ÃÕûñ ϳ٠ýñ»ÛÙÝ»ñÇ Ñ³í³ù³ÍáõÝ»ñ: гٳñÛ³ ÝáõÛÝÁ ϳñ»ÉÇ ¿ ³ë»É ݳ¨ document ûµÛ»ÏïÇ í»ñ³µ»ñ۳ɪ ³ÛÝ Ï³ñáÕ ¿ Áݹ·ñÏ»É ÙÇ ß³ñù ûµÛ»ÏïÝ»ñ ¨ ѳí³ù³ÍáõÝ»ñ: ä³ïÏ»ñ 3.5.1-áõÙ Ý»ñϳ۳óí³Í ë˻ٳÛáõÙ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÇ áñáß Ù³ë»ñÁ Ùdzíáñí³Í »Ý ѳí³ù³ÍáõÝ»ñáõÙ (ÏáÉ»ÏódzݻñáõÙª collections): ÎáÉ»ÏóÇ³Ý ½³Ý·í³ÍÇ ÝÙ³Ý Ï³éáõóí³Íù ¿, áñÇ Ûáõñ³ù³ÝãÛáõñ ï³ññ å³ïϳÝáõÙ ¿ ÁݹѳÝáõñ ϳéáõóí³ÍùÇÝ ¨ ϳå³Ïóí³Í ¿ “ѳñ¨³ÝÝ»ñÇ” Ñ»ï: ¸ñ³Ýó ѳٳñ³Ï³ÉáõÙÁ ϳï³ñíáõÙ ¿ ÇÝùݳµ»ñ³µ³ñ, Áëï ¿çáõ٠ѳÛïÝí»Éáõ (³ÛëÇÝùÝ` Íñ³·ñ³ÛÇÝ Ïá¹áõÙ ·ñ³Ýó»Éáõ) ѳçáñ¹³Ï³ÝáõÃÛ³Ý ¨ ÝáõÛÝå»ë ëÏëíáõÙ ¿ 0-Çó: ä³ïÏ»ñ 3.5.2-áõÙ Ý»ñϳ۳óí³Í ¿ ýñ»ÛÙÝ»ñÇ ÏáÉ»ÏódzÛÇ ûñÇݳÏ: ÆÝãå»ë ï»ëÝáõÙ »Ýù, ýñ»ÛÙÝ»ñÇ Ñ³í³ù³Íáõáõ٠ѳٳñ³Ï³ÉáõÙÁ ϳï³ñíáõÙ ¿ Ó³ËÇó ³ç ¨ í»ñÇó í³ñ: гïϳÝß³Ï³Ý ¿, áñ ëó»Ý³ñáõÙ ýñ»ÛÙÝ»ñÇÝ Ï³ñ»ÉÇ ¿ ¹ÇÙ»É ÇÝãå»ë ѳçáñ¹³Ï³Ý ѳٳñáí, ³ÛÝå»ë ¿É ǹ»ÝïÇýÇϳïáñáí: úñÇݳϪ “lframe” ǹ»ÝïÇýÇϳïáñ áõÝ»óáÕ ýñ»ÛÙÇÝ ¹ÇÙ»Éáõ ѳٳñ ϳñ»ÉÇ ¿ ·ñ³Ýó»É ÇÝãå»ë window.frame(1) (ù³ÝÇ áñ ýñ»ÛÙÝ»ñÇ ÁݹѳÝáõñ ѳçáñ¹³Ï³ÝáõÃÛáõÝáõÙ ³ÛÝ Ñ³ßíáí »ñÏñáñ¹Ý ¿), ³ÛÝå»ë ¿Éª window. frames(“lframe”): гí³ù³ÍáõÝ»ñÇ û·ï³·áñÍÙ³Ý ûñÇÝ³Ï Ù»Ýù ³ñ¹»Ý µ»ñ»É »Ýù Íñ. 3.4.1-áõÙ: document ûµÛ»ÏïÇ all ѳí³ù³ÍáõÝ ÷³ëï³ÃÕÃÇ µáÉáñ »ÝóûµÛ»ÏïÝ»ñÇ Ñ³í³ù³ÍáõÝ ¿ (³ÝÏ³Ë ï»ë³ÏÇó): ¸ñ³ û·ï³·áñÍáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë ¹ÇÙ»É Ï³Ù³Û³Ï³Ý ûµÛ»ÏïÇÝ` Áëï í»ñçÇÝÇ Ç¹»ÝïÇýÇϳïáñÇ: úñÇݳϪ “userEntry” ï»ùëï³ÛÇÝ å³ïáõѳÝÇÝ ¹ÇÙ»Éáõ Ýå³ï³Ïáí ·ñ³Ýóí³Í ¿ª document.all(“userEntry”):
112
ä³ïÏ»ñ 3.5.1. ´ñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ
ä³ïÏ»ñ 3.5.2. window ûµÛ»ÏïÇ ýñ»ÛÙÝ»ñÇ Ñ³í³ù³ÍáõÝ êáíáñ³µ³ñ all ѳí³ù³ÍáõÝ ÏÇñ³éíáõÙ ¿, »ñµ ÷³ëï³ÃÕÃÇ ûµÛ»ÏïÝ»ñÁ µ³½Ù³ï»ë³Ï »Ý ¨ µ³½Ù³ÃÇí, ³ÛëÇÝùÝ` ¹Åí³ñ ¿ ÑÇᯐ ¹ñ³Ýó ѳçáñ¹³Ï³ÝáõÃÛáõÝÁ: àñå»ë ëï³Ý¹³ñï` µñ³áõ½»ñÇ ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ ÁݹáõÝí»É ¿ í»ñç»ñë ¨ ëó»Ý³ñÝ»ñáõ٠ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ û·ï³·áñÍ»Éáõ Ýå³ï³Ïáí ûµÛ»ÏïÝ»ñÇÝ ¹ÇÙ»Éáõ »Õ³Ý³ÏÝ»ñÁ ï³ñµ»ñ µñ³áõ½»ñÝ»ñáõÙ ï³ñµ»ñ »Ý: ¸³ Ý߳ݳÏáõÙ ¿, áñ µñ³áõ½»ñÇó ϳËáõÙ ãáõÝ»óáÕ ëó»Ý³ñÝ»ñÇ ëï»ÕÍáõÙÁ ϳåí³Í ¿ áñáß³ÏÇ ¹Åí³ñáõÃÛáõÝÝ»ñÇ Ñ»ï` ûµÛ»ÏïÝ»ñÇ Ñ³ëó»Ý»ñÇ ·ñ³ÝóÙ³Ý ï»ë³Ï»ïÇó: ÀݹѳÝáõñ ¹»åùáõÙ ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ ¨ Ù»Ãá¹Ý»ñÇÝ ¹ÇÙ»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ ëÏë»É ³é³í»É ÁݹѳÝáõñÇó (window) ¨ “Ëáñ³Ý³É” ÙÇÝ㨠³ÝÑñ³Å»ßï ï³ññÁ` µ³ó ãÃáÕÝ»Éáí áã ÙÇ ÙÇç³ÝÏÛ³É ÏáÝï»ÛÝ»ñ: úñÇݳÏ` Íñ. 3.4.1-áõÙ µ»ñí³Í “textEntry” ï»ùëï³ÛÇÝ å³ïáõѳÝÇÝ ¹ÇÙ»Éáõ ѳٳñ (áñÁ ѳݹÇë³ÝáõÙ ¿ “formPow” å³ïÏ»ñ³Ó¨Ç µ³Õ³¹ñÇã ï³ññ) ջϳí³ñí»Éáí ÁݹѳÝáõñ ϳÝáÝáí` ³ÝÑñ³Å»ßï ¿ ·ñ³Ýó»É ëó»Ý³ñáõÙ Ñ»ï¨Û³É ׳ݳå³ñÑÁ` window.document.formEntry.textEntry.ѳïÏáõÃÛáõÝ/Ù»Ãá¹ ê³Ï³ÛÝ å³ñ½íáõÙ ¿, áñ µáÉáñ ׳ݳå³ñÑÝ»ñÝ áõÝ»Ý Ù»Ï ÁݹѳÝáõñ ѳïÏáõÃÛáõÝ` ³½¹»óáõÃÛ³Ý ïÇñáõÛÃ: ¸³ Ý߳ݳÏáõÙ ¿, áñ ·ïÝí»Éáí ûµÛ»ÏïÝ»ñÇ áñáß³ÏÇ íÇñïáõ³É ٳϳñ¹³ÏáõÙ, ϳñ»ÉÇ ¿ ³Ýï»ë»É ¹»åÇ ÏáÝÏñ»ï ûµÛ»ÏïÁ “ï³ÝáÕ” ׳ݳå³ñÑÇ ÙÇ Ù³ëÁ, ù³ÝÇ áñ “ïíÛ³É ïÇñáõÛÃáõÙ” ³ÛÝ 113
å³ñ½³å»ë ³ñ¹Ç³Ï³Ý ã¿ (ÑÇß»Ýù, û ÇÝãå»ë »Ý ϳéáõóíáõÙ µ³ó³ñÓ³Ï ¨ ѳñ³µ»ñ³Ï³Ý ÑÕáõÙ³ÛÇÝ Ñ³ëó»Ý»ñÁ): ø³ÝÇ áñ ëó»Ý³ñÁ ·ñíáõÙ ¿ áã û “å³ïáõѳÝÝ»ñÇ”, ³ÛÉ ÷³ëï³ÃÕûñÇ, ³ÛëÇÝùÝ ÁÝóóÇÏ å³ïáõѳÝÇ Ù³Ï³ñ¹³Ïáí, window µ³éÁ ϳñ»ÉÇ ¿ “ѳݷÇëï ËÕ×áí” µ³ó ÃáÕÝ»É` document.formEntry.textEntry.ѳïÏáõÃÛáõÝ/Ù»Ãá¹ “Internet Explorer“ ¨ “Netscape Navigator“ µñ³áõ½»ñÝ»ñÇ í»ñçÇÝ í³ñϳÍÝ»ñáõÙ (6-ñ¹) »ÝóûµÛ»ÏïÝ»ñÇÝ ¹ÇÙáõÙÝ»ñÁ Ñݳñ³íáñ ¿ ϳ½Ù³Ï»ñå»É, û·ï³·áñÍ»Éáí ÙdzëݳϳÝ` GetElementById() Ù»Ãá¹Á: Î³Ù³Û³Ï³Ý ï³ññÇÝ Ï³ñ»ÉÇ ¿ ¹ÇÙ»É` ýáõÝÏódzÛÇÝ áñå»ë ³ñ·áõÙ»Ýï ßÝáñÑ»Éáí ï³ññÇ Ç¹»ÝïÇýÇϳïáñÁ: úñÇݳÏ` document.GetElementById(“textEntry”): òáõó³Ý³ÏÝ»ñÇ û·ï³·áñÍáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë ½·³ÉÇáñ»Ý Ñ»ßï³óÝ»É ûµÛ»ÏïÝ»ñÇÝ ¹ÇÙ»Éáõ »Õ³Ý³ÏÁ: òáõó³Ý³ÏÁ ûµÛ»ÏïÇ Ñ³ëó»Ý å³ñáõݳÏáÕ ÷á÷áË³Ï³Ý ¿: öá÷áË»Ýù Íñ. 3.4.1-áõÙ Ý»ñϳ۳óí³Í å³ïÏ»ñ³Ó¨Ç Ýϳñ³·ñáõÃÛáõÝÁ Ñ»ï¨Û³É Ï»ñåª <form name=”formPow” id=”formPow”> Øáõïù³·ñ»ù ÃÇíÁ <input type="text" name=”UserEntry” id="userEntry" size="2" /><br /> ÂíÇ ù³é³ÏáõëÇÝ Ñ³í³ë³ñ ¿ª <input type="text" name="result" size="5" readonly="readonly" /><br /> <input type="button" value="Count" onclick="fCompute(‘formPow)’" /> </form> ÆÝãå»ë ï»ëÝáõÙ »Ýù, onclick Ùß³ÏÇãÇ fCompute() ýáõÝÏódzÛÇ Ï³ÝãáõÙ ³í»É³óí³Í ¿ Çñ³Ï³Ý å³ñ³Ù»ïñª å³ïÏ»ñ³Ó¨Ç ³ÝáõÝÁ (ǹ»ÝïÇýÇϳïáñÁ) - fCompute(‘formPow’): ºÃ» ³ÛÅÙ ýáõÝÏóÇ³Ý Ýϳñ³·ñ»Ýù Ñ»ï¨Û³É Ï»ñåª function fCcompute(theForm) { numb=theForm.userEntry.value; theForm.result.value=Math.pow(numb,2); }, Ïëï³Ý³Ýù ÝáõÛÝ ³ñ¹ÛáõÝùÁ` ã·ñ³Ýó»Éáí å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ ÉñÇí ѳëó»Ý»ñÁ: ¸³ µ³ó³ïñíáõÙ ¿ óáõó³Ý³ÏÝ»ñÇ, ³Ûëå»ë Ïáãí³Í, ·áñÍáÕáõÃÛ³Ý ïÇñáõÛÃÇ Ñ³ïÏáõÃÛ³Ùµ, ù³ÝÇ áñ óáõó³Ý³ÏÁ ·áñÍáõÙ ¿ ÁÝóóÇÏ å³ïáõѳÝÇ (window) ÁÝóóÇÏ ÷³ëï³ÃÕÃÇ (document) Ý»ñùá, ³å³ ³ÛÝ ÇÝùݳµ»ñ³µ³ñ Áݹ·ñÏáõÙ ¿ í»ñçÇÝÝ»ñÇ Ñ³ëó»Ý»ñÁ, ¨ fCompute(‘formPow’) ·ñ³ÝóáõÙÁ ÷³ëïáñ»Ý Ý߳ݳÏáõÙ ¿` fCompute(window.document.formPow): ÆÝãå»ë ï»ëÝáõÙ »Ýù, ûµÛ»ÏïÇ óáõó³Ý³ÏÇ ëï»ÕÍáõÙÁ µ³í³Ï³ÝÇÝ ¹ÛáõñÇÝ ¿ª ³ÝÑñ³Å»ßï ¿ ýáõÝÏódzÛÇ Ï³ÝãáõÙ ·ñ³Ýó»É ûµÛ»ÏïÇ ³ÝáõÝÁ` áñå»ë ѳÕáñ¹íáÕ å³ñ³Ù»ïñÇ Çñ³Ï³Ý ³ñÅ»ù (»ñµ ûµÛ»ÏïÁ ѳݹÇë³ÝáõÙ ¿ ÙÇ ³ÛÉ ûµÛ»ÏïÇ ï³ññ, ³å³ áñå»ë ѳÕáñ¹íáÕ å³ñ³Ù»ïñÇ ³ñÅ»ù ·ñ³ÝóíáõÙ ¿ “ѳÛñ³Ï³Ý” ûµÛ»ÏïÇ ³ÝáõÝÁ): ²ëí³ÍÇó ³Ù»Ý¨ÇÝ ¿É ãÇ Ñ»ï¨áõÙ, áñ í»ñÇÝ Ù³Ï³ñ¹³ÏÇ ûµÛ»ÏïÝ»ñÁ (window-Ý ¨ Ýñ³ »ÝóûµÛ»ÏïÝ»ñÁ) ³éѳë³ñ³Ï ϳñ»ÉÇ ¿ ãû·ï³·áñÍ»É: ¸ñ³Ýó ѳïáõÏ »Ý ÙÇ ß³ñù û·ï³Ï³ñ ¨ Ñ³×³Ë ÏÇñ³éíáÕ Ñ³ïÏáõÃÛáõÝÝ»ñ ¨ Ù»Ãá¹Ý»ñ:
3.5.2. window ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ window-Ý ûµÛ»ÏïÇ ÑÇÙÝ³Ï³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ Ãí³ñÏí³Í »Ý ѳٳå³ï³ë˳ݳµ³ñ ³ÕÛáõë³ÏÝ»ñ 3.5.1 ¨ 3.5.2-áõÙ: гïÏáõÃÛáõÝÝ»ñÇ ÙÇ Ù³ëÁ ϳñ»ÉÇ ¿ ÙdzÛÝ “ÁÝûñó»É”, ³ÛëÇÝùÝ`¹ñ³Ýó ³ñÅ»ùÝ»ñÁ Ñݳñ³íáñ ã¿ ÷á÷áË»É, ù³ÝÇ áñ å³ïáõѳÝÁ ³ñ¹»Ý ·áÛáõÃÛáõÝ áõÝÇ: γñ»ÉÇ ¿ Ýᯐ window ûµÛ»ÏïÇ Ñ»ï¨Û³É ѳïÏáõÃÛáõÝÝ»ñÁª name - ¹³ ³ÛÝ ï»ùëïÝ ¿, áñÁ ·ñ³ÝóíáõÙ ¿ å³ïáõѳÝÇ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ (å»ïù ã¿ ß÷áÃ»É ÷³ëï³ÃÕÃÇ í»ñݳ·ñÇ Ñ»ï); length - ÃáõÛÉ ¿ ï³ÉÇë ëï³Ý³É å³ïáõѳÝáõÙ ³ñï³å³ïÏ»ñíáÕ ýñ»ÛÙÝ»ñÇ ù³Ý³ÏÁ; self - ÑÕáõÙ ÇÝùÝ Çñ»Ý; status - û·ï³Ï³ñ ¿ ³ÛÝ ¹»åù»áõÙ, »ñµ ó³ÝϳÉÇ ¿ û·ïíáÕÇÝ Ñ³ÛïÝ»É ÙÇç³ÝÏÛ³É ·áñÍáÕáõÃÛáõÝÝ»ñÇ í»ñ³µ»ñÛ³É Ñ³Õáñ¹³ÏóáõÃÛáõÝÝ»ñ: êáíáñ³µ³ñ ¹³ ¿çáõ٠ϳï³ñíáÕ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ñ³ÏÇñ× Ýϳñ³·ñáõÃÛáõÝÝ ¿: úñÇݳÏ` ÑÕáõÙ ¿ ëï»ÕÍí³Í ³ñï³¹ñ³ÝùÇ ï»ë³Ï³ÝÇÝ Ý»ñϳ۳óÝáÕ ¿çÇÝ: ºÃ» ³ÛÝ ·ñ³ÝóíÇ Ñ»ï¨Û³É Ï»ñåª <a href=”products.html” onmouseover=”window.status= ’²ñï³¹ñ³ÝùÇ ï»ë³Ï³Ýáõ ¹Çï³ñÏáõÙ’ ” onmouseout=”window.status=’ ‘ ”>, ³å³ ³ÛÝ ¹»åùáõÙ, »ñµ ÙÏÝÇÏÇ ÝßÇãÁ ï»Õ³¹ñíÇ ÑÕáõÙÇ íñ³ (¹³ Ý߳ݳÏáõÙ ¿, áñ ϳï³ñí»É ¿ mouseover Çñ³¹³ñÓáõÃÛáõÝÁ, áñÇ Ùß³ÏÇãÝ ¿ª onmouseover), å³ïáõѳÝÇ Ï³ñ·³íÇ׳ÏÇ ïáÕáõÙ (statusbar) 114
Ï·ñ³ÝóíÇ ‘²ñï³¹ñ³ÝùÇ ï»ë³Ï³Ýáõ ¹Çï³ñÏáõÙ’ ï»ùëïÁ, ÇëÏ »ñµ ÝßÇãÁ Ñ»é³óíÇ ÑÕáõÙÇó (ϳï³ñíáõÙ ¿ mouseout Çñ³¹³ñÓáõÃÛáõÝÁ, áñÇ Ùß³ÏÇãÝ ¿ª onmouseoout)ª íÇ׳ÏÇ ïáÕÁ Ïí»ñ³Ý³: ÎñÏÇÝ Ýß»Ýùª ù³ÝÇ áñ ÷³ëï³ÃáõÕÃÁ å³ïϳÝáõÙ ¿ ÏáÝÏñ»ï ³ÏïÇí å³ïáõѳÝÇÝ, ³å³ ϳñ»ÉÇ ¿ ÑÕáõÙáõÙ ÝáõÛÝ Ùß³ÏÇãÝ»ñÁ ·ñ³Ýó»É ³é³Ýó window µ³éÇ û·ï³·áñÍٳݪ onmouseover=”status= ’²ñï³¹ñ³ÝùÇ ï»ë³Ï³Ýáõ ¹Çï³ñÏáõÙ’ ”: ²ÕÛáõë³Ï 3.5.1 window ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ гïÏáõÃÛáõÝÁ parent self top name opener closed status returnValue client length
Üϳñ³·ñáõÃÛáõÝÁ ì»ñ³¹³ñÓÝáõÙ ¿ ÁÝóóÇÏ å³ïáõѳÝÇ “ÍÝáճϳÝÁ” ì»ñ³¹³ñÓÝáõÙ ¿ ÑÕáõÙÁ ÁÝóóÇÏ å³ïáõѳÝÇÝ ì»ñ³¹³ñÓÝáõÙ ¿ ÑÕáõÙÁ ·É˳íáñ å³ïáõѳÝÇÝ ä³ïáõѳÝÇ ³Ýí³ÝáõÙÁ ÀÝóóÇÏáí ëï»ÕÍí³Í å³ïáõѳÝÁ гÕáñ¹íáõÙ ¿, »ñµ ³ÛÝ ÷³Ïí³Í ¿ ´ñ³áõ½»ñÇ “íÇ׳ÏÇ ïáÕÇ” ï»ùëïÁ ê³ÑÙ³ÝáõÙ ¿ Çñ³¹³ñÓáõÃÛ³Ý Ï³Ù »ñÏËáëáõÃÛ³Ý å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ ÷á÷á˳ϳÝÁ ÐÕáõÙ, áñÁ í»ñ³¹³ñÓÝáõÙ ¿ navigator-Ç ûµÛ»ÏïÁ µñ³áõ½»ñÇÝ ì»ñ³¹³ñÓÝáõÙ ¿ ýñ»ÛÙÝ»ñÇ ù³Ý³ÏÁ
window ûµÛ»ÏïÝ áõÝÇ ÙÇ ß³ñù Ù»Ãá¹Ý»ñ, áñáÝóÇó alert() Ù»Ãá¹ÇÝ Ù»Ýù ³ñ¹»Ý ͳÝáà »Ýù: confirm() Ù»Ãá¹Á ÝáõÛÝå»ë ÃáõÛÉ ¿ ï³ÉÇë ³ñï³å³ïÏ»ñ»É áñ¨¿ ѳÕáñ¹³ÏóáõÃÛáõÝ å³ñáõݳÏáÕ Ùá¹³É å³ïáõѳÝ, ë³Ï³ÛÝ, Ç ï³ñµ»ñáõÃÛáõÝ alert-Ç, û·ïíáÕÇ ÁÝïñáõÃÛáõÝÇó ϳËí³Í, ϳñáÕ ¿ í»ñ³¹³ñÓÝ»É »ñÏáõ Ñݳñ³íáñ µáõÉÛ³Ý ³ñÅ»ùÝ»ñª true ϳ٠false: ²ÕÛáõë³Ï 3.5.2 window ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ Ø»Ãá¹Á open close showModalDialog showHelp alert prompt confirm navigate blur focus scroll setInterval
setTimeout
clearInterval clearTimeout
Üϳñ³·ñáõÃÛáõÝÁ ´³óáõÙ ¿ µñ³áõ½»ñÇ Ýáñ å³ïáõÑ³Ý ö³ÏáõÙ ¿ ÁÝóóÇÏ å³ïáõѳÝÁ ´³óáõÙ ¿ Ýáñª Ùá¹³É »ñÏËáëáõÃÛ³Ý å³ïáõÑ³Ý ´³óáõÙ ¿ û·ÝáõÃÛ³Ý Ùá¹³É å³ïáõÑ³Ý ²ñï³å³ïÏ»ñáõÙ ¿ ݳ˳½·áõß³óÙ³Ý å³ïáõѳÝÁ ѳÕáñ¹³ÏóáõÃÛáõÝáí ¨ OK Ïá׳Ïáí ²ñï³å³ïÏ»ñáõÙ ¿ ï»ùëï³ÛÇÝ ¹³ßïáí ¨ ѳÕáñ¹³ÏóáõÃÛáõÝáí ³é³ç³ñÏÙ³Ý å³ïáõѳÝÁ ²ñï³å³ïÏ»ñáõÙ ¿ ѳëï³ïÙ³Ý å³ïáõѳÝÁ ѳÕáñ¹³ÏóáõÃÛáõÝáí, OK ¨ Cancel Ïá׳ÏÝ»ñáí ´»éÝíáõÙ ¿ ÙÇ ³ÛÉ ¿ç Ýßí³Í ѳëó»áí лé³óÝáõÙ ¿ ÁÝóóÇÏ ¿çÁ ýáÏáõëÇó öá˳ÝóáõÙ ¿ ýáÏáõëÁ ÁÝóóÇÏ ¿çÇÝ ´³óáõÙ ¿ å³ïáõѳÝÁ ïñí³Í ɳÛÝáõÃÛ³Ý ¨ µ³ñÓñáõÃÛ³Ý ²å³ÑáíáõÙ ¿ Íñ³·ñÇ Ï³Ù áñ¨¿ ·áñÍáÕáõÃÛ³Ý Ï³ï³ñáõÙÁ áñáß³ÏÇ å³ñµ»ñáõÃÛ³Ùµ (ÙÇÉÇí³ÛñÏÛ³ÝÝ»ñáí) ²å³ÑáíáõÙ ¿ Íñ³·ñÇ Ï³Ù áñ¨¿ ·áñÍáÕáõÃÛ³Ý Ï³ï³ñáõÙÁ ¿çÇ µ»éÝáõÙÇó áñáß³ÏÇ Å³Ù³Ý³Ï ³Ýó (ÙÇÉÇí³ÛñÏÛ³ÝÝ»ñáí) ²Ýç³ïáõÙ ¿ setInterval Ù»Ãá¹áí ·áñͳñÏí³Í óÛÙ»ñÁ ²Ýç³ïáõÙ ¿ setTimeout Ù»Ãá¹áí ·áñͳñÏí³Í óÛÙ»ñÁ
²Û¹ Ýå³ï³Ïáí å³ïáõѳÝÁ å³ñáõݳÏáõÙ ¿ »ñÏáõ Ïá׳ÏÝ»ñ OK (true) ¨ Cancel (false): ä³ïáõѳÝÇ ÷³ÏÙ³Ý (÷áùñÇÏ Ë³ãÁ` í»ñÇÝ ³ç ³ÝÏÛáõÝáõÙ) Ïá׳ÏÇ ë»ÕÙáõÙÁ ѳٳ½áñ ¿ Cancel-ÇÝ: prompt() Ù»Ãá¹Á ÝáõÛÝå»ë µ³óáõÙ ¿ »ñÏËáëáõÃÛ³Ý å³ïáõѳÝ, áñÁ, µ³óÇ Ñ³Õáñ¹³ÏóáõÃÛáõÝÇó, å³ñáõݳÏáõÙ ¿ ݳ¨ ï»ùëï³ÛÇÝ å³ïáõѳÝ, áñï»Õ û·ïíáÕÁ ϳñáÕ ¿ Ùáõïù³·ñ»É áñ¨¿ ÇÝýáñÙ³ódz: ø³ÝÇ áñ ³Û¹ »ñÏáõ Ù»Ãá¹Ý»ñÝ ¿É í»ñ³¹³ñÓÝáõÙ »Ý ³ñÅ»ùÝ»ñ, ³å³ ¹ñ³Ýù ѻﳷ³ÛáõÙ û·ï³·áñÍ»Éáõ Ýå³ï³Ïáí ³ÝÑñ³Å»ßï ¿ ßÝáñÑ»É í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ áñ¨¿ ÷á÷á˳ϳÝÇ: úñÇݳϪ var keepGoing=confirm(“ò³ÝϳÝáõ±Ù »ù ß³ñáõݳϻɔ), var e_mail=prompt(“¶ñ³Ýó»ù Ó»ñ ¿É»ÏïñáݳÛÇÝ ÷áëïÇ Ñ³ëó»Ý”, “úñÇݳϪ vpumpkin@fakecorp.com”): 115
Ìñ. 3.5.1-áõÙ µ»ñí³Í ¿ ³Û¹ Ù»Ãá¹Ý»ñÇ û·ï³·áñÍÙ³Ý ûñÇݳÏ: Ìñ. 3.5.1. confirm() ¨ prompt() Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml1-transitional .dtd"> <html xmlns="http://www. w3.org/1999/xhtml "> <head> <title>Objects construct example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"> <!-function fConfirm() { var v_name; var keepGoing=confirm("Continue"); if (keepGoing) v_name=prompt("Enter your name",""); if(!v_name) v_name="Dolly"; document.write("Hello "+v_name); } //--></script> </head> <body onload="fConfirm()"> </body></html> ä³ñ½³µ³Ý»Ýù Íñ. 3.5.1-áõÙ µ»ñí³Í Ïá¹Á: êó»Ý³ñÁ å³ñáõݳÏáõÙ ¿ fConfirm() ýáõÝÏódzÝ, áñÇ Ï³ÝãÁ ϳ½Ù³Ï»ñå»Éáõ ѳٳñ <body> ï»·áõÙ ëï»ÕÍí»É ¿ onload Ùß³ÏÇãÁ (¹³ Ý߳ݳÏáõÙ ¿, áñ ÷³ëï³ÃÕÃÇ Ù³ñÙÝÇ µ»éÝÙ³Ý ¹»åùáõÙ Ïϳï³ñíÇ ¹ÇÙáõÙ fConfirm() ýáõÝÏódzÛÇÝ):
116
ä³ïÏ»ñ 3.5.3. confirm ¨ prompt å³ïáõѳÝÝ»ñÇ ûñÇÝ³Ï êϽµáõÙ ëï»ÕÍí³Í ¿ v_name ÷á÷á˳ϳÝÁ, áñÇÝ, ëó»Ý³ñÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùáõÙ, ÏßÝáñÑíÇ ¿Ïñ³ÝÇÝ ¹áõñë µ»ñíáÕ ï»ùëïÁ: ²ÛÝáõÑ»ï¨ µ³óíáõÙ ¿ »ñÏËáëáõÃÛ³Ý confirm å³ïáõѳÝÁ (å³ïÏ»ñ 3.5.3-Ç í»ñÇÝ Ù³ëÁ)ª var keepGoing=confirm("Continue"):
ä³ïÏ»ñ 3.5.4. Ìñ. 3.5.1-Ç ³ñ¹ÛáõÝù³ÛÇÝ å³ïáõѳÝÝ»ñÁª 1. ºñµ áñ¨¿ ÷áõÉáõÙ ë»ÕÙí³Í ¿ Cancel ϳ٠÷³ÏÙ³Ý Ïá׳ÏÁ: 2. ºñµ confirm-áõÙ ë»ÕÙí³Í ¿ OK, ÇëÏ prompt-áõÙ Éñ³óí³Í ¿ ³ÝáõÝÁ ¨ ë»ÕÙí³Í ¿ OK: ºÃ» û·ïíáÕÁ ë»ÕÙáõÙ ¿ OK Ïá׳ÏÁ, keepGoing ÷á÷á˳ϳÝÇÝ ïñíáõÙ ¿ true ³ñÅ»ùÁ, ¨ ù³ÝÇ áñ ϳï³ñíáõÙ ¿ ³é³çÇÝ if ûå»ñ³ïáñÇ å³ÛÙ³ÝÁ, µ³óíáõÙ ¿ ݳ¨ prompt å³ïáõѳÝÁ, áñÇ »ñÏñáñ¹ 117
å³ñ³Ù»ïñÇÝ áñå»ë ³ñÅ»ù ßÝáñÑíáõÙ ¿ ¹³ï³ñÏ ïáÕ, ³ÛëÇÝùÝ` å³ïáõѳÝÁ µ³óí»ÉÇë ï»ùëïÇ Ùáõïù³·ñÙ³Ý ¹³ßïáõÙ áãÇÝã ã·ñ³ÝóíÇ (å³ïÏ»ñ 3.5.3-Ç ëïáñÇÝ Ù³ëÁ): ºÃ» ³ÛÅÙ û·ïíáÕÁ Ï³Ù³Û³Ï³Ý ³ÝáõÝ ·ñ³ÝóÇ ï»ùëïÇ Ùáõïù³·ñÙ³Ý å³ïáõѳÝáõÙ ¨ ë»ÕÙÇ OK Ïá׳ÏÁ, ³å³ v_name ÷á÷á˳ϳÝÁ Ïëï³Ý³ ·ñ³Ýóí³Í ³ñÅ»ùÁ: ºñÏñáñ¹ if ûå»ñ³ïáñÇ å³ÛÙ³ÝÁ ãÇ Ï³ï³ñíÇ` ù³ÝÇ áñ !v_name å³ÛÙ³ÝÁ Ý߳ݳÏáõÙ ¿, áñ v_name ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ãå»ïù ¿ ÉÇÝÇ ×Çßï (true): úå»ñ³ïáñÁ ϳÝï»ëíÇ ¨ Ïϳï³ñíÇ document.write("Hello "+v_name) Ù»Ãá¹Á: ²ñ¹ÛáõÝùáõÙ Ïëï³óíÇ å³ïÏ»ñ 3.5.4 (2)-áõÙ Ý»ñϳ۳óí³Í å³ïáõѳÝÁ (ÇѳñÏ», ³é³Ýó Ù»Ïݳµ³ÝáõÃÛ³Ý): ´áÉáñ ³ÛÉ ¹»åù»ñáõÙ Ïëï³óíÇ å³ïÏ»ñ 3.5.4 (1) –áõÙ Ý»ñϳ۳óí³Í ³ñ¹ÛáõÝùÁ: window ûµÛ»ÏïÇÝ Ñ³ïáõÏ »Ý ݳ¨ Ù»Ãá¹Ý»ñ, áñáÝù Ñݳñ³íáñáõÃÛáõÝ »Ý ï³ÉÇë áñáß ¿ç»ñ óáõó³¹ñ»É µñ³áõ½»ñÇ ÙÇ ù³ÝÇ ³é³ÝÓÇÝ å³ïáõѳÝÝ»ñáõÙ, Áݹ áñáõÙ` ÇÝãå»ë ëáíáñ³Ï³Ý, ³ÛÝå»ë ¿É Ùá¹³É: ÐÇß»Ýùª Ùá¹³É å³ïáõѳÝÁ ëáíáñ³Ï³ÝÇó ï³ñµ»ñíáõÙ ¿ ·áÛáõÃÛáõÝ áõÝ»óáÕ å³ïáõѳÝÇ Ñ»ï ѳëï³ïíáÕ Ï³åÇ »Õ³Ý³Ïáí: êáíáñ³Ï³Ý å³ïáõѳÝÝ»ñÁ ³ß˳ïáõÙ »Ý Çñ³ñÇó ³ÝϳË` ³ÛëÇÝùÝ Ï³ñ»ÉÇ ¿ ³ÏïÇí³óÝ»É ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÁ, ³ß˳ï»É ¹ñ³Ýó Ñ»ï ¨ ÷³Ï»É: Àݹ áñáõÙ, ³Û¹ ³Ù»ÝÁ ãÇ ³½¹áõÙ (ÇѳñÏ» »Ã» ¹³ ãÇ Ý³Ë³ï»ëí³Í ëó»Ý³ñáõÙ) ÙÛáõë å³ïáõѳÝÝ»ñÇ íñ³: Øá¹³É å³ïáõѳÝÇ Ï³åÁ ·áÛáõÃÛáõÝ áõÝ»óáÕÇ Ñ»ï ¿³å»ë ï³ñµ»ñ ¿ª û·ïíáÕÁ ãÇ Ï³ñáÕ ³ÏïÇí³óÝ»É ëϽµÝ³Ï³Ý å³ïáõѳÝÁ ÙÇÝ㨠ã÷³ÏíÇ Ùá¹³ÉÁ: êáíáñ³Ï³Ý å³ïáõѳÝÝ»ñÁ û·ï³·áñÍíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ û·ïíáÕÇÝ Ñݳñ³íáñáõÃÛáõÝ ¿ ïñíáõÙ ¹Çï³ñÏ»É áñáß³ÏÇ ÇÝýáñÙ³ódz` å³ïÏ»ñÝ»ñ, ÙáõÉïÇÙ»¹Ç³ ¨ ³ÛÉÝ, ß³ñáõݳϻÉáí ½áõ·³Ñ»é û·ïí»É ÑÇÙÝ³Ï³Ý ¿çÇó: open() Ù»Ãá¹Á û·ï³·áñÍíáõÙ ¿ Ýáñ áã Ùá¹³É å³ïáõÑ³Ý µ³ó»Éáõ ѳٳñ, ûñÇݳϪ window.open(“Ýáñ å³ïáõѳÝÇ URL ѳëó»Ý”): ÀݹѳÝáõñ ¹»åùáõÙ open() ýáõÝÏóÇ³Ý Ï³ñáÕ ¿ ÁݹáõÝ»É ãáñë ³ñ·áõÙ»ÝïÝ»ñ: ²é³çÇÝ ³ñ·áõÙ»ÝïÇ ³ñÅ»ùÁ ³ÛÝ ÷³ëï³ÃÕÃÇ Ñ³ëó»Ý ¿, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ: ºñÏñáñ¹Áª µ³óíáÕ å³ïáõѳÝÇ ³ÝáõÝÝ ¿: ¸³ áã å³ñï³¹Çñ ³ñ·áõÙ»Ýï ¿, áñÁ ϳñáÕ ¿ ϳï³ñ»É target µÝáõó·ñÇãÇ ¹»ñÁ ÷³ëï³ÃÕûñÇ ýñ»ÛÙ³ÛÇÝ (ßñç³Ý³Ï³ÛÇÝ) ϳéáõóí³ÍùÝ»ñáõÙ, »Ã» áñå»ë å³ïáõѳÝÇ ³ÝáõÝ ïñíáõÙ ¿ ³ÛÝ ýñ»ÛÙÇ ³ÝáõÝÁ, áñáõÙ ³ÝÑñ³Å»ßï ¿ ³ñï³å³ïÏ»ñ»É µ³óíáÕ ÷³ëï³ÃáõÕÃÁ: ºññáñ¹ ³ñ·áõÙ»ÝïÇ ÙÇçáóáí ϳñ»ÉÇ ¿ µ³óíáÕ å³ïáõѳÝÇÝ í»ñ³·ñ»É ÙÇ ß³ñù ѳïÏáõÃÛáõÝÝ»ñ (áñáÝù µ³Å³ÝíáõÙ »Ý ëïáñ³Ï»ï»ñáí) µÝáõó·ñÇãÝ»ñÇ óáõó³ÏÇ ï»ëùáí (Ýáñ µ³óíáÕ å³ïáõѳÝÇ µÝáõó·ñÇãÝ»ñÇ ó³ÝÏÁ µ»ñí³Í ¿ ³ÕÛáõë³Ï 3.5.3-áõÙ): âáññáñ¹ª ÝáõÛÝå»ë áã å³ñï³¹Çñ replace ³ñ·áõÙ»ÝïÇ true ³ñÅ»ùÁ ÃáõÛÉ ¿ ï³ÉÇë ³ñï³å³ïÏ»ñ»É Ýáñ µ³óíáÕ ¿çÁ ·áÛáõÃÛáõÝ áõÝ»óáÕ å³ïáõѳÝáõÙ` ¹áõñë ÙÕ»Éáí ݳËáñ¹Á history ûµÛ»ÏïÇ óáõó³ÏáõÙ: window ûµÛ»ÏïÇ showModalDialog() Ù»Ãá¹Á ÃáõÛÉ ¿ ï³ÉÇë µ³ó»É Ýáñ å³ïáõѳÝÁ, áñå»ë Ùá¹³É: êáíáñ³µ³ñ ³Û¹åÇëÇ å³ïáõѳÝÝ»ñÁ û·ï³·áñÍíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ ÙÇÝ㨠Íñ³·ñÇ Ï³ï³ñÙ³Ý ÁÝóóùÁ ß³ñáõݳϻÉÁ û·ïíáÕÁ å»ïù ¿ ϳï³ñÇ áñáß³ÏÇ ÁÝïñáõÃÛáõÝ Ï³Ù Ùáõïù³·ñÇ áñ¨¿ ³ÝÑñ³Å»ßï ïí۳ɪ ÇÝãå»ë alert, confirm prompt Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ¹»åùáõÙ (ï³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ Ýáñ å³ïáõѳÝÁ ëï»ÕÍíáõÙ ¿ Íñ³·ñ³íáñáÕÇ ÏáÕÙÇó ¨ Ý»ñϳéáõóí³Í ã¿):
118
²ÕÛáõë³Ï 3.5.3 open() Ù»Ãá¹Ç »ññáñ¹ ³ñ·áõÙ»ÝïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ´Ýáõó·ñÇãÁ ²ñÅ»ùÝ»ñÁ Üϳñ³·ñáõÃÛáõÝÁ directories yes | no Àݹ·ñÏíáõÙ »Ý ϳñ·³ó³ÝÏÇ Ïá׳ÏÝ»ñÁ fullscreen yes | no ä³ïáõѳÝÁ µ³óíáõÙ ¿ ³ÙµáÕç ¿Ïñ³Ýáí height ÃÇí (åÇùë»É) ä³ïáõѳÝÇ µ³ñÓñáõÃÛáõÝÁ left ÃÇí (åÇùë»É) ä³ïáõѳÝÇ ¹ÇñùÇ Ó³Ë í»ñÇÝ ÑáñǽáÝ³Ï³Ý Ïáá¹ÇݳïÁ location yes | no Àݹ·ñÏíáõÙ ¿ Address å³ïáõѳÝÁ menubar yes | no Àݹ·ñÏíáõÙ ¿ ëï³Ý¹³ñï Ù»ÝÛáõÝ resizeable yes | no Ðݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ ÷á÷áË»É å³ïáõѳÝÇ ã³÷»ñÁ scrollbars yes | no Àݹ·ñÏíáõÙ »Ý ÑáñǽáÝ³Ï³Ý ¨ áõÕճѳ۳ó åïï³Å³å³í»ÝÝ»ñÁ status yes | no Àݹ·ñÏíáõÙ ¿ íÇ׳ÏÇ ïáÕÁ toolbar yes | no Àݹ·ñÏíáõÙ ¿ ·áñÍÇùÝ»ñÇ ëï³Ý¹³ñï í³Ñ³Ý³ÏÁ top ÃÇí (åÇùë»É) ä³ïáõѳÝÇ ¹ÇñùÇ Ó³Ë í»ñÇÝ áõÕճѳ۳ó Ïáá¹ÇݳïÁ width ÃÇí (åÇùë»É) ä³ïáõѳÝÇ É³ÛÝáõÃÛáõÝÁ ²ÕÛáõë³Ï 3.5.4 showModalDialog() Ù»Ãá¹Ç ѳïÏáõÃÛáõÝÝ»ñÁ гïÏáõÃ. ²ñÅ»ùÝ»ñÁ Üϳñ³·ñáõÃÛáõÝÁ border thick | thin Þñç³Ý³ÏÇ “ѳëïáõÃÛáõÝÁ” center yes | no гí³ë³ñ»óáõÙ (Áëï ·É˳íáñ å³ïáõѳÝÇ) dialogHeight ÃÇí px ä³ïáõѳÝÇ µ³ñÓñáõÃÛáõÝÁ dialogWidth ÃÇí px ä³ïáõѳÝÇ É³ÛÝáõÃÛáõÝÁ dialogLeft ÃÇí px ÐáñǽáÝ³Ï³Ý ¹ÇñùÁ dialogTop ÃÇí px àõÕճѳ۳ó ¹ÇñùÁ font-family á×Ç ïáÕ î³é³ß³ñÇ ï»ë³ÏÁ font-size á×Ç ïáÕ î³é³ß³ñÇ ã³÷ëÁ font-style á×Ç ïáÕ î³é³ß³ñÇ á×Á (áõÕÇÕ, ß»Õ) font-weight á×Ç ïáÕ Â³íáõÃÛáõÝÁ help yes | no help Ïá׳ÏÇ Áݹ·ñÏáõÙÁ maximize yes | no maximize Ïá׳ÏÇ Áݹ·ñÏáõÙÁ minimize yes | no minimize Ïá׳ÏÇ Áݹ·ñÏáõÙÁ Øá¹³É å³ïáõѳÝÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ Ï³½ÙÁ ÙÇ ÷áùñ ï³ñµ»ñíáõÙ ¿ ëáíáñ³Ï³ÝÝ»ñÇó (Ù³ëݳíáñ³å»ë` ¹ñ³Ýù ãáõÝ»Ý ·áñÍÇùÝ»ñÇ ¨ Ù»ÝÛáõÝ»ñÇ í³Ñ³Ý³ÏÝ»ñ): ²ÕÛáõë³Ï 3.5.4-áõÙ Ý»ñϳ۳óí³Í »Ý µÝáõó·ñÇãÝ»ñÁ, áñáÝó ÙÇçáóáí ϳñ»ÉÇ ¿ Çñ³·áñÍ»É Ýáñ µ³óíáÕ Ùá¹³É å³ïáõѳÝÇ Ó¨³íáñáõÙÁ: Øá¹³É ¨ áã Ùá¹³É å³ïáõѳÝÝ»ñÇ û·ï³·áñÍÙ³Ý ûñÇݳÏÝ»ñÁ ³í»ÉÇ Ù³Ýñ³Ù³ëÝ ÏùÝݳñÏí»Ý ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ: ÆëÏ ³ÛÅÙ ¹Çï³ñÏ»Ýù window ûµÛ»ÏïÇ »ÝóûµÛ»ÏïÝ»ñÁ:
3.5.3. window ûµÛ»ÏïÇ »ÝóûµÛ»ÏïÝ»ñÁ history ûµÛ»ÏïÁ ÑÇÙݳϳÝáõÙ û·ï³·áñÍíáõÙ ¿ û·ïíáÕÇ Ñ³×³Ë³Í URL ѳëó»Ý»ñÁ µñ³áõ½»ñÇ ÑÇßáÕáõÃÛáõÝáõÙ å³Ñå³Ý»Éáõ ѳٳñ: ²ÛÝ áõÝÇ Ù»Ï Ñ³ïÏáõÃÛáõݪ length - ³Ûó»Éí³Í ¿ç»ñÇ` ÑÇßáÕáõÃÛáõÝáõÙ å³Ñå³Ýí³Í ù³Ý³ÏÁ: úµÛ»ÏïÇ Ù»Ãá¹Ý»ñÝ »Ýª back() - µ»éÝíáõÙ ¿ ݳËáñ¹ ¿çÁ, 119
forward() - µ»éÝíáõÙ ¿ ѳçáñ¹ ¿çÁ (»Ã» ³ñ¹»Ý ϳï³ñí»É ¿ ·áÝ» Ù»Ï ³Ýóáõ٠ݳËáñ¹ ¿ç»ñÇÝ), go(n) – ϳï³ñíáõÙ ¿ ³ÝóáõÙ n-ñ¹ ¿çÇÝ (»Ã» n-Á ¹ñ³Ï³Ý ¿ª ¹»åÇ ³é³ç, ѳϳé³Ï ¹»åùáõÙ` Ñ»ï): úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª history.go(-3), ³å³ Ïϳï³ñíÇ ³ÝóáõÙ »ñ»ù ù³ÛÉ ³é³ç µ»éÝí³Í ¿çÇÝ: location ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ µÝáõó·ñáõÙ »Ý ÁÝóóÇÏ ¿çÇ URL ѳëó»Ç ï³ñµ»ñ Ù³ë»ñÇÝ í»ñ³µ»ñáÕ ÇÝýáñÙ³ódzݪ href – ÉñÇí URL ѳëó»Ý ïáÕÇ ï»ëùáí, hash – ³Û¹ ïáÕÇ # Ýß³ÝÇó Ñ»ïá ·ñ³Ýóí³Í Ù³ëÁ, host – ѳëó»Ç “Ñáëï-åáñï” Ù³ëÁ, hostname – ѳëó»Ç “Ñáëï” Ù³ëÁ, pathname - ¹»åÇ ûµÛ»Ïï ï³ÝáÕ ×³Ý³å³ñÑÇ Ù³ëÁ, »ññáñ¹ / Ýß³ÝÇó Ñ»ïá port – åáñïÇ Ñ³Ù³ñÁ, protocol – ѳëó»Ç ëϽµÝ³Ï³Ýª ³ñӳݳ·ñáõÃÛáõÝÁ µÝáñáßáÕ Ù³ëÁ, search – ѳñóÙ³Ý ïáÕÁ ϳ٠URL-Ç ïíÛ³ÉÝ»ñÁ ? Ýß³ÝÇó Ñ»ïá: гïϳÝß³Ï³Ý ¿, áñ location ûµÛ»ÏïÇ href ѳïÏáõÃÛáõÝÁ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É ëó»Ý³ñáõÙ Ýáñ ¿ç»ñÇÝ ³Ýóáõ٠ϳï³ñ»Éáõ ѳٳñ: úñÇݳÏ, »Ã» ·ñ³ÝóíÇ Ñ»ï¨Û³É Ññ³Ù³ÝÁª location.href=”URL ѳëó»”; ³å³ µñ³áõ½»ñÇ å³ïáõѳÝáõ٠ϵ»éÝíÇ Ýßí³Í ѳëó»áõÙ ·ïÝíáÕ ¿çÁ: ÜáõÛÝ ³ñ¹ÛáõÝùÁ ϳñ»ÉÇ ¿ ëï³Ý³É` û·ï³·áñÍ»Éáí window ûµÛ»ÏïÇ navigate Ù»Ãá¹Áª window.navigate(“URL ѳëó»”); navigator ûµÛ»ÏïÁ Ýϳñ³·ñáõÙ ¿ µñ³áõ½»ñÇ Íñ³·ÇñÝ ³ñï³¹ñáÕÇ, í³ñϳÍÇ ¨ Ñݳñ³íáñáõÃÛáõÝÝ»ñÇ í»ñ³µ»ñÛ³É ï»Õ»ÏáõÃÛáõÝÝ»ñÁ: Üß»Ýù Ñ»ï¨Û³ÉÝ»ñÁª appCodeName - µñ³áõ½»ñÇ Ïá¹Ç ³Ýí³ÝáõÙÁ, appName - µñ³áõ½»ñÇ ³Ýí³ÝáõÙÁ, appVersion - µñ³áõ½»ñÇ í³ñϳÍÁ: ä³ïÏ»ñ 3.5.5-áõÙ óáõó³¹ñí³Í »Ý ùÝݳñÏí³Í ûµÛ»ÏïÝ»ñÇ áñáß Ñ³ïÏáõÃÛáõÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ÏáÝÏñ»ï µñ³áõ½»ñÇ Ñ³Ù³ñ (Ù»ñ ¹»åùáõÙ ¹³ Internet Explorer-Ý ¿):
ä³ïÏ»ñ 3.5.5. window ûµÛ»ÏïÇ »ÝóûµÛ»ÏïÝ»ñÇ áñáß Ñ³ïÏáõÃÛáõÝÝ»ñÁ 120
ÆÝãå»ë ï»ëÝáõÙ »Ýù, location ûµÛ»ÏïÇ host, hostname ¨ port ѳïÏáõÃÛáõÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ µ³ó³Ï³ÛáõÙ »Ý, ù³ÝÇ áñ Íñ³·ÇñÁ ϳï³ñíáõÙ ¿ ÉáÏ³É Ñ³Ù³Ï³ñ·ãÇ íñ³ (ëáíáñ³Ï³Ý file ³ñӳݳ·ñáõÃÛáõÝáí): history ûµÛ»ÏïÇ length ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ ѳí³ë³ñ ¿ ½ñáÛÇ, ù³ÝÇ áñ ¿çÁ ãÇ Ï³Ýãí»É ³ÛÉ ¿ç»ñÇó, ¨ ¹ñ³ÝÇó ³ÛÉ ¿ç»ñÇ Ï³Ýã»ñ ÝáõÛÝå»ë ã»Ý ϳï³ñí»É: ²ÕÛáõë³Ï 3.5.5 event ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁÝ»ñÁ гïÏáõÃÛáõÝÁ Üϳñ³·ñáõÃÛáõÝÁ altKey Alt ëï»ÕÝÇ íÇ׳ÏÁ button ØÏÝÇÏÇ ëï»ÕÝÁ, áñÝ ³é³ç³óñ»É ¿ Çñ³¹³ñÓ. cancelBubble ²ñ·»Éáõ٠ϳ٠ÃáõÛɳïñáõÙ ¿ Çñ³¹³ñÓáõÃÛ³Ý ³ÝóáõÙÁ ÑÇ»ñ³ñËdzÛáí í»ñ clientX î³ññÇ X Ïááñ¹ÇݳïÁ` µ³ó³é»Éáí ßñç³Ý³ÏÝ»ñÁ, ¹³ßï»ñÁ, åïï³Å³å³í»ÝÝ»ñÁ ¨ ³ÛÉÝ clientY î³ññÇ Y Ïááñ¹ÇݳïÁ` µ³ó³é»Éáí ßñç³Ý³ÏÝ»ñÁ, ¹³ßï»ñÁ, åïï³Å³å³í»ÝÝ»ñÁ ¨ ³ÛÉÝ ctrlKey Ctrl ëï»ÕÝÇ íÇ׳ÏÁ from Element î³ññÁ, áñÇ íñ³Ûáí ³Ýó»É ¿ ÙÏÝÇÏÇ ÝßÇãÁ (mouseover ¨ mouseout Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ Ñ³Ù³ñ) keyKode ê»ÕÙ³Í ëï»ÕÝÇ ASCII Ïá¹Á offsetX î³ññÇ X Ïááñ¹ÇݳïÁ` ѳñ³µ»ñí³Í å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇÝ offsetY î³ññÇ Y Ïááñ¹ÇݳïÁ` ѳñ³µ»ñí³Í å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇÝ reason òáõó³¹ñáõÙ ¿ Çñ³¹³ñÓáõÃÛ³Ý ³ÝóÙ³Ý Ñ³çáÕáõÃÛáõÝÁ ϳ٠³ÝѳçáÕáõÃÛ³Ý å³ï׳éÁ returnValue àñáßáõÙ ¿ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ screenX î³ññÇ X Ïááñ¹ÇݳïÁ` ѳñ³µ»ñí³Í µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ screenY î³ññÇ Y Ïááñ¹ÇݳïÁ` ѳñ³µ»ñí³Í µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ srcElement ÐÇ»ñ³ñËdzÛáõÙ ³Ù»Ý³ó³Íñ ï³ññÁ, áñáõ٠ϳï³ñíáõÙ ¿ Çñ³¹³ñÓáõÃÛáõÝÁ toElement î³ññÁ, áñÇÝ ï³ñíáõÙ ¿ ÙÏÝÇÏÇ ÝßÇãÁ type ì»ñ³¹³ñÓÝáõÙ ¿ Çñ³¹³ñÓáõÃÛ³Ý ³Ýí³ÝáõÙÁ x ØÏÝÇÏÇ ÝßÇãÇ X Ïááñ¹ÇݳïÁ y ØÏÝÇÏÇ ÝßÇãÇ Y Ïááñ¹ÇݳïÁ
121
event ûµÛ»ÏïÁ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ëï³Ý³É ¨ ѳñÏ »Õ³Í ¹»åùáõÙ ëó»Ý³ñáõÙ û·ï³·áñÍ»É µ³½Ù³ÃÇí ï»Õ»ÏáõÃÛáõÝÝ»ñ ϳï³ñíáÕ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ í»ñ³µ»ñÛ³É: ²ÕÛáõë³Ï 3.5.5-áõÙ µ»ñí³Í ¿ event ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ óáõó³ÏÁ (Ù»Ãá¹Ý»ñ ãáõÝÇ): ä³ïÏ»ñ 3.5.6-áõÙ ³ñï³å³ïÏ»ñí³Í ¿ ³ÛÝ å³ÑÁ, »ñµ ï»ÕÇ ¿ áõÝ»ó»É keydown Çñ³¹³ñÓáõÃÛáõÝÁª ë»ÕÙ³Í ¿ Alt ëï»ÕÝÁ (event.altKey=true, Alt ëï»ÕÝÇ Ïá¹Áª event.keyCode=18): ØÏÝÇÏÇ ÝßÇãÇ Ïááñ¹ÇݳïÝ»ñÁ µñ³áõ½»ñÇ å³ïáõѳÝÇ Ý»ñùÇÝ Ù³ëÇ Ó³Ë í»ñÇÝ ³ÝÏÛ³Ý í»ñ³µ»ñÛ³É ³Û¹ å³ÑÇÝ Ï³½ÙáõÙ »Ýª eventClientX=348 ¨ eventClientY=159 (ÝßÇãÇ ¹ÇñùÁ å³ïÏ»ñáõÙ óáõó³¹ñí³Í ¿ Ó»éùÇ óáõó³Ù³ïáí): ´³ó³ïñáÕ ï»ùëïÁ ¨ ï»ùëïÇ Ùáõïù³·ñÙ³Ý ¹³ßï»ñÁ ï»Õ³¹ñí³Í »Ý ³ÕÛáõë³ÏáõÙª ¹³ ÃáõÛÉ ¿ ï³ÉÇë Ý»ñϳ۳óÝ»É ÷³ëï³ÃáõÕÃÁ ³í»ÉÇ Ù³ïã»ÉÇ ï»ëùáí: ö³ëï³ÃÕÃÇ Íñ³·ñ³ÛÇÝ Ïá¹Á µ»ñí³Í ¿ Íñ. 3.5.2-áõÙ:
ä³ïÏ»ñ 3.5.6. event ûµÛ»ÏïÇ áñáß Ñ³ïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï Ìñ. 3.5.2. event ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml1-transitional .dtd"> <html xmlns="http://www. w3.org/1999/xhtml "> <head> <title>Event object</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"> <!-function fMouseMove() { document.all("coorx").value=event.clientX; document.all("coory").value=event.clientY; document.all("itype").value=event.type; window.event.cancelBubble=true; } function fKeyDown() { document.all("ikeyCode").value=event.keyCode; document.all("ialtKey").value=event.altKey; document.all("ictrlKey").value=event.ctrlKey; 122
document.all("ishiftKey").value=event.shiftKey; document.all("itype").value=event.type; document.all("iscrElement").value=window.event.scrElement; window.event.cancelBubble=true; } //--> </script> </head></td><tr> <body > <table name="tablica" id="tablica" border="2" style="position:absolute;top:5px;left:5px;width:350px;height:150px" onkeydown="fKeyDown()" onmousemove="fMouseMove()"> <tr><td>ØÏÝÇÏÇ ÝßÇãÇ ÑáñǽáÝ³Ï³Ý Ïááñ¹ÇݳïÁ <b>(event.clientX)</b></td><td><input type="text" id="coorx" /></td><tr> <tr> <td>ØÏÝÇÏÇ ÝßÇãÇ áõÕճѳ۳ó Ïááñ¹ÇݳïÁ <b>(event.clientY)</b></td><td><input type="text" id="coory" /></td> <tr> <tr><td>ê»ÕÙ³Í ëï»ÕÝÇ Í³Íϳ·ÇñÁ <b>(event.keyCode)</b></td><td><input type="text" id="ikeyCode" /></td><tr> <tr><td>ê»ÕÙ³Í ¿ "Alt" ëï»ÕÝÁ <b>(event.altKey)</b></td><td><input type="text" id="ialtKey"/> </td> <tr> <tr> <td>ê»ÕÙ³Í ¿ "Ctrl" ëï»ÕÝÁ <b>(event.ctrlKey)</b></td><td><input type="text" id="ictrlKey" /></td><tr> <tr> <td>ê»ÕÙ³Í ¿ "Shift" ëï»ÕÝÁ <b>(event.shiftKey)</b></td><td><input type="text" id="ishiftKey" /></td> <tr> <tr> <td>î»ÕÇ áõÝ»ó³Í Çñ³¹³ñÓáõÃÛ³Ý ³Ýí³ÝáõÙÁ <b>(event.type)</b></td><td><input type="text" id="itype" /></td> <tr> </table> </body></html> êó»Ý³ñáõÙ Ýϳñ³·ñí³Í ¿ »ñÏáõ ýáõÝÏódz, áñáÝó ϳÝã»ñÁ ϳ½Ù³Ï»ñåí³Í »Ý onkeydown="fKeyDown()" ¨ onmousemove= "fMouseMove()" Ùß³ÏÇãÝ»ñÇ ÙÇçáóáí: γñ»ÉÇ ¿ Ýϳï»É, áñ Ûáõñ³ù³ÝãÛáõñ ýáõÝÏódzÛÇ í»ñçÇÝ Ññ³Ù³ÝÝ ¿ª window.event.cancelBubble=true; cancelBubble ѳïÏáõÃÛáõÝÁ ÃáõÛÉ ¿ ï³ÉÇë ³ñ·»É»É Çñ³¹³ñÓáõÃÛ³Ý “³ÝóáõÙÁ” ¹»åÇ í»ñ` ÑÇ»ñ³ñËdzÛÇ ë³Ý¹Õ³Ïáí: êáíáñ³µ³ñ ³Û¹ ѳïÏáõÃÛáõÝÁ û·ï³·áñÍíáõÙ ¿, »ñµ ïíÛ³É ï³ññÁ Ý»ñ¹ñí³Í ¿ ÙÇ ³ÛÉ ï³ññáõÙ (ÏáÝï»ÛÝ»ñáõÙ) ¨ ÙǨÝáõÛÝ Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏáõÙÁ ¹ñ³ÝóÇó Ûáõñ³ù³ÝãÛáõñÇ Ñ³Ù³ñ å»ïù ¿ ϳï³ñíÇ ÛáõñáíÇ: ä³ñ½³µ³Ý»Ýù Ñ»ï¨Û³É ³ÕÛáõë³ÏÇ ûñÇݳÏáíª <table onkeydown=” fKeyDownTbl()”><tr> <td>Øáõïù³·ñ»ù Ó»ñ ³ÝáõÝÁ</td> <td><input type=”text” onkeydown=”fKeyDownInp()”</td> </tr></table> ´»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ ¨° ³ÕÛáõë³ÏÇ, ¨° Ý»ñ¹ñí³Í ï»ùëïÇ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÇ Ñ³Ù³ñ ëï»ÕÍí³Í »Ý onkeydown Ùß³ÏÇãÝ»ñÁ: ê³Ï³ÛÝ »Ã» ³ÏïÇí ¿ (ýáÏáõëáõÙ ¿ ·ïÝíáõÙ) ï»ùëï³ÛÇÝ å³ïáõѳÝÁ ¨ ë»ÕÙíáõÙ ¿ áñ¨¿ ëï»ÕÝ, ³å³ å»ïù ¿ ϳÝãíÇ fKeyDownInp() ýáõÝÏódzÝ, ÇëÏ »Ã» ýáÏáõëáõÙ ¿ ·ïÝíáõÙ ÙdzÛÝ ³ÕÛáõë³ÏÁ (¨ áã ï»ùëï³ÛÇÝ å³ïáõѳÝÁ), ³å³ å»ïù ¿ ϳÝãíÇ fKeyDownTbl() ýáõÝÏódzÝ: ²ÏÝѳÛï ¿, áñ »Ã» ýáÏáõëáõÙ ·ïÝíÇ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÁ, ÇÝùݳµ»ñ³µ³ñ ýáÏáõëáõÙ Ï·ïÝíÇ Ý³¨ ³ÕÛáõë³ÏÁ, ¨ ëï»ÕÝÇ ë»ÕÙáõÙÁ ³Û¹ å³ÑÇÝ Ï³ñáÕ ¿ µ»ñ»É ÙÇ³Å³Ù³Ý³Ï »ñÏáõ Ùß³ÏÇãÝ»ñÇ Ï³ï³ñÙ³ÝÁ: ²Û¹åÇëÇ Çñ³íÇ׳ÏÝ»ñáõÙ ÏÇñ³éíáõÙ ¿ cancelBubble ѳïÏáõÃÛáõÝÁ: ²ÛëÇÝùÝ` »Ã» fKeyDownInp() ýáõÝÏódzÛÇ Íñ³·ñ³ÛÇÝ Ïá¹Ç í»ñçáõÙ ·ñ³ÝóíÇ Ñ»ï¨Û³É Ññ³Ù³ÝÁª window.event.cancelBubble=true, ³å³ ³ÛÝ Ï³ñ·»ÉÇ keydown Çñ³¹³ñÓáõÃÛ³Ý ³ÝóáõÙÁ ¹»åÇ ÑÇ»123
ñ³ñËdzÛÇ ³í»ÉÇ µ³ñÓñ ٳϳñ¹³Ï áõÝ»óáÕ ï³ññÁ, ïíÛ³É ¹»åùáõÙ` ³ÕÛáõë³ÏÁ: document ûµÛ»ÏïÁ ÝáõÛÝå»ë window ûµÛ»ÏïÇ “½³í³ÏÝ»ñÇó ¿”, ë³Ï³ÛÝ ³ÛÝ Í³Ûñ³ëïÇ×³Ý “ѳëáõÝ” ¨ ÇÝùÝáõñáõÛÝ ûµÛ»Ïï ¿: ¶áñÍݳϳÝáõÙª JavaScript-áí ëó»Ý³ñÝ»ñ ϳ½Ù»ÉÇë, Ù³ëݳíáñ³å»ë å³ïÏ»ñ³Ó¨»ñÇ Ùß³ÏÙ³Ý Ñ³Ù³ñ, ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕÁ document ûµÛ»ÏïÝ ¿, ù³ÝÇ áñ Ñ»Ýó ÷³ëï³ÃÕûñáõÙ »Ý å³Ñå³ÝíáõÙ HTML ¿ç»ñÇ µáÉáñ ûµÛ»ÏïÝ»ñÁ ¨ ï³ññ»ñÁ: úµÛ»ÏïÇ ÑÇÙÝ³Ï³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ ¨ Ù»Ãá¹Ý»ñÇÝ Ï³ñ»ÉÇ ¿ ͳÝáÃ³Ý³É Ñ³ïáõÏ ·ñ³Ï³ÝáõÃÛáõÝÇó, ÇëÏ ³Ûëï»Õ Ýß»Ýù Ñ»ï¨Û³É ѳïÏáõÃÛáõÝÝ»ñÁª domain – å³Ñå³ÝáõÙ ¿ ³ÛÝ ¹áÙ»ÛÝÇ ³ÝáõÝÁ, áñáõÙ ·ïÝíáõÙ ¿ ÁÝóóÇÏ ÷³ëï³ÃáõÕÃÁ: url – å³Ñå³ÝáõÙ ¿ ÁÝóóÇÏ ÷³ëï³ÃÕÃÇ URL ѳëó»Ý: referrer – ϳñáÕ ¿ û·ï³·áñÍí»É ³ÛÝ ¿çÇ URL ѳëó»Ý, áñÇó ϳï³ñí»É ¿ ÑÕáõÙÁ ÁÝóóÇÏ ¿çÇÝ (³ÛëÇÝùÝ` áñÇó û·ïíáÕÁ ³Ýó»É ¿ ÁÝóóÇÏÇÝ): lastmodified - ÷³ëï³ÃÕÃáõÙ í»ñçÇÝ ÷á÷áËáõÃÛáõÝÝ»ñÇ Ï³ï³ñÙ³Ý ï³ñ»ÃÇíÁ ¨ ųٳݳÏÁ: title - ÷³ëï³ÃÕÃÇ í»ñݳ·ÇñÁ (<title></title> ï»·Ç å³ñáõݳÏáõÃÛáõÝÁ): ahchors - ½³Ý·í³Í ¿, áñáõÙ å³Ñå³ÝíáõÙ »Ý ÷³ëï³ÃÕÃáõÙ å³ñáõݳÏíáÕ µáÉáñ ÑÕáõÙÝ»ñÁ (˳ñÇëËÝ»ñÁ): images – ÝáõÛÝå»ë ½³Ý·í³Í ¿: ²Ûëï»Õ å³Ñå³ÝíáõÙ »Ý ÷³ëï³ÃÕÃÇ ·ñ³ýÇÏ³Ï³Ý å³ïÏ»ñÝ»ñÇ URL ѳëó»Ý»ñÁ: forms - ¨ë Ù»Ï ½³Ý·í³Í ¿, áñÁ ÃáõÛÉ ¿ ï³ÉÇë ¹ÇÙ»É (ѳë³Ý»ÉÇáõÃÛáõÝ ¿ ³å³ÑáíáõÙ) ÷³ëï³ÃÕÃÇ ï³ñµ»ñ å³ïÏ»ñ³Ó¨»ñÇÝ: гïÏáõÃÛáõÝÝ»ñÇ ¿áõÃÛáõÝÁ µÝáõó·ñíáõÙ ¿ ¹ñ³Ýó ³Ýí³ÝáõÙÝ»ñáí: ÆÝã í»ñ³µ»ñáõÙ ¿ ÷³ëï³ÃÕÃÇ »ÝóûµÛ»ÏïÝ»ñÇ ½³Ý·í³ÍÝ»ñÇÝ, ¹ñ³Ýù û·ï³·áñÍíáõÙ »Ý ÇÝãå»ë ¨ ëáíáñ³Ï³Ý ½³Ý·í³ÍÝ»ñÁ: úñÇÝ³Ï ¿çÇ ³é³çÇÝ å³ïÏ»ñÇ URL ѳëó»Ý áñáß»Éáõ ѳٳñ ϳñáÕ »Ýù ·ñ»É Ñ»ï¨Û³É Ññ³Ù³ÝÁª alert(document.images[0].src); γñ»ÉÇ ¿ ݳ¨ ÷áË»É å³ïÏ»ñÇ URL-Á, ¨ ÑÕáõ٠ϳ½Ù³Ï»ñå»É Ýáñ ·ñ³ýÇÏ³Ï³Ý ý³ÛÉÇݪ document.images[0].src=”images/newimage.gif”; úµÛ»ÏïÇ áñáß Ù»Ãá¹Ý»ñÇÝ Ù»Ýù ³ñ¹»Ý ͳÝáà »Ýù: úñÇݳϪ document.writeln() ¨ document.write(): ºñÏáõëÝ ¿É ϳï³ñáõÙ »Ý ÝáõÛÝ ýáõÝÏódzÝ: î³ñµ»ñáõÃÛáõÝÝ ³ÛÝ ¿, áñ writeln() Ù»Ãá¹Á ÇÝùݳµ»ñ³µ³ñ Ý»ñ¹ÝáõÙ ¿ ïáÕ³÷áËáõÃÛ³Ý Ýß³ÝÁ (áñÁ µñ³áõ½»ñÁ, ÙǨÝáõÛÝ ¿, ãÇ ×³Ý³ãáõÙ, »Ã» ÙdzÛÝ ·ñ³ÝóíáÕ Ïá¹Á ãÇ ·ñ³Ýóí³Í <pre> ï»·áõÙ): Ðݳñ³íáñ ¿ ݳ¨ “Ù³ùñ»É” ÁÝóóÇÏ ¿çÁ ¨ ëï»ÕÍ»É ÉÇáíÇÝ Ýáñ ¿ç: ²Û¹ Ýå³ï³Ïáí û·ï³·áñÍíáõÙ »Ý open() ¨ close() (å»ïù ã¿ ß÷áÃ»É window ûµÛ»ÏïÇ open() Ù»Ãá¹Ç Ñ»ï, áñÁ µ³óáõÙ ¿ µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝ) Ù»Ãá¹Ý»ñÁ: ¸ñ³ ѳٳñ ëϽµáõÙ document.open() Ù»Ãá¹áí Ù³ùñíáõÙ ¿ ÁÝóóÇÏ ÷³ëï³ÃáõÕÃÁ, ¹ñ³ÝÇó Ñ»ïá write() Ù»Ãá¹áí ·ñ³ÝóíáõÙ ¿ ³ÛÝ, ÇÝã ³ÝÑñ³Å»ßï ¿ ¨ document.close() Ù»Ãá¹Á û·ï³·áñÍ»Éáõó Ñ»ïá Ýáñ ÷³ëï³ÃáõÕÃÁ å³ïñ³ëï ¿: ä³ñ½³µ³Ý»Éáõ ѳٳñ µ»ñ»Ýù ûñÇÝ³Ï (Íñ. 3.5.3): Ìñ. 3.5.3. Üáñ ÷³ëï³ÃÕÃÇ ¹ÇݳÙÇÏ Ï³½Ù³íáñÙ³Ý ûñÇÝ³Ï <html> <head><title>Old document</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"> function personalizePage () { var userName = personalForm.myName.value; document.open(); document. write("<html><head><title>New document</title> </head>"); document.write("<body><h1> ´³ñ¨ " + userName + "</h1>"); document.write("<p>²Ûë ¿çÁ ëï»ÕÍí»É ¿ ѳïáõÏ <b>Ò»½</b> ѳٳñ</p>"); document.write("</body></html>"); document.close( ) } </script> </head> <body> <h2>лÕÇݳϳíáñÙ³Ý ¨ ³Ýѳï³Ï³Ý³óÙ³Ý ¿ç</h2> <p>´³ñ¨ Ó»½! ¶ñ³Ýó»ù Ò»ñ ³ÝáõÝÁ ¨ ë»ÕÙ»ù "Continue" ëï»ÕÝÁ: <br /> ¾çÇ µáí³Ý¹³ÏáõÃÛáõÝÁ Ï÷áËíÇ: <br />àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, áñ URL ѳëó»Ý ãÇ ÷áËí»É:</p> 124
<form name="personalForm">¶ñ³Ýó»ù Ò»ñ ³ÝáõÝÁ <input type="text" name="myName" id="myName" style="font-family:Arial Armenian;font-size:10pt"> <input type="button" value="Continue" onclick="personalizePage()" /></form></body></html> Ø»ÏݳñϳÛÇÝ ¿çÁ óáõó³¹ñí³Í ¿ å³ïÏ»ñ 3.5.7-áõÙ, ÇëÏ ÝáñÁ` 3.5.8-áõÙ:
ä³ïÏ»ñ 3.5.7. Üáñ ÷³ëï³ÃÕÃÇ ¹ÇݳÙÇÏ ëï»ÕÍÙ³Ý ûñÇÝ³Ï (Ù»ÏݳñϳÛÇÝ ¿çÁ)
ä³ïÏ»ñ 3.5.8. Üáñ ÷³ëï³ÃÕÃÇ ¹ÇݳÙÇÏ ëï»ÕÍÙ³Ý ûñÇÝ³Ï (Ýáñ ëï»ÕÍí³Í ¿çÁ) à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ ¨ ûµÛ»ÏïÝ»ñÇÝ Ñ³ë³Ý»ÉÇáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ ·áñÍݳϳÝáõÙ ÃáõÛÉ »Ý ï³ÉÇë ëó»Ý³ñÇ ÙÇçáóáí ÷á÷áË»É ÷³ëï³ÃÕÃÇ ó³Ýϳó³Í ï³ññÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ: úñÇݳÏ` ÷áË»Éáí å³ïÏ»ñÇ (img) src ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ` ϳñ»ÉÇ ¿ ÷á˳ñÇÝ»É Ù»Ï å³ïÏ»ñÁ ÙÛáõëáí, ÷á÷áË»Éáí å³ñµ»ñáõÃÛáõÝáõÙ å³ñáõݳÏíáÕ ï»ùëïÇ ï³ñµ»ñ ѳïÏáõÃÛáõÝÝ»ñÁ (ï³é³ß³ñÇ ÁÝï³ÝÇùÁ, ï³é»ñÇ Ù»ÍáõÃÛáõÝÁ, óíáõÃÛáõÝÁ ¨ ³ÛÉÝ): Ðݳñ³íáñ ¿ ÷á÷áË»É Ý³¨ å³ïÏ»ñÝ»ñÇ Ï³Ù ³ÛÉ ï³ññ»ñÇ ã³÷ë»ñÁ` û·ï³·áñÍ»Éáí width ¨ height ѳïÏáõÃÛáõÝÝ»ñÁ:
¢ 3.6. HTML ¾ç»ñÇ µáí³Ý¹³ÏáõÃÛ³Ý ¨ ï»ëùÇ Õ»Ï³í³ñáõÙÁ left ¨ top (ï³ññÇ í»ñÇÝ Ó³Ë ³ÝÏÛáõÝÇ x ¨ y Ïááñ¹ÇݳïÝ»ñÁ ѳñ³µ»ñí³Í ¿Ïñ³ÝÇ ÝáõÛÝ ³ÝÏÛáõÝÇÝ) ѳïÏáõÃÛáõÝÝ»ñÇ ÷á÷áËáõÃÛáõÝÁ ï³ññ»ñÇ ¹ÇñùÁ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ ÷áË»Éáõ Ñݳñ³íáñáõÃÛáõÝ ¿ ï³ÉÇë: гñÏ ¿ Ýß»É, áñ top, left, width, height ѳïÏáõÃÛáõÝÝ»ñÝ áõÝ»Ý ïáÕ³ÛÇÝ (string) Ó¨³ã³÷ ¨ ¹ñ³Ýó ³ñÅ»ùÝ»ñÇ Ñ»ï ³ÝÑݳñ ¿ ϳï³ñ»É áñ¨¿ Ãí³µ³Ý³Ï³Ý ·áñÍáÕáõÃÛáõÝ` ³é³Ýó ã³÷Ù³Ý ÙdzíáñÁ (px) ½³ï»Éáõ: ²Û¹ ѳïÏáõÃÛáõÝÝ»ñÇ Ãí³ÛÇÝ ³ñÅ»ùÝ»ñÁ ëó»Ý³ñÝ»ñáõÙ ÇÝùݳµ»ñ³µ³ñ ëï³Ý³Éáõ ϳ٠ßÝáñÑ»Éáõ Ýå³ï³Ïáí û·ï³·áñÍíáõÙ ¿ ÙÇ ³ÛÉ Ñ³í³ù³Íáõ` 125
posTop, posLeft, posWidth ¨ posHeight: úñÇݳÏ` »Ã» ßÝáñÑ»Ýù Ó³ËÇó 30 åÇùë»É ËáñáõÃÛ³Ùµ ï»Õ³¹ñí³Í ï³ññÇ left ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ a ÷á÷á˳ϳÝÇÝ` a=element.style.left, ³å³ ¹ñ³ ³ñÅ»ùÁ ÏÉÇÝÇ 30px: ºÃ» ÝáõÛÝ ÷á÷á˳ϳÝÇÝ ßÝáñÑ»Ýù posLeft ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ` a=element.style.posLeft, ³å³ a-Ç ³ñÅ»ùÁ Ϲ³éݳ å³ñ½³å»ë 30: z-index ѳïÏáõÃÛáõÝÁ ³í»É³óÝáõÙ ¿ Ýáñ “ã³÷³ÝÇáõÃÛáõÝ” (³í»ÉÇ ëïáõÛ·` ÙÇ ß³ñù ß»ñï»ñ) ¨ ëï»ÕÍáõÙ ¿ áñáß³ÏÇ ÝÙ³ÝáõÃÛáõÝ »é³ã³÷ ï³ñ³ÍáõÃÛ³Ý: ¸ñ³ ÙÇçáóáí ë³ÝÙ³ÝíáõÙ ¿, û ÇÝãåÇëÇ Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµ »Ý ³é³ÝÓÇÝ ß»ñï»ñÁ ÙÇÙÛ³Ýó ͳÍÏ»Éáõ: ²í»ÉÇ Ù»Í z-index-Ç ³ñÅ»ù áõÝ»óáÕ ß»ñïÁ óáõó³¹ñíáõÙ ¿ ³í»ÉÇ ÷áùñ»ñÇ íñ³ÛÇó: Æñ³Ï³ÝáõÙ, ù³ÝÇ áñ µáÉáñ ß»ñï»ñÝ ¿É ѳñà »Ý, ³Û¹åÇëÇ Ñݳñ³íáñáõÃÛáõÝÁ ÏáãíáõÙ ¿ 2.5 ã³÷³ÝÇáõÃÛáõÝ: ºÃ» ¿çÇ ï³ññ»ñÇ ³Û¹ ѳïÏáõÃÛ³ÝÁ ³ñÅ»ùÝ»ñ ã»Ý ïñí³Í, ³å³ ¹ñ³Ýù ͳÍÏáõÙ »Ý ÙÇÙÛ³Ýó Íñ³·ñáõÙ ·ñ³Ýóí³Í ѳçáñ¹³Ï³ÝáõÃÛ³Ùµ (Áëï Éé»ÉÛ³ÛÝ, å³ïÏ»ñ³Ó¨»ñÇ ï³ññ»ñÝ áõÝ»Ý z-index-Ç ³í»ÉÇ Ù»Í ³ñÅ»ù ÙÛáõë ï³ññ»ñÇ Ýϳïٳٵ): ¾çÇ ¹ÇݳÙÇÏáõÃÛáõÝÁ ³å³ÑáíáÕ ã³÷³½³Ýó ϳñ¨áñ ѳïÏáõÃÛáõÝ ¿ position-Á, áñÁ left ¨ top ѳïÏáõÃÛáõÝÝ»ñÇ Ñ»ï ѳٳï»Õ ÃáõÛÉ ¿ ï³ÉÇë ï»Õ³¹ñ»É ï³ññ»ñÁ µñ³áõ½»ñÇ å³ïáõѳÝÇ áñáß³ÏÇ ¹Çñù»ñáõÙ: ²ÛÝ Ï³ñáÕ ¿ ÁݹáõÝ»É »ñ»ù Ñݳñ³íáñ ³ñÅ»ùÝ»ñ` absolute – Ý߳ݳÏáõÙ ¿, áñ left ¨ top ѳïÏáõÃÛáõÝÝ»ñÇ ³ñÅ»ùÝ»ñÇ ÙÇçáóáí ï³ññÁ Ïï»Õ³¹ñíÇ Ñ³Ù³å³ï³ëË³Ý ¹ÇñùáõÙ` å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇ Ó³Ë í»ñÇÝ ³ÝÏÛáõÝÇÝ Ñ³ñ³µ»ñ³Í: ºÃ» ï³ññÁ ãáõÝÇ å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñ, Ïááñ¹ÇݳïÝ»ñÁ ѳßí³ñÏíáõÙ »Ý` ѳñ³µ»ñí³Í µñ³áõ½»ñÇ å³ïáõѳÝÇÝ: Üß»Ýù, áñ ï³ññÇ ¹ÇñùÁ ϳËáõÙ ãáõÝÇ ÷³ëï³ÃÕÃÇ ëϽµÝ³Ï³Ý Íñ³·ñ³ÛÇÝ Ïá¹áõÙ ·ñ³Ýóí³Í ¹ñ³ ï»·Ç ¹ÇñùÇó: relative - ³Ûë ¹»åùáõÙ ï³ññÁ ³ñï³å³ïÏ»ñíáõÙ ¿ Áëï ³ÛÝ ¹ÇñùÇ, áñÁ ëϽµÝ³Ï³Ý Ïá¹áõÙ ½µ³Õ»óÝáõÙ ¿ ¹ñ³ ï»·Á: static - ï³ññÁ ï»Õ³¹ñíáõÙ ¿ ýáÝÇ Ýϳïٳٵ áñáß³ÏÇ ¹ÇñùáõÙ ¨ ãÇ ï»Õ³ß³ñÅíáõÙ ¿çÁ åïï»ÉÇë (scrolling): гñÙ³ñ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ ¿çáõÙ ï»Õ³¹ñ»É í»ñݳ·Çñ ϳ٠ÙÇ áñ¨¿ ³ÛÉ ï³ññ, áñÁ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ ÙÛáõë ï³ññ»ñÇ åïï»Éáõó ³ÝϳË: overflow ѳïÏáõÃÛáõÝÁ ÏÇñ³éíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ Ý»ñùÇÝ ï³ññÁ (³Û¹ Ãíáõ٠ݳ¨ ï»ùëïÁ) ϳñáÕ ¿ ¹áõñë ·³É ³Û¹ ï³ññÁ å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇ ë³ÑÙ³ÝÝ»ñÇó: ²Û¹ ѳïÏáõÃÛáõÝÁ û·ï³·áñÍ»ÉÇë å³ñï³¹Çñ Ï»ñåáí å»ïù ¿ width ¨ height ѳïÏáõÃÛáõÝÝ»ñÇ ÙÇçáóáí ݳ˳å»ë ë³ÑÙ³Ý»É å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇ ·Í³ÛÇÝ ã³÷ë»ñÁ: гïÏáõÃÛáõÝÁ áõÝÇ »ñ»ù Ñݳñ³íáñ ³ñÅ»ùÝ»ñ` none - »Ã» ï³ññÁ ÝáõÛÝÇëÏ ³ÝóÝÇ ÏáÝï»ÛÝ»ñÇ ë³ÑÙ³ÝÝ»ñÇó, ÙǨÝáõÛÝ ¿ ³ÛÝ Ï³ñï³å³ïÏ»ñíÇ (ûñÇݳÏ` ï»ùëïÇ ³ÛÝ Ù³ëÁ, áñÁ ãÇ ï»Õ³íáñí»É å³ñáõݳÏáÕ ï³ññáõÙ, “¹áõñë Ï·³” í»ñçÇÝÇ ë³ÑÙ³ÝÝ»ñÇó): clip - ï³ññÇ ¹áõñë »ÏáÕ Ù³ë»ñÁ ÏÏïñïí»Ý (ã»Ý óáõó³¹ñíÇ): scroll – Áëï ³ÝÑñ³Å»ßïáõÃÛ³Ý` ëï»ÕÍíáõÙ ¿ åïïÙ³Ý Ù»Ë³ÝǽÙÁ (åïï³ëï»ÕÝ»ñ): visibility ѳïÏáõÃÛ³Ý ÙÇçáóáí ϳñ»ÉÇ ¿ ջϳí³ñ»É ï³ññ»ñÇ ï»ë³Ý»ÉÇáõÃÛáõÝÁ ¹Çï³ñÏÙ³Ý ÁÝóóùáõÙ: hidden ³ñÅ»ùÁ ¹³ñÓÝáõÙ ¿ ï³ññÁ ³Ýï»ë³Ý»ÉÇ, ÇëÏ visible-Á` ï»ë³Ý»ÉÇ: ²ÝÏ³Ë ¹ñ³ÝÇó, ÙÛáõë µáÉáñ ï³ññ»ñÁ ÙÝáõÙ »Ý Çñ»Ýó ¹Çñù»ñáõÙ: display ѳïÏáõÃÛáõÝÁ, µ³óÇ ï³ññÇ ï»ë³Ý»ÉÇáõÃÛáõÝÇó, ³½³ïáõ٠ϳ٠Éñ³óÝáõÙ ¿ ݳ¨ ¹ñ³ ½µ³Õ»óñ³Í ï»ÕÁ, ³ÛëÇÝùÝ` »Ã» ûñÇÝ³Ï ·ñ³ÝóíÇ` document.all(“MyElement”).style.display=none; MyElement ï³ññÁ Ϲ³éݳ ³Ýï»ë³Ý»ÉÇ, ÇëÏ Íñ³·ñ³ÛÇÝ Ïá¹áõÙ ¹ñ³Ý ݳËáñ¹áÕ ¨ ѳçáñ¹áÕ ï³ññ»ñÁ “ÏÏåã»Ý” ÙÇÙÛ³Ýó (»Ã», ÇѳñÏ», ¹ñ³Ýó ¹Çñù³íáñÙ³Ý Ñ³ïÏáõÃÛáõÝÁ absolute ã¿): гϳé³Ï ¹»åùáõÙ` document.all(“MyElement”).stylle.display=block, ï³ññÁ Ϲ³éݳ ï»ë³Ý»ÉÇ ¨ “ÏËóÏíÇ” ݳËáñ¹áÕ ¨ ѳçáñ¹áÕ ï³ññ»ñÇ ÙÇç¨: лï¨Û³É ûñÇݳÏÁ (Íñ. 3.6.1.) Ïû·ÝÇ ³í»ÉÇ É³í å³ïÏ»ñ³óÝ»É Ãí³ñÏí³Í ѳïÏáõÃÛáõÝÝ»ñÇ û·ï³·áñÍÙ³Ý ³ñ¹ÛáõÝùÝ»ñÁ (ÙÇ³Å³Ù³Ý³Ï óáõó³¹ñí³Í »Ý á×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ï³ñµ»ñ »Õ³Ý³ÏÝ»ñÁ): Ìñ. 3.6.1. î³ññ»ñÇ ¹Çñù³íáñÙ³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <html><head><title></title> <style> p {font-size:10pt} p.bluetext {font-weight:bold;color:blue} p.reverse {font-weight:bold;color:white} 126
h3 {font-size:18pt;font-weight:bpld;color:blue} </style> </head> <body> <div id=”div1” style="position:absolute;top:0px;left:0px;width:300px;height:100px; margin:10px;z-index:3"> <h3>Some text about HTML</h3> <p style="line-height:140%">In the previos chapter overwiewed whats new in Dinamic HTML, saw some examples of dinamic pares and discovered things we have to learn to start working with it</p> </div> <div id=”div2” style="position:absolute;top:0px;left:100px;width:200px; height:300px;background-color:gray"> <center> <p class="reverse" style="margin-top:30px">Sponsored by<br />My Press</p></center> </div> <div id=”div3” style="position:absolute;top:130px;left:0px; width:200px;height:80px;background-color:yellow; margin-top:10px;margin-left:30px;margin-right:30px;overflow:scroll"> <p class="bluetext">One of this is style sheets, and much of this chapter is concerned with this. It's the first step in connecting the elements in the page to our scripts and, without scrips, the pages will fale to come alive</p> </div> <div id=”div4” style="position:absolute;top:250px;left:0px; width:300px"><center> <h3 style="color:darkred;line-height:200%">My Press Limited</h3> </center></div> </body></html> ä³ïÏ»ñ 3.6.1-áõÙ óáõó³¹ñí³Í ¿ Íñ. 3.6.1-áõÙ µ»ñí³Í ÷³ëï³ÃÕÃÇ ³ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùÁ: γñ»ÉÇ ¿ ï»ëÝ»É, áñ ¿çÇ µ³Å³ÝÙ³Ý ïñ³Ù³µ³Ý³Ï³Ý ï³ññ»ñÁ (div) ͳÍÏáõÙ »Ý ÙÇÙÛ³Ýó ³ÛÝ Ñ³çáñ¹³Ï³ÝáõÃÛ³Ùµ, áñáí ·ñ³Ýóí³Í »Ý Íñ³·ñ³ÛÇÝ Ïá¹áõÙ (z-index ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ»ñÝ ÁݹáõÝí³Í »Ý Áëï Éé»ÉÛ³ÛÝ):
ä³ïÏ»ñ 3.6.1. ¸Çñù³íáñÙ³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï ´³óÇ ³Û¹, div3 ï³ññÇ overflow ѳïÏáõÃÛ³ÝÁ ïñí³Í ¿ scroll ³ñÅ»ùÁ, ¨ ù³ÝÇ áñ div3-áõÙ å³ñáõݳÏíáÕ ï»ùëïÇ Í³í³ÉÁ ·»ñ³½³ÝóáõÙ ¿ ë³Ñٳݳí³Í ã³÷ë»ñÁ, ³å³ ÇÝùݳµ»ñ³µ³ñ ëï»ÕÍí»É »Ý åïï³ëï»ÕÝ»ñ: ä³ïÏ»ñ 3.6.2-áõÙ óáõó³¹ñí³Í ¿ ÙǨÝáõÛÝ ÷³ëï³ÃáõÕÃÁ, ÙdzÛÝ div1-Ç ¨ 127
div2-Ç z-index ѳïÏáõÃÛáõÝÝ»ñÝ áõÝ»Ý ³í»ÉÇ Ù»Í ³ñÅ»ùÝ»ñ, ѳٳå³ï³ë˳ݳµ³ñ` 3 ¨ 2: ¸³ Ý߳ݳÏáõÙ ¿, áñ óáõó³¹ñÙ³Ý ³é³í»É µ³ñÓñ ³é³çݳÛÝáõÃÛáõÝÁ ïñí³Í ¿ div1-ÇÝ, ³å³ div2-ÇÝ, ÇëÏ ÙÛáõë ï³ññ»ñÇ ³é³çݳÛÝáõÃÛáõÝÝ»ñÁ ѳٳå³ï³ë˳ÝáõÙ »Ý Ïá¹áõÙ ·ñ³Ýóí³Í ѳçáñ¹³Ï³ÝáõÃÛ³ÝÁ:
ä³ïÏ»ñ 3.6.2. z-index ѳïÏáõÃÛ³Ý ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï ì»ñáÝßÛ³É µáÉáñ ѳïÏáõÃÛáõÝÝ»ñÇ û·ï³·áñÍáõÙÁ ëó»Ý³ñáõÙ ÃáõÛÉ ¿ ï³ÉÇë ÷á÷áË»É ï³ññ»ñÇ ï»ëùÁ, ¹ÇñùÁ ϳ٠÷á˳ñÇÝ»É å³ïÏ»ñÁ ÙÇ ³ÛÉ å³ïÏ»ñáí (src ѳïÏáõÃÛ³Ý ÙÇçáóáí): ê³Ï³ÛÝ ·áÛáõÃÛáõÝ áõÝ»Ý ãáñë ѳïÏáõÃÛáõÝÝ»ñ ¨ »ñÏáõ Ù»Ãá¹Ý»ñ, áñáÝó ÙÇçáóáí Ñݳñ³íáñ ¿ ÝáõÛÝÇëÏ ÷á˳ñÇÝ»É ï»ë³Ý»ÉÇ ï³ññ»ñÇ Ù»Í³Ù³ëÝáõÃÛáõÝÁ: ¸ñ³Ýù »Ý` innerText – Áݹ·ñÏáõÙ ¿ ³ÙµáÕç ï»ùëïÁ, áñÁ å³ñáõݳÏíáõÙ ¿ ïíÛ³É ï³ññÇ Ý»ñëáõÙ` µ³ó³é»Éáí HTML ï»·»ñÁ: úñÇݳÏ, <p id=”myp”>´³ñ¨ Ó»½<p> å³ñµ»ñáõÃÛ³Ý <p> ï»·Ç innerText ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ (¹ÇÙáõÙÁ ϳï³ñíáõÙ ¿ Ñ»ï¨Û³É »Õ³Ý³Ïáíª document.all(“myp”).innerText) ³ÛÝ ³ÙµáÕç ï»ùëïÁ, áñÁ å³ñáõݳÏíáõÙ ¿ “myp” å³ñµ»ñáõÃÛ³Ý Ý»ñëáõÙ, ³ÛëÇÝùÝ` “´³ñ¨ Ò»½” ïáÕÁ: öáË»Éáí ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ ϳñ»ÉÇ ¿ ÷á˳ñÇÝ»É ï»·Ç Ý»ñëáõÙ ·ñ³Ýóí³Í ï»ùëïÁ: úñÇݳϪ document.all(“myp”).innerText=”òï»ëáõÃÛáõÝ” Ññ³Ù³ÝÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùáõÙ ï»·Á ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <p id=”myp”> òï»ëáõÃÛáõÝ <p>: ê³Ï³ÛÝ »Ã» ëϽµÝ³Ï³Ý ï»·áõÙ Ý»ñ¹ñí³Í »Ý ³ÛÉ ï»·»ñ, ³å³ ¹ñ³ å³ñáõݳÏáõÃÛáõÝÁ innerText ѳïÏáõÃÛ³Ý ÙÇçáóáí ÷á˳ñÇÝ»ÉÇë Ïí»ñ³Ý³ ³ÙµáÕç Ý»ñùÇÝ Ó¨³ã³÷áõÙÁ (ï»·»ñÁ): úñÇݳÏ, áõÝ»Ýù Ñ»ï¨Û³É í»ñݳ·ÇñÁª <h1 id=”heading1”>ê³ <i>ÑÇÝ</i> í»ñݳ·ÇñÝ ¿</h1>: îíÛ³É ï»·Ç innerText ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ ÏÉÇÝÇ “ê³ ÑÇÝ í»ñݳ·ÇñÝ ¿” ïáÕÁ (³é³Ýó HTML ·Í³ÝßÙ³Ý <i> ï»·Ç): ºÃ» ³ÛÅ٠ϳï³ñ»Ýù Ñ»ï¨Û³É ·áñÍáÕáõÃÛáõÝÁª document.all(“heading1”).innerText=”ÆëÏ ë³ Ýáñ í»ñݳ·ÇñÝ ¿”, ³å³ ÏÏáñãÇ Ý»ñùÇÝ Ó¨³ã³÷áõÙÁ ¨ ï»·Á ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <h1 id=”heading1”> ÆëÏ ë³ Ýáñ í»ñݳ·ÇñÝ ¿</h1>: outerText – í»ñ³¹³ñÓÝáõÙ ¿ ÝáõÛÝ ³ñÅ»ùÁ, ÇÝã ¨ innerText ѳïÏáõÃÛáõÝÁ: OñÇݳϪ document.all(“heading1”).outerText ³ñÅ»ùÁ ÝáõÛÝå»ë ÏÉÇÝÇ Ñ³í³ë³ñ “ê³ ÑÇÝ í»ñݳ·ÇñÝ ¿” ïáÕÇÝ: ê³Ï³ÛÝ »ñµ ïíÛ³É Ñ³ïÏáõÃÛáõÝÁ û·ï³·áñÍíáõÙ ¿ ï»·Ç å³ñáõݳÏáõÃÛáõÝÁ ÷á÷áË»Éáõ Ýå³ï³Ïáí, ³å³ í»ñ³ÝáõÙ ¿ áã ÙdzÛÝ ï»·Ç Ý»ñùÇÝ Ó¨³ã³÷áõÙÁ, ³Ûɨ Ñ»Ýó ÇÝùÁ` ï»·Á: ²ÛÅÙ, »Ã» ϳï³ñíÇ Ñ»ï¨Û³É Ññ³Ù³ÝÁª document.all(“heading1”).outerText=”ÆëÏ ë³ Ýáñ í»ñݳ·ÇñÝ ¿”, ³å³ Ïí»ñ³Ý³ ³ÙµáÕç <h1> ï»·Á ¨ ¹ñ³ ÷á˳ñ»Ý å³ñ½³å»ë Ï·ñ³ÝóíÇ “ÆëÏ ë³ Ýáñ í»ñݳ·ÇñÝ ¿” 128
ïáÕÁ: innerHTML – áñå»ë ³ñÅ»ù ëï³óíáõÙ ¿ ï³ññÇ Ý»ñëÇ ³ÙµáÕç ï»ùëïÁ ¨ HTML ·Í³ÝßáõÙÁ: ºÃ» ëï³Ý³Ýù “heading1” í»ñݳ·ñ³ÛÇÝ ï»·Ç innerHTML ѳïÏáõÃÛ³Ý ³ñÅ»ùÁª document.all(“heading1”).innerHTML, ³å³ ³ÛÝ Ñ³í³ë³ñ ÏÉÇÝÇ “ê³ <i>ÑÇÝ</i> í»ñݳ·ÇñÝ ¿” ïáÕÇÝ, áñÝ, ÇÝãå»ë ï»ëÝáõÙ »Ýù, å³ñáõݳÏáõÙ ¿ <h1> ï»·Ç Ý»ñëáõÙ ·ñ³Ýóí³Í ï»ùëïÁ ¨ HTML ·Í³ÝßáõÙÁ: îíÛ³É Ñ³ïÏáõÃÛáõÝÁ ÃáõÛÉ ¿ ï³ÉÇë ¿çáõÙ Ýáñ ·Í³Ýßáõ٠ϳï³ñ»É: úñÇݳÏ, ϳï³ñ»Éáí Ñ»ï¨Û³É ·áñÍáÕáõÃÛáõÝÝ»ñÁª document.all(“heading1”).innerHTML=”ÆëÏ ë³ <i>Ýáñ</i> í»ñݳ·ÇñÝ ¿: ²Ûëï»Õ Ù»Ýù Áݹ·ñÏ»É »Ýù ݳ¨ ³Ûë <img src=”myImg.gif” /> ÝϳñÁ”: ²ñ¹ÛáõÝùáõÙ` <h1>µ³óáÕ ¨ </h1> ÷³ÏáÕ ï»·»ñÇ ÙÇç¨ Ï·ñ³ÝóíÇ Ýáñ ï»ùëïÁ, ¨, ÇÝãÝ ³é³í»É ϳñ¨áñ ¿, Ïå³Ñå³ÝíÇ ïáÕáõÙ µ»ñí³Í HTML ·Í³ÝßáõÙÁ (³ÛëÇÝùÝ “Ýáñ” µ³éÁ ϳñï³å³ïÏ»ñíÇ ß»Õ, ÇëÏ “³Ûë” µ³éÇó Ñ»ïá ϳñï³å³ïÏ»ñíÇ “myImg.gif” å³ïÏ»ñÁ): outerHTML – Áݹ·ñÏáõÙ ¿ ï³ññáõÙ å³ñáõݳÏíáÕ ³ÙµáÕç ï»ùëïÁ ¨ HTML ·Í³ÝßáõÙÁ, ³Û¹ Ãíáõ٠ݳ¨` ï³ññÁ µ³óáÕ ¨ ÷³ÏáÕ ï»·»ñÁ: úñÇݳÏ, ÝáõÛÝ “heading1” í»ñݳ·ñ³ÛÇÝ ï»·Ç outerHTML ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª “<h1 id=”heading1”>ê³ <i>ÑÇÝ</i> í»ñݳ·ÇñÝ ¿</h1>” ïáÕÁ: ¸³ Ý߳ݳÏáõÙ ¿, áñ »Ã» ѳïÏáõÃÛ³ÝÁ ïñíÇ Ýáñ ³ñÅ»ù, ³å³ ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõ٠ϳñ»ÉÇ ¿ ÷á÷áË»É ³ÙµáÕç ï»·Á: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª document.all(“heading1”).outerHTML=”<p>²ÛÅÙ í»ñݳ·ñÇ ÷á˳ñ»Ý ·ñ³Ýóí³Í ¿ å³ñµ»ñáõÃÛáõÝ</p>”, ³å³ í»ñݳ·ñÇ ÷á˳ñ»Ý ϳñï³å³ïÏ»ñíÇ µ»ñí³Í å³ñµ»ñáõÃÛáõÝÁ: Ìñ³·Çñ 3.6.2-áõÙ óáõó³¹ñí³Í »Ý Ãí³ñÏí³Í ѳïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÝ»ñÁ (ï»ë` å³ïÏ»ñÝ»ñ 3.6.3 ¨ 3.6.4): Ìñ. 3.6.2. inner ¨ outer ѳïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <html> <head><title>Objects construct example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <style> p {margin:10px;cursor:hand} </style> <script language="JavaScript"> <!-function fUpdateProperties(obj) { document.all("p1").innerText="ê³ Ýáñ p1 å³ñµ»ñáõÃÛáõÝÝ ¿ <b>innerText</b> ѳïÏáõÃÛáõÝÁ ÷á÷áË»Éáõó Ñ»ïá"; document.all("p2").outerText="ÆÝãå»ë ï»ëÝáõÙ »Ýù, p3 å³ñµ»ñáõÃÛ³Ý ·Í³ÝßáõÙÁ <b>outerText</b> ѳïÏáõÃÛáõÝÁ ÷á÷áË»Éáõó Ñ»ïá í»ñ³ó»É ¿"; document.all("p3").innerHTML="<b>innerHTML</b> ѳïÏáõÃÛáõÝÁ ÷á÷áË»Éáõó Ñ»ïá ÷á÷áËíáõÙ ¿ ï³ññÇ (ïíÛ³É ¹»åùáõÙ` <b>p3</b> å³ñµ»ñáõÃÛ³Ý) ÙdzÛÝ Ý»ñùÇÝ ·Í³ÝßáõÙÁ"; document.all("p4").outerHTML="<b>outerHTML</b> ѳïÏáõÃÛáõÝÁ ÷á÷áË»Éáõó Ñ»ïá ÉÇáíÇÝ ÷á÷áËíáõÙ ¿ ëϽµÝ³Ï³Ý ï³ññÇ (p4 å³ñµ»ñáõÃÛ³Ý) <i>¨° Ý»ñùÇÝ, ¨° ³ñï³ùÇÝ </i>·Í³ÝßáõÙÁ:"; } // --> </script> </head>
129
ä³ïÏ»ñ 3.6.3. inner ¨ outer ѳïÏáõÃÛáõÝÝ»ñÇ ëϽµÝ³Ï³Ý ³ñÅ»ùÝ»ñÁ <body topmargin="2" leftmargin="2" onclick="fUpdateProperties()"> <p id="p1">p1 å³ñµ»ñáõÃÛ³Ý <b>innerText</b> ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª <b>"p1 å³ñµ»ñáõÃÛ³Ý innerText ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª"</b></p> <hr width="50%" /> <p id="p2">p2 å³ñµ»ñáõÃÛ³Ý <b>outerText</b> ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª <b>"p2 å³ñµ»ñáõÃÛ³Ý outerText ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª"</b></p> <hr width="50%" /> <p id="p3">p3 å³ñµ»ñáõÃÛ³Ý <b>innerHTML</b> ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª <b>"p3 å³ñµ»ñáõÃÛ³Ý &lt;b&gt;innerHTML&lt;/b&gt;ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª"</b></p> <hr width="50%" /> <p id="p4">p4 å³ñµ»ñáõÃÛ³Ý <b>outerHTML</b> ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿ª <b>"&lt;p id="p4"&gt; p4 å³ñµ»ñáõÃÛ³Ý &lt;b&gt;outerHTML&lt;/b&gt; ѳïÏáõÃÛ³Ý ³ñÅ»ùÝ ¿&lt;/p&gt;ª"</b></p> </body></html>
130
ä³ïÏ»ñ 3.6.4. ä³ñµ»ñáõÃÛáõÝÝ»ñÇ ï»ëùÁ inner ¨ outer ѳïÏáõÃÛáõÝÝ»ñÇÝ Ýáñ ³ñÅ»ùÝ»ñ ßÝáñÑ»Éáõó Ñ»ïá insertAdjacentText() ¨ insertAdjacentHTML() Ù»Ãá¹Ý»ñÁ û·ï³·áñÍíáõÙ »Ý ï³ññÇ Ý»ñëáõ٠ϳ٠áñ¨¿ ÏáÕÙÇó, ѳٳå³ï³ë˳ݳµ³ñ, ï»ùëïÁ ϳ٠HTML ·Í³ÝßáõÙÁ Ùáõïù³·ñ»Éáõ ѳٳñ: Àݹ áñáõÙ, ·áÛáõÃÛáõÝ áõÝ»óáÕ ï»ùëïÁ ϳ٠·Í³ÝßáõÙÁ ãÇ ÷á÷áËíáõÙ (“íݳëíáõÙ”): ¸ñ³Ýó ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª insertAdjacentText(¹ÇñùÁ, ³í»É³óíáÕ_ï»ùëïÁ), insertAdjacentHTML(¹ÇñùÁ, ³í»É³óíáÕ_·Í³ÝßáõÙÁ): “¸Çñù” µÝáõó·ñÇãÇ ÙÇçáóáí áñáßíáõÙ ¿, û áñï»±Õ å»ïù ¿ ³í»É³óíÇ ï»ùëïÁ (ϳ٠·Í³ÝßáõÙÁ): ²ÛÝ Ï³ñáÕ ¿ ÁݹáõÝ»É ãáñë Ñݳñ³íáñ ³ñÅ»ùÝ»ñª BeforeBegin – ï»ùëïÁ ϳ٠·Í³ÝßáõÙÁ ï»Õ³¹ñíáõÙ ¿ ³ÝÙÇç³å»ë ï³ññÇ µ³óáÕ ï»·Ç ³éç¨: AfterBegin - ï»ùëïÁ ϳ٠·Í³ÝßáõÙÁ ï»Õ³¹ñíáõÙ ¿ ï³ññÇ µ³óáÕ ï»·Çó Ñ»ïá: BeforeEnd – ï»ùëïÁ ϳ٠·Í³ÝßáõÙÁ ï»Õ³¹ñíáõÙ ¿ ³ÝÙÇç³å»ë ï³ññÇ ÷³ÏáÕ ï»·Ç ³éç¨: AfterEnd - ï»ùëïÁ ϳ٠·Í³ÝßáõÙÁ ï»Õ³¹ñíáõÙ ¿ ï³ññÇ ÷³ÏáÕ ï»·Çó Ñ»ïá: ä³ïÏ»ñ 3.6.5-áõÙ óáõó³¹ñí³Í ¿ ³é³çÇÝ ³ñ·áõÙ»ÝïÇ Ûáõñ³ù³ÝãÛáõñ ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ Ý»ñÙáõÍíáÕ ï»ùëïÇ Ï³Ù HTML Ïá¹Ç ï»Õ³µ³ßËáõÙÁ: ºñÏñáñ¹ ³ñ·áõÙ»ÝïÇ ³ñÅ»ùÁ ³ÛÝ ï»ùëïÝ ¿ ϳ٠HTML Ïá¹Á, áñÁ å»ïù ¿ ·ñ³ÝóíÇ ³é³çÇÝ ³ñ·áõÙ»ÝïÇ ÙÇçáóáí ë³ÑÙ³Ýí³Í ï»ÕáõÙ:
ä³ïÏ»ñ 3.6.5. insertAdjacentText() ¨ insertAdjacentHTML() Ù»Ãá¹Ý»ñÇ ³é³çÇÝ ³ñ·áõÙ»ÝïÇ ³ñÅ»ùÝ»ñÁ Ø»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏÁ µ»ñí³Í ¿ Íñ. 3.6.3-áõÙ ¨ å³ïÏ»ñÝ»ñ 3.6.6 ¨ 3.6.7-áõÙ: Ìñ. 3.6.3. insertAdjacentText() ¨ insertAdjacentHTML() Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <html> 131
<head><style> p {font-family:Arial Armenian;font-size:10pt} hr {width:50%;color:darkblue} </style> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"> <!— function fDisplayMetods() {var objTxt=document.all("insTxt"); var objHtm=document.all("insHtm"); objTxt.insertAdjacentText("BeforeBegin","ê³ BeforeBegin ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿"); objTxt.insertAdjacentText("AfterBegin","ê³ AfterBegin ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿"); objTxt.insertAdjacentText("BeforeEnd","ê³ BeforeBegin ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿"); objTxt.insertAdjacentText("AfterEnd","ê³ AfterBegin ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿"); objHtm.insertAdjacentHTML("BeforeBegin","<i>ê³ <b>BeforeBegin</b> ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿</i>"); objHtm.insertAdjacentHTML("AfterBegin","<i>ê³ <b>AfterBegin</b> ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿</i>"); objHtm.insertAdjacentHTML("BeforeEnd","<i>ê³ <b>BeforeEnd</b> ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿</i>"); objHtm.insertAdjacentHTML("AfterEnd","<i>ê³ <b>AfterEnd</b> ³ñÅ»ùÇÝ Ñ³Ù³å³ï³ë˳ÝáÕ ¹ÇñùÝ ¿</i>");} //--> </script> </head>
ä³ïÏ»ñ 3.6.6. ö³ëï³ÃÕÃÇ ï»ëùÁ ÙÇÝ㨠insertAdjacent Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÙÁ <body onclick="fDisplayMetods()"> <p id="insTxt"><br /><b>insertAdjacentText()</b> Ù»Ãá¹Ç<br /> ÏÇñ³éáõÃÛáõÝÁ óáõó³¹ñ»Éáõ Ýå³ï³Ïáí<br /> ëï»ÕÍí³Í ¿ <b>&lt;p id="insTxt"&gt;</b> ï»·Á<br /></p> <hr /> <p id="insHtm"><br /><b>insertAdjacentHTML()</b> Ù»Ãá¹Ç<br /> ÏÇñ³éáõÃÛáõÝÁ óáõó³¹ñ»Éáõ Ýå³ï³Ïáí<br /> ëï»ÕÍí³Í ¿ <b>&lt;p id="insHtm"&gt;</b> ï»·Á<br /></p> </body> </html>
132
ä³ïÏ»ñ 3.6.7. ö³ëï³ÃÕÃÇ ï»ëùÁ insertAdjacent Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÙÇó Ñ»ïá
¢ 3.7. Üáñ` ëáíáñ³Ï³Ý ¨ Ùá¹³É å³ïáõѳÝÝ»ñÇ ëï»ÕÍáõÙÁ ²ÛÅÙ ³Ý¹ñ³¹³éݳÝù Ýáñ å³ïáõѳÝÝ»ñÇ µ³óÙ³Ý Ñ³ñóÇ ùÝݳñÏÙ³ÝÁ: ä³ñ½³µ³Ý»Éáõ ѳٳñ µ»ñ»Ýù ûñÇݳÏ: γ½Ù»Ýù Ñ»ï¨Û³É Ù»ÏݳñϳÛÇÝ ¿çÁ (Íñ. 3.7.1), ³Ýí³Ý»Ýù ³ÛÝ startpage.html ¨ å³Ñå³Ý»Ýù áñ¨¿ (ûñÇݳÏ, My Documents) ÃÕóå³Ý³ÏáõÙ: Ìñ. 3.7.1. open() ¨ showModalDialog() Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛáõÝÁ <html> <head><title>open() and showModalDialog() metods example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script language="JavaScript"> <!-function fOpenNewWindow() { window.status=""; wndFeatures="top=20,left=20,width=380,height=250,toolbar=yes, menubar=yes,directories=no"; newWindow=window.open("newdoc.html","",wndFeatures); window.status="Opened a new browser window"; window.event.cancelBubble=true; window.event.returnValue=false; } function fOpenNewDialog() { window.status=""; 133
dlgFeatures="dialogWidth=380px;dialogHeight=250px;scrollbars=no; center=yes;border=thin;help=no;status=no"; bookTitle=window.showModalDialog("newDialog.html","MyDialog", dlgFeatures); window.status="Opened a new dialog window"; if(bookTitle!=null&&bookTitle!="") { objList=document.all("divSelect"); objList.insertAdjacentHTML("AfterEnd","<li>"+bookTitle+"</li>") } window.event.cancelBubble=true; window.event.returnValue=false; } //--> </script> </head> <body> <center> <div style="text-align:center;width:100%;height:20px;font-size:12pt"> <b>window.open()</b> ¨ <b>window.showModalDialog()</b> Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇݳÏ</div> <hr width="50%" /> <ul id="ListTag"> </ul> </center> Üáñ å³ïáõѳÝÝ»ñÁ µ³ó»Éáõ Ýå³ï³Ïáí ëïáñ¨ óáõó³¹ñí³Í ÑÇå»ñÑÕáõÙÝ»ñáõÙ ëï»ÕÍí³Í »Ý onclick Ùß³ÏÇãÝ»ñ: <hr /> <a href="" onclick="fOpenNewWindow()">´³ó»Ýù µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝ` ·ñù»ñÇ óáõó³ÏÁ ¹Çï³ñÏ»Éáõ ѳٳñ</a> <br /> <a href="" onclick="fOpenNewDialog()">´³ó»Ýù Ýáñ Ùá¹³É å³ïáõѳÝ` ·Çñù ÁÝïñ»Éáõ ѳٳñ</a> <hr width="50%" /> ¸áõù ÁÝïñ»É »ù Ñ»ï¨Û³É ·ñù»ñÁª <ul id="ListTag"></ul> </body> </html> ´ñ³áõ½»ñÇ Ýáñ áã Ùá¹³É å³ïáõÑ³Ý ¨ Ýáñ »ñÏËáëáõÃÛ³Ý Ùá¹³É å³ïáõѳÝÝ»ñ µ³ó»Éáõ Ýå³ï³Ïáí µ»ñí³Í ûñÇݳÏáõÙ ëï»ÕÍí³Í »Ý »ñÏáõ ÑÕáõÙÝ»ñ (¹³ ϳñ»ÉÇ ¿ ³Ý»É ݳ¨ ѳٳå³ï³ëË³Ý Ïá׳ÏÝ»ñ ëï»ÕÍ»Éáõ ÙÇçáóáí): <a href="" onclick="fOpenNewWindow()">´³ó»Ýù Ýáñ å³ïáõѳÝ` ·ñù»ñÇ óáõó³ÏÁ ¹Çï³ñÏ»Éáõ ѳٳñ</a><br /> <a href="" onclick="fOpenNewDialog()">´³ó»Ýù Ýáñ Ùá¹³É å³ïáõѳÝ` ·Çñù ÁÝïñ»Éáõ ѳٳñ</a> ÐÕáõÙÝ»ñÇ href µÝáõó·ñÇãÝ»ñÇÝ ïñí³Í »Ý ¹³ï³ñÏ ³ñÅ»ùÝ»ñ, ù³ÝÇ áñ ó³ÝϳÝáõÙ »Ýù ëï»ÕÍ»É Ýáñ å³ïáõѳÝÝ»ñ, ³ÛÉ áã û ÁÝóóÇÏ å³ïáõѳÝáõÙ Ýáñ ÷³ëï³ÃáõÕà µ»éÝ»É: Úáõñ³ù³ÝãÛáõñ ÑÕáõÙÇ Ñ³Ù³ñ ëï»ÕÍí³Í ¿ onclick Ùß³ÏÇã: ²é³çÇÝÁ ϳÝãáõÙ ¿ µñ³áõ½»ñÇ ëáíáñ³Ï³Ý Ýáñ å³ïáõÑ³Ý µ³óáÕ (onclick="fOpenNewWindow()"), ÇëÏ »ñÏñáñ¹Áª »ñÏËáëáõÃÛ³Ý Ýáñ å³ïáõÑ³Ý µ³óáÕ (onclick="fOpenNewDialog()") ýáõÝÏódzݻñÁ: ºñµ û·ïíáÕÁ ¹ÇÙáõÙ ¿ ÑÕáõÙÇÝ (ë»ÕÙ³ÝßáõÙ ¿ ÙÏÝÇÏÇ ëï»ÕÝÁ), ϳå³Ïóí³Í Íñ³·ñÇ (ïíÛ³É ¹»åùáõ٠ϳÝãíáÕ ýáõÝÏódzݻñÇ) ϳï³ñáõÙÇó ³ÝÙÇç³å»ë Ñ»ïá µñ³áõ½»ñÁ ÷áñÓáõÙ ¿ µ»éÝ»É ÷³ëï³ÃáõÕÃ, áñÇ Ñ³ëó»Ý Ýßí³Í ¿ href µÝáõó·ñÇãáõÙ (»Ã» ³ÛÝ ¹³ï³ñÏ ¿, ëáíáñ³µ³ñ µ³óíáõÙ ¿ My Documents ÃÕóå³Ý³ÏÁ): ¸ñ³ÝÇó Ëáõë³÷»Éáõ Ýå³ï³Ïáí û·ï³·áñÍíáõÙ ¿ window ûµÛ»ÏïÇ returnValue ѳïÏáõÃÛáõÝÁ: ºñµ ¹ñ³ ³ñÅ»ùÁ false ¿, ÇÝãå»ë ¹³ ³ñí»É ¿ fOpenNewWindow() ¨ fOpenNewDialog() ýáõÝÏódzݻñáõÙ, µñ³áõ½»ñÁ ãÇ ÷áñÓáõÙ µ»éÝ»É Ýáñ ÷³ëï³ÃáõÕÃ: Üϳï»Ýù, áñ »ñÏáõ ýáõÝÏódzݻñÝ ¿É ëϽµáõÙ Ù³ùñáõÙ »Ý ϳñ·³íÇ׳ÏÇ ïáÕÇ ³ñÅ»ùÝ»ñÁª window.status="" ¨ ¹ñ³ÝÇó Ñ»ïá ïáÕ³ÛÇÝ ÷á÷á˳ϳÝÝ»ñÇ ï»ëùáí ϳ½Ù³íáñáõÙ »Ý µ³óíáÕ 134
å³ïáõѳÝÝ»ñÇ Ó¨³íáñÙ³Ý Ñ³Ù³ñ ³ÝÑñ³Å»ßï ѳïÏáõÃÛáõÝÝ»ñÁª wndFeatures="top=20,left=20,width=380,height=250,toolbar=yes, menubar=yes,directories=no"; (ëáíáñ³Ï³Ý å³ïáõѳÝÇ Ñ³Ù³ñ) ¨ dlgFeatures="dialogWidth=380px;dialogHeight=200px;scrollbars=no; center=yes;border=thin;help=no;status=no"; (Ùá¹³É å³ïáõѳÝÇ Ñ³Ù³ñ): гçáñ¹ ù³ÛÉÁ ѳٳå³ï³ë˳ݳµ³ñ open() ¨ showModalDialog() Ù»Ãá¹Ý»ñÇ û·ï³·áñÍáõÙÝ ¿` Ýáñ å³ïáõÑ³Ý µ³ó»Éáõ Ýå³ï³Ïáí: üáõÝÏódzݻñÇÝ Ñ³Õáñ¹íáõÙ »Ý µ»éÝíáÕ ¿çÇ Ñ³ëó»Ý` áñå»ë ³é³çÇÝ ³ñ·áõÙ»ÝïÇ ³ñÅ»ù, å³ïáõѳÝÇ ³ÝáõÝÁ` áñå»ë »ñÏñáñ¹ ¨ å³ïáõѳÝÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ (features) Ýϳñ³·ñáÕ ïáÕÁ` áñå»ë »ññáñ¹: Üáñ å³ïáõѳÝÝ»ñÇ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÝ»ñÁ ßÝáñÑíáõÙ »Ý ѳٳå³ï³ëË³Ý ÷á÷á˳ϳÝÝ»ñÇÝ` ѻﳷ³ û·ï³·áñÍÙ³Ý Ýå³ï³Ïáíª newWindow=window.open("newdoc.html","",wndFeatures); bookTitle=window.showModalDialog("newDialog.html","MyDialog", dlgFeatures); ´»ñí³Í ûñÇݳÏáõÙ û·ï³·áñÍíáõÙ ¿ ÙdzÛÝ Ùá¹³É å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ (bookTitle ÷á÷á˳ϳÝÇ) ³ñÅ»ùÁ: ÀÝïñ³Í ·ñùÇ ³Ýí³ÝáõÙÁ ·ñ³ÝóíáõÙ ¿ ¿çÇ í»ñçáõ٠ϳéáõóí³Í åÇï³Ï³íáñí³Í óáõó³ÏáõÙ: êϽµÝ³Ï³Ý íÇ׳ÏáõÙ óáõó³ÏÁ ¹³ï³ñÏ ¿ª ·ñ³Ýóí³Í »Ý ÙdzÛÝ µ³óáÕ ¨ ÷³ÏáÕ ï»·»ñÁª <ul id="ListTag"></ul>: Øá¹³É å³ïáõѳÝÇ ÙÇçáóáí ÁÝïñí³Í Ûáõñ³ù³ÝãÛáõñ ·ñùÇ ³Ýí³ÝáõÙÁ Éñ³óíáõÙ ¿ insertAdjacentHTML() Ù»Ãá¹áíª if(bookTitle!=null&&bookTitle!="") { objList=document.all("divSelect"); objList.insertAdjacentHTML("BeforeEnd","<li>"+bookTitle+"</li>") } Úáõñ³ù³ÝãÛáõñ ·ñùÇ ÁÝïñáõÃÛáõÝÁ ϳï³ñ»ÉÇë ¹ñ³ ³Ýí³ÝáõÙÁ ³í»É³óíáõÙ ¿ åÇï³Ï³íáñí³Í óáõó³ÏáõÙ: ø³ÝÇ áñ ÁÝïñí³Í ¿ ¹Çñù³íáñÙ³Ý ³ñ·áõÙ»ÝïÇ BeforeEnd ³ñÅ»ùÁ, ³å³ ³Ýí³ÝáõÙÝ»ñÇ ·ñ³ÝóáõÙÁ ϳï³ñíáõÙ ¿ ÁÝïñÙ³Ý Ñ³çáñ¹³Ï³ÝáõÃÛ³ÝÁ ѳٳå³ï³ë˳Ý: êáíáñ³Ï³Ý å³ïáõѳÝÁ µ³óíáõÙ ¿ ÙdzÛÝ ·ñù»ñÇ óáõó³ÏÁ ¹Çï³ñÏ»Éáõ Ýå³ï³Ïáí ¨ ¹ñ³ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÇ û·ï³·áñÍáõÙÁ ëó»Ý³ñáõÙ ãÇ Ý³Ë³ï»ëíáõÙ: àñå»ë½Ç ýáõÝÏódzݻñÇ Ï³ï³ñáõÙÇó Ñ»ïá µñ³áõ½»ñÁ ã÷áñÓÇ µ»éÝ»É Ýáñ ¿ç (href µÝáõó·ñÇãÇ ³ñÅ»ùÁ ¹³ï³ñÏ ¿ ¨, ѻ勉µ³ñ, ϵ³óíÇ My Documents ÃÕóå³Ý³ÏÁ), »ñÏáõ ýáõÝÏódzݻñáõÙ ¿É ݳ˳ï»ëíáõÙ ¿ Çñ³¹³ñÓáõÃÛ³Ý í»ñ³¹³ñÓíáÕ Ï»ÕÍ ³ñÅ»ùÁ (å»ïù ã¿ ß÷áÃ»É ³ÛÝ å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÇ Ñ»ï)ª window.event.returnValue=false: ä³ïÏ»ñ 3.7.1-áõÙ Ý»ñϳ۳óí³Í ¿ starpage.html ¿çÇ ³ñï³å³ïÏ»ñáõÙÁ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ:
135
ä³ïÏ»ñ 3.7.1. starpage.html Ù»ÏݳñϳÛÇÝ ¿çÁ ²ÛÅÙ ³ÝóÝ»Ýù Ýáñ ¹ÇݳÙÇÏ ¿çÇ ëï»ÕÍÙ³ÝÁ, áñÁ å»ïù ¿ å³ñáõݳÏÇ ¹Çï³ñÏíáÕ ·ñù»ñÇ óáõó³ÏÁ ¨, ϳËí³Í Ýñ³ÝÇó, û ÇÝãåÇëÇ å³ïáõѳÝáõÙ ³ÛÝ å»ïù ¿ ³ñï³å³ïÏ»ñíÇ (ëáíáñ³Ï³Ý, û` »ñÏËáëáõÃÛ³Ý), ѳٳå³ï³ëË³Ý ÷³ÏÙ³Ý ¨ ÁÝïñÙ³Ý Ïá׳ÏÝ»ñÁ: ¾çÁ ïñ³Ù³µ³Ýáñ»Ý µ³Å³ÝíáõÙ ¿ »ñ»ù ïÇñáõÛÃÝ»ñÇ, áñáÝù ϳéáõóí³Í »Ý <div> ï»·»ñÇ ÙÇçáóáí: ¶É˳íáñ ïÇñáõÛÃÁ (divMain) ½µ³Õ»óÝáõÙ ¿ ³ÙµáÕç å³ïáõѳÝÁ: ¸ñ³ í»ñÇÝ Ù³ëáõÙ ï»Õ³¹ñíáõÙ ¿ ·ñù»ñÇ ³Ýí³ÝáõÙÝ»ñÇ ÁÝïñ³ó³ÝÏÁ (<select id= "listBooks"…>) ¨ ÁÝïñí³Í ·ñùÇ ß³åÇÏÇ ³ñï³å³ïÏ»ñÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëíáÕ <img id=”imgCover”> ï»·Á, áñÁ ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ ³Ýï»ë³Ý»ÉÇ ¿ (visibility:hidden ѳïÏáõÃÛ³Ý ßÝáñÑÇí): ¶É˳íáñ ïÇñáõÛÃÇ Ý»ñëáõÙ ï»Õ³¹ñíáõÙ ¿ ¨ë »ñÏáõ ïÇñáõÛÃ: ²é³çÇÝáõÙ (divTitle) ϳñÙÇñ ýáÝÇ íñ³ ³ñï³å³ïÏ»ñíáõÙ ¿ ÁÝïñí³Í ·ñùÇ ³Ýí³ÝáõÙÁ, ÇëÏ »ñÏñáñ¹áõÙ (divText)ª ·ñùÇ Ýϳñ³·ñáõÃÛáõÝÁ, Áݹ áñáõÙ` ¹ñ³ overflow ѳïÏáõÃÛ³ÝÁ ßÝáñÑí³Í ¿ scroll ³ñÅ»ùÁ: ¸³ Ý߳ݳÏáõÙ ¿, áñ »Ã» ï»ùëïÇ Í³í³ÉÁ ·»ñ³½³ÝóÇ ïÇñáõÛÃÇ ë³ÑÙ³ÝÝ»ñÁ, ³å³ ÇÝùݳµ»ñ³µ³ñ Ïëï»ÕÍí»Ý åïï³Å³å³í»ÝÝ»ñ` ï»ùëïÁ ¹Çï³ñÏ»Éáõ ѳٳñ: ´áÉáñ ïÇñáõÛÃÝ»ñÝ áõÝ»Ý µ³ó³ñÓ³Ï ¹Çñù³íáñáõÙ (position: absolute) ¨ ¹ñ³Ýó ¹Çñù»ñÁ ¨ ã³÷ë»ñÁ ÁÝïñí³Í »Ý ³ÛÝå»ë, áñ ѳٳå³ï³ëË³Ý»Ý ïíÛ³É Ó»éݳñÏÇ Ó¨³ã³÷ÇÝ: Üáñ ¿çÇ (³Ýí³Ý»Ýù ³ÛÝ newpage.html ¨ ÝáõÛÝå»ë ï»Õ³¹ñ»Ýù My Documents ÃÕóå³Ý³ÏáõÙ) HTML Ïá¹Á µ»ñí³Í ¿ Íñ. 3.7.2áõÙ: Ìñ. 3.7.2. newpage.html ¿çÇ HTML Ïá¹Á <html> <head><title>NewDocument</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head> <body> <div id="divMain" style="position:absolute;top:10px;left:10px; width:330px;height:230px"> <p style="font-family:Arial Armenian;font-size:10pt;font-weight:bold">ÀÝïñ»ù ·ÇñùÁ, áñÇ í»ñ³µ»ñÛ³É ¹áõù ó³ÝϳÝáõÙ »ù ëï³Ý³É ï»Õ»ÏáõÃÛáõÝÝ»ñ: </p> <select id="listBooks" onchange="fListChange()" style="font-family:Arial Armenian;position:absolute;fontweight:bold;width:300px; top:35px;left:5px"> <option value="0" selected="selected"></option> <option value="1">Professional Active Server Pages</option> <option value="2">ActiveX Web Database Programming </option> <option value="3">Instant VBScript Programming</option> <option value="4">Instant JavaScript Programming</option> <option value="5">Professional JavaScript Programming </option> </select> <img src="" id="imgCover" style="position:absolute;top:65px;left:5px; border:3px;visibility:hidden" /> div id="divTitle" style="position:absolute;margin:5px;top:55px;left:100px;width:250px;height:20px;backgroundcolor:red;overflow:clip"> <p id="pTitle" style="font-size:10pt;font-weight:bold;color:white" title="Visit our Web site for more information"> </p> </div> <div id="divText" style="font-family:Arial Armenian;font-size:10pt; position:absolute;margin:5px;top:75px;left:100px;width:250px;height:120px;overflow:scroll;text-align:justify"> </div> </div> <script src=”'newpage.js”></script> 136
</body></html> êó»Ý³ñÁ ϳéáõóí³Í ¿ áñå»ë ³é³ÝÓÇÝ ý³ÛÉ (ï»ëª Íñ. 3.7.3) ¨ Ý»ñ¹ñí³Í NewPage ¿çáõÙª <script src=”'newpage.js”></script> (ϳå³ÏóÙ³Ý Ñ³Ù³ñ û·ï³·áñÍíáõÙ ¿ <link /> ï»·Á): ²Ýí³Ý»Ýù ëó»Ý³ñÇ ý³ÛÉÁ newpage.js (js – JavaScript ÁݹɳÛÝáõÙÝ ¿) ¨ ÝáõÛÝå»ë ï»Õ³¹ñ»Ýù My Documents ÃÕóå³Ý³ÏáõÙ, ù³ÝÇ áñ ѳñ³µ»ñ³Ï³Ý ѳëó»Ç ·ñ³ÝóÙ³Ý »Õ³Ý³ÏÁª src=”'newpage.js” ݳ˳ï»ëáõÙ ¿ ý³ÛÉ»ñÇ ï»Õ³¹ñÙ³Ý Ñ³í³ë³ñ ٳϳñ¹³Ï: Üß»Ýù, áñ ëó»Ý³ñÁ Ý»ñ¹ñí³Í ¿ ÷³ëï³ÃÕÃÇ ³ÛÝ Ù³ëáõÙ, áñï»Õ å»ïù ¿ ³ñï³å³ïÏ»ñí»Ý å³ïáõѳÝÇ ÷³ÏÙ³Ý ¨, »Ã» å³ïáõѳÝÁ Ùá¹³É ¿, ݳ¨ ·ñùÇ ÁÝïñáõÃÛ³Ý åÝ¹Ù³Ý Ñ³Ù³å³ï³ëË³Ý Ïá׳ÏÝ»ñÁ, ¨ ³é³çÇÝ ËݹÇñÁ, áñÁ å»ïù ¿ ÉáõÍíÇ ëó»Ý³ñáõÙª Ýßí³Í Ïá׳ÏÝ»ñÇ ëï»ÕÍáõÙÝ ¿: ²ÛÝ ¹»åùáõÙ, »ñµ ëï»ÕÍíáõÙ ¿ µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝ, µ³í³Ï³Ý ¿ ï»Õ³¹ñ»É Áݹ³Ù»ÝÁ ٻϪ å³ïáõѳÝÁ ÷³Ï»Éáõ Ïá׳Ï: ºÃ» µ³óí»Éáõ ¿ Ùá¹³É å³ïáõѳÝ, ³å³ ¨ë Ù»Ï Ïá׳ÏÇ ³ÝÑñ³Å»ßïáõÃÛáõÝ ¿ ³é³ç³ÝáõÙ: ²Û¹ Ïá׳ÏÇ ë»ÕÙáõÙÁ å»ïù ¿ ³å³ÑáíÇ ÁÝïñ³Í ·ñùÇ ³Ýí³ÝÙ³Ý í»ñ³¹³ñÓÁ Ù»ÏݳñϳÛÇÝ å³ïáõѳÝÇÝ: ä³ïáõѳÝÇ ï»ë³ÏÁ ׳ݳãíáõÙ ¿ window ûµÛ»ÏïÇ dialogArguments ѳïÏáõÃÛ³Ý ÙÇçáóáí: open() Ù»Ãá¹áí ëáíáñ³Ï³Ý å³ïáõÑ³Ý µ³ó»ÉÇë »ñÏñáñ¹ ³ñ·áõÙ»ÝïÇÝ ßÝáñÑí³Í ¿ ¹³ï³ñÏ ³ñÅ»ù, ÇëÏ »ñÏËáëáõÃÛ³Ý å³ïáõѳÝÇ µ³óÙ³Ý showModalDialog() ýáõÝÏódzÛáõÙª Ýáñ å³ïáõѳÝÇ “MyDialog” ³ÝáõÝÁ: лÝó ³Û¹ ³ÝáõÝÝ ¿É ïñíáõÙ ¿ dialogArguments ѳïÏáõÃÛ³ÝÁ` áñå»ë ³ñÅ»ù: ä³ïÏ»ñÝ»ñ 3.7.2 ¨ 3.7.3-áõÙ óáõó³¹ñí³Í »Ý Ýáñ µ³óí³Í ëáíáñ³Ï³Ý ¨ Ùá¹³É å³ïáõѳÝÝ»ñÁ: êó»Ý³ñÇ ëï»ÕÍÙ³Ý ·áñÍÁÝóóÇ Ñ³çáñ¹ ù³ÛÉÁ û·ïíáÕÇ ÁÝïñ³Í ·ñùÇ ß³åÇÏÇ ¨ Ýϳñ³·ñáõÃÛ³Ý ³ñï³å³ïÏ»ñÙ³Ý Ï³½Ù³Ï»ñåáõÙÝ ¿: ²Û¹ Ýå³ï³Ïáí ëϽµáõ٠ѳÛï³ñ³ñíáõÙ »Ý »ñÏáõ ·Éáµ³É (áñå»ë½Ç ¹ñ³ÝóÇó ϳñáÕ³Ý³Ý û·ïí»É µáÉáñ Ùß³ÏáÕ ýáõÝÏódzݻñÁ) ÷á÷á˳ϳÝÝ»ñ` ·ñùÇ ³Ýí³ÝáõÙÁ (strTitle) ¨ ·ñùÇ Ýϳñ³·ñáÕ ï»ùëïÁ (strText) å³Ñå³Ý»Éáõ ѳٳñ: ø³ÝÇ áñ ³ñï³å³ïÏ»ñÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝÁ ϳåí³Í ¿ áñáß³ÏÇ Çñ³¹³ñÓáõÃÛ³Ý Ñ»ï (÷á÷áËíáõÙ ¿ ÁÝïñ³ó³ÝÏÇó ÁÝïñí³Í ³ñÅ»ùÁ), ¿çáõÙ ëï»ÕÍí³Í ¿ ѳٳå³ï³ëË³Ý Ùß³ÏÇãÁ (onchange="fListChange()"), ÇëÏ ëó»Ý³ñáõÙª Ùß³ÏáÕ ýáõÝÏóÇ³Ý (function fListChange()):
ä³ïÏ»ñ 3.7.2. êáíáñ³Ï³Ý å³ïáõѳÝÁ ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ fListChange() ýáõÝÏóÇ³Ý Ý³Ë ëï³ÝáõÙ ¿ ÁÝïñ³Í ·ñùÇ Í³Íϳ·ÇñÁª strBookId=document.all(“listBooks”).value, ³å³ (»Ã» ·ÇñùÝ ÁÝïñí³Í ¿) ï»ë³Ý»ÉÇ ¿ ¹³ñÓÝáõÙ ·ñùÇ ß³åÇÏÁ ³ñï³å³ïÏ»ñáÕ ÝϳñÁ: ¸ñ³ÝÇó Ñ»ïá ·ñùÇ Í³Íϳ·ÇñÁ ÷á˳ÝóíáõÙ ¿ setBookText(strBookId) ýáõÝÏódzÛÇÝ` áñå»ë ³ñ·áõÙ»ÝïÇ ³ñÅ»ù: setBookText() ýáõÝÏóÇ³Ý å³ñ½³å»ë ³ñÅ»ùÝ»ñ ¿ ï³ÉÇë ·ñùÇ ³Ýí³ÝÙ³Ý ¨ Ýϳñ³·ñáõÃÛ³Ý ÷á÷á˳ϳÝÝ»ñÇÝ: êï³óí³Í ³ñÅ»ùÝ»ñÁ ·ñ³ÝóíáõÙ »Ý pTitle ¨ divText ï³ññ»ñáõÙ innerText Ù»Ãá¹Ç ÙÇçáóáíª document.all(“pTitle”).innerText=strTitle, 137
document.all(“divText”).innerText=strText:
ä³ïÏ»ñ 3.7.3. ºñÏËáëáõÃÛ³Ý å³ïáõѳÝÁ ëϽµÝ³Ï³Ý íÇ׳ÏáõÙ ä³ïÏ»ñ 3.7.4-áõÙ óáõó³¹ñí³Í ¿ µñ³áõ½»ñÇ Ýáñ å³ïáõѳÝÁ ·ñùÇ ÁÝïñáõÃÛáõÝÇó Ñ»ïá: ì»ñçÇÝ ËݹÇñÁ, áñÁ å»ïù ¿ ÉáõÍíÇ ëó»Ý³ñáõÙª å³ïáõѳÝÝ»ñÇ ÷³ÏáõÙÝ ¿: ø³ÝÇ áñ “²í³ñï»É” (ѳٳå³ï³ë˳ÝáõÙ ¿ Cancel-ÇÝ) Ïá׳ÏÇ ë»ÕÙáõÙÁ »ñÏáõ å³ïáõѳÝÇ ¹»åùáõÙ ¿É Ý߳ݳÏáõÙ ¿, áñ ·Çñù ãÇ ÁÝïñí»É, ³ÛëÇÝùÝ` Ù»ÏݳñϳÛÇÝ startpage.html å³ïáõѳÝÇÝ ãå»ïù ¿ í»ñ³¹³ñÓíÇ ³ñÅ»ù, ³å³ »ñÏáõ ¹»åùáõÙ ¿É ¹ÇÙáõÙÁ ϳï³ñíáõÙ ¿ fcancelClicked() ýáõÝÏódzÛÇÝ: ²ÛÝ í»ñ³¹³ñÓíáÕ ïáÕÇ ³ñÅ»ùÁ ¹³ñÓÝáõÙ ¿ ¹³ï³ñÏ ¨ ÷³ÏáõÙ ¿ å³ïáõѳÝÁª window.returnValue=""; window.close();
138
ä³ïÏ»ñ 3.7.4. ´ñ³áõ½»ñÇ Ýáñ å³ïáõѳÝÇ ï»ëùÁ, »ñµ ·ÇñùÝ ÁÝïñí³Í ¿ ²ÛÝ ¹»åùáõÙ, »ñµ ·ÇñùÝ ÁÝïñí³Í ¿, ¨ û·ïíáÕÁ ó³ÝϳÝáõÙ ¿ ÷á˳Ýó»É ¹ñ³ ³Ýí³ÝáõÙÁ Ù»ÏݳñϳÛÇÝ ¿ç (¹³ í»ñ³µ»ñáõÙ ¿ ÙdzÛÝ »ñÏËáëáõÃÛ³Ý å³ïáõѳÝÇÝ), ë»ÕÙíáõÙ ¿ “ÀÝïñ»É” Ïá׳ÏÁ, áñÇ Ùß³ÏÇãÁ ¹ÇÙáõÙ ¿ faddClicked() ýáõÝÏódzÛÇÝ: ²Û¹ ¹»åùáõÙ å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÝ ¿ ¹³éÝáõÙ ·ñùÇ ³Ýí³ÝáõÙÁ (áñÁ å³Ñå³ÝíáõÙ ¿ strTitle ÷á÷á˳ϳÝáõÙ) ¨ å³ïáõѳÝÁ ÷³ÏíáõÙ ¿ª window.returnValue=strTitle; window.close(); êïáñ¨ µ»ñí³Í ¿ newpage.js ëó»Ý³ñ³ÛÇÝ ý³ÛÉÇ Íñ³·ñ³ÛÇÝ Ïá¹Á (Íñ. 3.7.3): Ìñ. 3.7.3. newpage.js ëó»Ý³ñÁ // JavaScript Document var strTitle="";// ·Éáµ³É ÷á÷á˳ϳÝ` ·ñùÇ ³Ýí³ÝÙ³Ý Ñ³Ù³ñ var strText=””; // ·ÇñùÁ Ýϳñ³·ñáÕ ï»ùëïÇ ÷á÷á˳ϳÝÁ if(window.dialogArguments=="MyDialog") { // Ïá׳ÏÝ»ñÇ ëï»ÕÍáõÙÁ Ùá¹³É å³ïáõѳÝÇ Ñ³Ù³ñ stringButtons="<input title='Add book to order and return to main window id='cmndOK' type='button' value='ÀÝïñ»É' onclick= 'addClicked()' style='font-family:Arial Armenian;position:absolute; top:200px;left:180px;width:70px'> <input type='button' title='Return to main window widthout adding book to order' value='²í³ñï»É' id='cmndCancel' onclick='cancelClick()' style='font-family:Arial Armenian;position:absolute; top:220px;left:260px;width:70px'>"; } else { // ÷³ÏÙ³Ý Ïá׳ÏÇ ëï»ÕÍáõÙÁ ëáíáñ³Ï³Ý å³ïáõѳÝÇ Ñ³Ù³ñ stringButtons="<input type='button' title='Return to main window' value='²í³ñï»É' id='cmndCancel' onclick='cancelClick()' style='font-family:Arial Armenian;position:absolute;top:200px; left:260px;width:70px'>"; } // Ïá׳ÏÝ»ñÇ ï»Õ³¹ñáõÙÁ ¿çáõÙ document.write(stringButtons); //³í³ñïáõÙ »Ýù å³ïáõѳÝÇ Ïá׳ÏÝ»ñÇ ëï»ÕÍáõÙÁ function fcancelClicked() { // å³ïáõѳÝÇ ÷³ÏáõÙÁ »ñÏáõ å³ïáõѳÝÝ»ñÇ Ñ³Ù³ñ window.returnValue=""; window.close(); } function faddClicked() { // ·ñùÇ ³Ýí³ÝáõÙÁ ßÝáñÑíáõÙ ¿ å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ //³ñÅ»ùÇÝ, ¨ å³ïáõѳÝÁ ÷³ÏíáõÙ ¿ window.returnValue=strTitle; window.close(); } function BookListChange() { objImgCover=document.all(“imgCover”); //ëï³ÝáõÙ »Ýù ÁÝïñí³Í ·ñùÇ Í³Íϳ·ÇñÁ strBookId=document.all(“listBooks”).value; if(strBookId==”0”) {// »Ã» ÁÝïñí³Í ã¿ áã ÙÇ ·Çñù, ùáÕ³ñÏáõÙ »Ýù å³ïÏ»ñÁ 139
objImgCover.style.visibility=”hidden”;} else {// ï»Õ³¹ñáõÙ »Ýù å³ïÏ»ñÁ ¨ ¹³ñÓÝáõÙ ³ÛÝ ï»ë³Ý»ÉÇ objImgCover.src=strBookId+”.gif”; objImgCover.style.visibility=”visible”; // ëï³ÝáõÙ »Ýù ÁÝïñí³Í ·ñùÇ ³Ýí³ÝáõÙÁ ¨ Ýϳñ³·ñáõÃÛáõÝÁ setBookText(strBookId); //ï»Õ³¹ñáõÙ »Ýù ³Ýí³ÝáõÙÁ <p id=”pTitle”>, ÇëÏ Ýϳñ³·ñáõ//ÃÛáõÝÁ <div id=”divText”> ï»·»ñáõÙ document.all(“pTitle”).innerText=strTitle; document.all(“divText”).innerText=strText; } function setBookText(strBookId) { //³ñÅ»ùÝ»ñ »Ýù ßÝáñÑáõÙ strTitle ¨ strText ÷á÷á˳ϳÝÝ»ñÇÝ if(strBookId==”1”) { strTitle=”Professional Active Server Pages”; strText=”Active Server Pages is simply…”; } if(strBookId==”2”) { strTitle=” ActiveX Web Database Programming”; strText=” The major task every business…”; } ÝáõÛÝÁ` µáÉáñ ÙÛáõë ·ñù»ñÇ Ñ³Ù³ñ } ºñÏËáëáõÃÛ³Ý å³ïáõѳÝÇ í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ ·ñ³ÝóíáõÙ ¿ Ù»ÏݳñϳÛÇÝ ¿çÇ ëïáñÇÝ Ù³ëáõÙ ï»Õ³¹ñí³Í åÇï³Ï³íáñí³Í óáõó³ÏáõÙ: ä³ïÏ»ñ 3.7.5-áõÙ óáõó³¹ñí³Í ¿ startpage.html Ù»ÏݳñϳÛÇÝ ¿çÁ` ·ÇñùÝ ÁÝïñ»Éáõó ¨ Ùá¹³É å³ïáõѳÝÁ ÷³Ï»Éáõó Ñ»ïá:
ä³ïÏ»ñ 3.7.5. Ø»ÏݳñϳÛÇÝ ¿çÁ ·ÇñùÝ ÁÝïñ»Éáõó ¨ »ñÏËáëáõÃÛ³Ý å³ïáõѳÝÁ ÷³Ï»Éáõó Ñ»ïá
¢ 3.8. ä³ïÏ»ñ³Ó¨»ñÇ µáí³Ý¹³ÏáõÃÛ³Ý Ý³ËÝ³Ï³Ý Ùß³ÏáõÙÁ 140
JavaScript É»½áõÝ ¨ ¹ñ³ Ùß³ÏÇãÝ»ñÁ ã³÷³½³Ýó ѳñÙ³ñ »Ý å³ïÏ»ñ³Ó¨»ñáõÙ û·ïíáÕÝ»ñÇ ÏáÕÙÇó Éñ³óíáÕ ïíÛ³ÉÝ»ñÇ ×ßïáõÃÛáõÝÁ ëïáõ·»Éáõ ѳٳñ: ÆѳñÏ», ¹³ ϳñ»ÉÇ ¿ ³Ý»É ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ÙÇçáóáí: ê³Ï³ÛÝ, ù³ÝÇ áñ ë»ñí»ñÇ Ñ»ï ÇÝýáñÙ³ódzÛÇ ÷á˳ݳÏáõÙÁ Ñ³×³Ë å³Ñ³ÝçáõÙ ¿ ųٳݳÏÇ µ³í³Ï³Ý³ã³÷ Ù»Í Í³Ëë»ñ (ٳݳí³Ý¹ Ñ»é³Ëáë³ÛÇÝ Ï³åÇ ·Í»ñáí Çñ³·áñÍ»Éáõ ¹»åùáõÙ` dual-up), ³å³ ß³ï ³í»ÉÇ Ñ³ñÙ³ñ ¿ ëïáõ·»É å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ Éñ³óÙ³Ý ×ßïáõÃÛáõÝÁ Ñ»Ýó Éñ³óÙ³Ý ÁÝóóùáõÙª ³ÝÙÇç³å»ë û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãÇ íñ³: ä³ïÏ»ñ³Ó¨Á, ÇÝãå»ë ¨ Ï³Ù³Û³Ï³Ý ûµÛ»ÏïÁ, áõÝÇ Ñ³ïÏáõÃÛáõÝÝ»ñ, áñáÝóÇó Ýß»Ýù name (³ÛÝ ÃáõÛÉ ¿ ï³ÉÇë ¹ñ³Ý ¹ÇÙ»É ëó»Ý³ñÇó), action, metod, length ¨ target ѳïÏáõÃÛáõÝÝ»ñÁ: ä³ïÏ»ñ³Ó¨»ñÝ áõÝ»Ý Ý³¨ ï³ññ»ñÇ Ñ³í³ù³Íáõ (½³Ý·í³Í)` elements, áõñ Áݹ·ñÏíáõÙ »Ý µáÉáñ input, select ¨ textarea ï³ññ»ñÁ: Ø»Ãá¹Ý»ñÇó ϳñ»ÉÇ ¿ Ýᯐ reset() ¨ submit()-Á: ¶áñÍݳϳÝáõ٠ϳñ»ÉÇ ¿ Ùß³Ï»É å³ïÏ»ñ³Ó¨Ç Ï³Ù³Û³Ï³Ý ï³ññ, ë³Ï³ÛÝ ³é³í»É Ñ³×³Ë ¹³ ϳï³ñíáõÙ ¿ ï»ùëï³ÛÇÝ ¹³ßï»ñÇ ¨ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÝ»ñÇ Éñ³óÙ³Ý ÁÝóóùáõÙ: ¸Çï³ñÏ»Ýù ûñÇݳÏ: γ½Ù»Ýù ÷³ëï³ÃáõÕÃ, áñÁ å³ñáõݳÏáõÙ ¿ ѳ׳Ëáñ¹Ç í»ñ³µ»ñÛ³É ïíÛ³ÉÝ»ñÇ Éñ³óÙ³Ý Ñ³Ù³ñ ëï»ÕÍí³Í å³ïÏ»ñ³Ó¨ ¨ ¹ñ³ Ù»Ï ï³ññǪ ÷áëï³ÛÇÝ Çݹ»ùëÇ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÇ Éñ³óÙ³Ý ×ßïáõÃÛáõÝÁ ëïáõ·áÕ ëó»Ý³ñÁ (Íñ. 3.8.1): Ìñ. 3.8.1. ä³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ Éñ³óÙ³Ý í»ñ³ÑëÏÙ³Ý ûñÇÝ³Ï <html> <head><title>Personalize page example</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <style> input {font-family:Arial Armenian;font-size:10pt} button {font-family:Arial Armenian;font-size:10pt} span {font-family:Arial Armenian;font-size:11pt;font-weight:bold} </style> <script language="JavaScript"> <!-function fZipCheck() { var zipStr=custForm.zipCode.value; var objAlert=document.all("spanAlert"); if(zipStr=="") { objAlert.innerText="Øáõïù³·ñ»ù í»ó³ÝÇß Ïá¹"; return (-1); } if(zipStr!=6) {objAlert.innerText="Æݹ»ùëÁ å»ïù ¿ ÉÇÝÇ í»ó³ÝÇß";return (-1); } return 0; } function fCheckSend() { var passCheck=fZipCheck(); if(passCheck==-1) return; else custForm.submit(); } //--></script> </head> <body > <h2>ÊݹñáõÙ »Ýù Éñ³óÝ»É å³ïÏ»ñ³Ó¨Á</h2> <form action="address.pl" method="post" name="custForm"> <table> <tr><td>²ÝáõÝÁ</td><td><input type="text" name="fname"></td> </tr> <tr><td>²½·³ÝáõÝÁ</td><td><input type="text" name="lname"> </td></tr> <tr><td>гëó»Ý</td><td><input type="text" name="address"> </td></tr> <tr><td>ø³Õ³ùÁ</td><td><input type="text" name="city"></td></tr> <tr><td>öáëï³ÛÇÝ Çݹ»ùëÁ</td><td><input type="text" name="zipCode" onblur="fZipCheck()"></td></tr> <tr><td></td><td><button onclick="fCheckSend()">àõÕ³ñÏ»É</button></td></tr> <tr><td colspan="2"><span id="spanAlert"></span></td></tr> 141
</table> </form> </body> </html> Ìñ. 3.8.1-áõÙ å³ïÏ»ñ³Ó¨Ç Ùß³ÏáõÙÁ ëÏëíáõÙ ¿ Blur Çñ³¹³ñÓáõÃÛáõÝÇó, ³ÛëÇÝùÝ` »ñµ ÷áëï³ÛÇÝ Çݹ»ùëÇ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÁ ÏáñóÝáõÙ ¿ ýáÏáõëÁ: ¸ñ³Ý ѳٳå³ï³ë˳ÝáÕ onblur Ùß³ÏÇãÇ ÙÇçáóáí ϳÝãíáõÙ ¿ fZipCheck() ýáõÝÏódzÝ, áñÁ ëïáõ·áõÙ ¿ Ùáõïù³·ñÙ³Ý å³ïáõѳÝÇ å³ñáõݳÏáõÃÛáõÝÁª var zipStr=custForm.zipCode.value; ºÃ» ¹³ßïÁ Ùݳó»É ¿ ¹³ï³ñÏ Ï³Ù Éñ³óí³Í ïáÕÁ å³ñáõݳÏáõÙ ¿ 6-Çó å³Ï³ë ϳ٠³í»É ÝÇß»ñª if(zipStr=="") ¨ if(zipStr.length!=6), ³å³ ѳïáõÏ ëï»ÕÍí³Í spanAlert ¹³ßïáõÙ innerText Ù»Ãá¹Ç ÙÇçáóáí ·ñ³ÝóíáõÙ ¿ ѳٳå³ï³ëË³Ý Ý³Ë³½·áõß³óáõÙÁª objAlert.innerText="ܳ˳½·áõß³óáõÙ": ÆѳñÏ», û·ïíáÕÁ ϳñáÕ ¿ ³Ýï»ë»É ¹³, ß³ñáõÝ³Ï»É å³ïÏ»ñ³Ó¨Ç Éñ³óáõÙÁ ¨ ÷áñÓ»É ³ÛÝ áõÕ³ñÏ»É: ²Û¹åÇëÇ ¹»åù»ñÇ Ñ³Ù³ñ ݳ˳ï»ëíáõÙ ¿ ÙÇ ³ÛÉ Ùß³ÏÇã, áñÁ, »ñµ û·ïíáÕÁ ë»ÕÙáõÙ ¿ “àõÕ³ñϻɔ Ïá׳ÏÁ, ϳÝãáõÙ ¿ å³ïÏ»ñ³Ó¨Ç í»ñçÝ³Ï³Ý ëïáõ·Ù³Ý fCheckSend() ýáõÝÏódzÝ: ºÃ» Çݹ»ùëÁ Éñ³óí³Í ¿ ë˳É, ³å³ ýáõÝÏóÇ³Ý û·ïíáÕÇÝ å³ñ½³å»ë í»ñ³¹³ñÓÝáõÙ ¿ å³ïÏ»ñ³Ó¨Ç Éñ³óÙ³Ý ß³ñáõݳÏáõÃÛ³ÝÁ (³ÛÝ ãÇ áõÕ³ñÏíáõÙ): ÆëÏ »Ã» ³Ù»Ý ÇÝã ϳñ·ÇÝ ¿, å³ïÏ»ñ³Ó¨Á áõÕ³ñÏíáõÙ ¿ submit() Ù»Ãá¹Ç ÙÇçáóáíª custForm.submit(): ä³ïÏ»ñ 3.8.1-áõÙ Ý»ñϳ۳óí³Í ¿ ³ÛÝ ¹»åùÁ, »ñµ Éñ³óí³Í ÷áëï³ÛÇÝ Çݹ»ùëÇ ÝÇß»ñÇ ù³Ý³ÏÁ ѳí³ë³ñ ã¿ 6-Ç:
ä³ïÏ»ñ 3.8.1. ä³ïÏ»ñ³Ó¨Ç Éñ³óÙ³Ý í»ñëïáõ·Ù³Ý ûñÇÝ³Ï ÆѳñÏ», Íñ. 3.8.1-áõÙ Çݹ»ùëÇ Éñ³óÙ³Ý ëïáõ·áõÙÁ ÙdzÛÝ Ù³ë³Ùµ ¿ Çñ³Ï³Ý³óí³Í: ¶áñÍݳϳÝáõ٠ϳñ»ÉÇ ¿ ϳï³ñ»É ó³Ýϳó³Í µ³ñ¹áõÃÛ³Ý ëïáõ·áõÙ: úñÇݳÏ` û·ï³·áñÍ»Éáí String ûµÛ»ÏïÇ charAt() Ù»Ãá¹Á ϳñ»ÉÇ ¿ ³ñ·»É»É ï³é³ÛÇÝ ÝÇß»ñÇ Ùáõïù³·ñáõÙÁ: ²Û¹ Ýå³ï³Ïáí fZipCheck() ýáõÝÏódzÛáõ٠ϳñ»ÉÇ ¿ ³í»É³óÝ»É Ñ»ï¨Û³É Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍÁª for(i=1;I<6;I++) if(zipStr.charAt(i)<’0’ | | zipStr.charAt(i)>’9’) { objAlert.innerText="Æݹ»ùëÁ å»ïù ¿ å³ñáõݳÏÇ ÙdzÛÝ Ãí³Ýß³ÝÝ»ñ"; return (-1); } àñáß ¹»åù»ñáõÙ ÝáõÛÝÇëÏ å³ñï³¹Çñ 㿠ѳë³Ý»ÉÇáõÃÛáõÝÁ ÆÝï»ñÝ»ï ͳé³ÛáõÃÛáõÝÝ»ñ 142
ïñ³Ù³¹ñáÕ Ï³½Ù³Ï»ñåáõÃÛ³Ý ë»ñí»ñÇ CGI ϳñ·³ó³ÝÏÇÝ: êïáñ¨ µ»ñí³Í ¿ ¿É»ÏïñáݳÛÇÝ å³ïÏ»ñ³Ó¨Ç ¨ Ùß³ÏáÕ Íñ³·ñÇ ûñÇÝ³Ï (ï»ëª Íñ. 3.8.2 ¨ å³ïÏ»ñ 3.8.2):
143
Ìñ. 3.8.2. ¾É»ÏïñáݳÛÇÝ å³ïÏ»ñ³Ó¨Ç ûñÇÝ³Ï <html> <head><title>ÆÝãåÇëÇÝ ¿ Ó»ñ ϳñÍÇùÁ</title> <style> button {font-family:Arial Armenian;font-size:10pt} input {font-family:Arial Armenian;font-size:10pt} textarea {font-family:Arial Armenian;font-size:10pt} </style> <script> <!-function processForm() { var newline="\n"; var resultStr=""; var Form1=document.form1; resultStr+=Form1.first_name.value+" "+form1.last_name.value+newline; resultStr+=Form1.email.value+" "+newline; for(i=0;i<Form1.where.length;i++) { if(Form1.where[i].checked) { resultStr+=Form1.where[i].value+newline; break; } } if(Form1.desktop.checked) resultStr+="ê»Õ³ÝÇ Ñ³Ù³Ï³ñ·ÇãÝ»ñ"+newline; if(Form1.notebook.checked) resultStr+="ÜáõáõÏÝ»ñ"+newline; if(Form1.peripherials.checked) resultStr+="Îó³ë³ñù³íáñáõÙÝ»ñ"+newline; if(Form1.software.checked) resultStr+="Ìñ³·ñ³ÛÇÝ ³å³ÑáíáõÙ"+newline; document.form2.results.value=resultStr; return; } //--> </script> </head> <body> <form name ="form1" id = "form1"> <table cellpadding="2" cellspacing="0"> <tr><td>²ÝáõÝÁ</td><td><input type="text" name="first_name" size="20" maxlength="40"</td></tr> <tr><td>²½·³ÝáõÝÁ</td><td><input type="text"name="last_name" size="20" maxlength="40" /></td></tr> <tr> <td>E-mail: </td> <td><input type="text" name="email" size="20" maxlength="40" /> </td> </tr> </table> <b>àñï»ÕDZó »ù ¸áõù ÇÙ³ó»É Ù»ñ ϳÛùÇ Ù³ëÇÝ</b><br /> <input type="radio" name="where" value="ÆÝï»ñÝ»ï" checked="checked" />öÝïñáÕ Íñ³·ñÇó ϳ٠ÆÝï»ñÝ»ï ÑÕáõÙÇó<br /> <input type="radio" name="where" value="¶áí³½¹" />è³¹Çá ϳ٠ѻéáõëï³·áí³½¹Çó<br /> <input type="radio" name="where" value="»ñÃ" />»ñûñÇó<br /> <input type="radio" name="where" value="²ÛÉ" />²ÛÉ ³ÕµÛáõñÝ»ñÇó<br /> 144
<b>ÆÝãåÇëÇ ³ñï³¹ñ³ï»ë³ÏÝ»ñÇ í»ñ³µ»ñÛ³É ¸áõù Ïó³ÝϳݳÛÇù ëï³Ý³É Ù³Ýñ³Ù³ëÝ ÇÝýáñÙ³ódz</b><br /> <input type="checkbox" name="desktop" />ê»Õ³ÝÇ Ñ³Ù³Ï³ñ·ÇãÝ»ñ <input type="checkbox" name="notebook" />ÜáõáõÏÝ»ñ <input type="checkbox" name="peripherials" /> Îó³ë³ñù³íáñáõÙÝ»ñ <input type="checkbox" name="software" />Ìñ³·ñ³ÛÇÝ ³å³ÑáíáõÙ<br /> <button onclick="processForm()"> гëï³ï»É</button> <button name="reset" type="reset"> سùñ»É</button> </form> <form name="form2" id = "form2" action="mailto:survey@fakecorp.net"> <b>àõß³¹Çñ ëïáõ·»ù ·ñ³ÝóáõÙÝ»ñÁ: ºÃ» ³Ù»Ý ÇÝã ×Çßï ¿, ëïáñ¨ ϳñáÕ »ù ·ñ³Ýó»É Ó»ñ ó³ÝÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ïݳµ³ÝáõÃÛáõÝÝ»ñÁ </b> <textarea name="results" rows="5" cols="40"> </textarea> <button name="submit" type="submit">àõÕ³ñÏ»É</button> </form> </body> </html>
ä³ïÏ»ñ 3.8.2. êó»Ý³ñÇ ÙÇçáóáí Ùß³ÏíáÕ ýáñÙ³ÛÇ ûñÇÝ³Ï ´»ñí³Í ûñÇݳÏáõÙ ëó»Ý³ñÇ ÙÇçáóáí ³é³çÇÝ å³ïÏ»ñ³Ó¨áõÙ Éñ³óí³Í ïíÛ³ÉÝ»ñÁ ï»ùëïÇ ï»ëùáí ï»Õ³¹ñíáõÙ »Ý »ñÏñáñ¹ å³ïÏ»ñ³Ó¨Ç ï»ùëï³ÛÇÝ ¹³ßïáõÙ: ¸ñ³ÝÇó Ñ»ïá û·ïíáÕÁ ϳñáÕ ¿ áõÕÕáõÙÝ»ñ ÙïóÝ»É, Ù»Ïݳµ³ÝáõÃÛáõÝÝ»ñ ³í»É³óÝ»É ¨ ³ÛÉÝ: гÙá½í»Éáí, áñ ³Ù»Ý ÇÝã Éñ³óí³Í ¿ 145
×Çßï, û·ïíáÕÁ ë»ÕÙáõÙ ¿ “àõÕ³ñϻɔ Ïá׳ÏÁ ¨ ³ÙµáÕç Ïáõï³Ïí³Í ÇÝýáñÙ³óÇ³Ý áõÕ³ñÏíáõÙ ¿ ¿É»ÏïñáݳÛÇÝ ÷áëïáí:
¢ 3.9. ActiveX ջϳí³ñÙ³Ý ï³ññ»ñÇ û·ï³·áñÍáõÙÁ ¶áÛáõÃÛáõÝ áõÝ»Ý ¿ý»ÏïÝ»ñ, áñáÝù Ñݳñ³íáñ ã¿ Çñ³·áñÍ»É ÙdzÛÝ HTML-Ç ÙÇçáóáí: êáíáñ³µ³ñ, ³Û¹åÇëÇ ¹»åù»ñáõÙ û·ï³·áñÍíáõÙ »Ý ActiveX ջϳí³ñÙ³Ý ï³ññ»ñÁ ϳ٠Java-Ïó³Íñ³·ñ»ñÁ (³åÉ»ïÝ»ñÁ), áñáÝù ÃáõÛÉ »Ý ï³ÉÇë HTML ¿ç»ñáõÙ ³ñï³ùÇÝ ûµÛ»ÏïÝ»ñ Ý»ñ¹Ý»É ϳ٠ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ϳå ѳëï³ï»É: ¸ÇݳÙÇÏ ¿çáõÙ û·ï³·áñÍíáÕ ûµÛ»ÏïÝ»ñÁ å»ïù ¿ ë³ï³ñ»Ý ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñ, Ù»Ãá¹Ý»ñ ¨ Çñ³¹³ñÓáõÃÛáõÝÝ»ñ: ê³Ï³ÛÝ ãå»ïù ¿ Ùáé³Ý³É, »ñµ ûµÛ»ÏïÁ Ý»ñ¹ñí³Í ¿, Ý߳ݳÏáõÙ ¿ ¿çáõÙ ³éϳ »Ý í»ñçÇÝÝ»ñÇ »ñÏáõ ѳí³ù³ÍáõÝ»ñ. ûµÛ»ÏïÁ å³ñáõݳÏáÕ ÏáÝï»ÛÝ»ñÇ (ûñÇݳϪ <div>, <p>, <td> ¨ ³ÛÉÝ), Ý»ñ¹ñí³Í ûµÛ»ÏïÇ (¹ñ³Ýù ï³ñµ»ñíáõÙ »Ý ÏáÝï»ÛÝ»ñÇ ¨ ¿çÇ ³ÛÉ ûµÛ»ÏïÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇó ¨ Ù»Ãá¹Ý»ñÇó): ActiveX ï³ññ»ñ Ý»ñ¹Ý»Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ <object> ï»·Á: Ü»ñ¹ñíáÕ ï³ññÇ ¹ÇñùÁ ¨ ã³÷ë»ñÁ ë³ÑٳݻÉáõ (»Ã», ÇѳñÏ», ¹³ ³ÝÑñ³Å»ßï ¿) ѳٳñ û·ï³·áñÍíáõÙ »Ý ëáíáñ³Ï³Ý HTML µÝáõó·ñÇãÝ»ñÁ ϳ٠ѳïÏáõÃÛáõÝÝ»ñÁ: ´³óÇ ³Û¹, ÙdzÛÝ ïíÛ³É ûµÛ»ÏïÇÝ µÝáñáß Ñ³ïÏáõÃÛáõÝÝ»ñÁ ë³ÑÙ³ÝíáõÙ »Ý Ý»ñ¹ñí³Í` Ù»Ï Ï³Ù ÙÇ ù³ÝÇ <param> ï»·»ñÇ ÙÇçáóáí: Úáõñ³ù³ÝãÛáõñ ³Û¹åÇëÇ ï»· áõÝÇ »ñÏáõ µÝáõó·ñÇ㪠name = ”ѳïÏáõÃÛ³Ý_³ÝáõÝ” ¨ value=”ѳïÏáõÃÛ³Ý_³ñÅ»ùÁ”: ºñµ ûµÛ»ÏïÁ Ý»ñ¹ñíáõÙ ¿, ³ÛÝ ·ñ³ÝóíáõÙ ¿ ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·Ç é»»ëïñáõÙ, áñå»ë½Ç ѳٳϳñ·Á ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõ٠ϳñáճݳ ³ÛÝ ·ïÝ»É ¨ Ý»ñ¹Ý»É ³é³Ýó ÏñÏݳÏÇ µ»éÝÙ³Ý: ÆëÏ áñå»ë½Ç íëï³Ñ ÉÇÝ»Ýù, áñ ûµÛ»ÏïÁ ·ñ³Ýóí³Í ¿ ÙdzÛÝ Ù»Ï ³Ý·³Ù, ëï»ÕÍíáõÙ ¿ ·ñ³ÝóÙ³Ý µ³ó³éÇÏ (áõÝÇϳÉ) ѳٳñÁ å³ñáõݳÏáÕ classid ïáÕÁ: ´»ñ»Ýù ActiveX ջϳí³ñÙ³Ý ï³ññÇ ûñÇÝ³Ï (ÑÇß»Ýù, áñ codebase µÝáõó·ñÇãÁ ë³ÑÙ³ÝáõÙ ¿ ûµÛ»ÏïÇ Ïá¹Ç ѳëó»Ý ³ÛÝåÇëÇ ¹»åù»ñÇ Ñ³Ù³ñ, »ñµ ³ÛÝ ³Ýѳë³Ý»ÉÇ ¿)ª <object id=”timemove” width=”40” height=”40” classid= ”CLSID:59ccb4a0-727D-11CF-AC36-00AA00A47DD2” codebase=”hhtp://activex.microsoft.com/controls/iexplorer/timer.ocx”> <param name=”interval” value=”4000” /> <param name=enabled” value=”true” /> </object> ÆÝïñ³Ý»ï ¨ ÇÝï»ñÝ»ï ÙÇç³í³Ûñ»ñáõÙ µñ³áõ½»ñÇ ÏáÕÙÇó ÉáõÍíáÕ Ï³ñ¨áñ³·áõÛÝ ËݹÇñÝ»ñÝ »Ýª ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ ¹Çï³ñÏáõÙÁ ¨ ³ß˳ï³ÝùÁ ¹ñ³Ýó Ñ»ï: Àݹ áñáõÙ, ÇÝãå»ë ëáíáñ³Ï³Ý Oracle, SQl Server ϳ٠Access ï»ë³ÏÝ»ñÇ, ³ÛÝå»ë ¿É ѳïáõÏ Ùß³Ïí³Í ѳٳϳñ·»ñáõÙ: ²Û¹åÇëÇ ËݹÇñÝ»ñÇ ÉáõÍÙ³Ý Ñ³Ù³ñ ·áÛáõÃÛáõÝ áõÝ»Ý ÇÝãå»ë ë»ñí»ñ³ÛÇÝ Íñ³·ñ³íáñÙ³Ý ¹³ë³Ï³Ý ÙÇçáóÝ»ñ (CGI Íñ³·ñ»ñ ¨ ë»ñí»ñ³ÛÇÝ ëó»Ý³ñÝ»ñ, ·ñí³Í C, Perl ¨ ³ÛÉ É»½áõÝ»ñáí), ³ÛÝå»ë ¿É ѳïáõÏ ï»ËÝáÉá·Ç³Ý»ñ (ASP - ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¾ç»ñ): ÆѳñÏ» É³í ¿, »ñµ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï ³ÙµáÕç ³ß˳ï³ÝùÁ ϳï³ñíáõÙ ¿ ë»ñí»ñÇ íñ³, ÇëÏ û·ïíáÕÇÝ Ù³ïáõóíáõÙ ¿ å³ïñ³ëïÇ HTML ¿ç: ê³Ï³ÛÝ áñáß ¹»åù»ñáõ٠ѳ׳Ëáñ¹Á ó³ÝϳÝáõÙ ¿ ³ÝÙÇç³Ï³Ýáñ»Ý Çñ³·áñÍ»É ³Û¹ ³ß˳ï³ÝùÁ, ûñÇݳÏ` ÷á÷áË»É áñáß ÇÝýáñÙ³ódz ϳ٠¹Çï³ñÏ»É ³ÝÑñ³Å»ßï ïíÛ³ÉÝ»ñÁ: ºÃ» ³Û¹ ³Ù»ÝÁ ϳï³ñíÇ ë»ñí»ñÇ ÙÇçÝáñ¹áõÃÛ³Ùµ, ¹³ Ïå³Ñ³ÝçÇ ÇÝãå»ë ïíÛ³ÉÝ»ñÇ µ³½Ù³ÏÇ ÷á˳ݳÏáõÙ ë»ñí»ñÇ ¨ ѳ׳Ëáñ¹Ç ÙÇç¨, ³ÛÝå»ë ¿É ë»ñí»ñÇ íñ³ ϳï³ñíáÕ Ùß³ÏÙ³Ý ÏñÏÝíáÕ ·áñͳéáõÛÃÝ»ñ: ÈáÏ³É ó³Ýó»ñáõÙ ³Û¹åÇëÇ ÏñÏÝáõÃÛáõÝÝ»ñÁ ¨ ÷á˳ݳÏáõÃÛáõÝÝ»ñÁ ³é³ÝÓݳÏÇ ¹Åí³ñáõÃÛáõÝÝ»ñ ã»Ý ³é³ç³óÝáõÙ, ë³Ï³ÛÝ ÆÝï»ñÝ»ïáõÙ ³ß˳ï»ÉÇë ¹³ å³Ñ³ÝçáõÙ ¿ ųٳݳÏÇ Ù»Í Í³Ëë»ñ: ÈáõÍáõÙÝ»ñÇó Ù»ÏÁ ѳ׳Ëáñ¹Ç ѳٳϳñ·ãáõÙ ïíÛ³ÉÝ»ñÇ “ù»ßÇ” ëï»ÕÍáõÙÝ ¿ (µ³é³óÇáñ»Ý cach-Á óñ·Ù³ÝíáõÙ ¿ å³ß³ñ): ¸³ Ý߳ݳÏáõÙ ¿, áñ å³Ñ³ÝçíáÕ ïíÛ³ÉÝ»ñÁ µ»éÝíáõÙ »Ý ѳ׳Ëáñ¹Ç ѳٳϳñ·ãáõÙ (ëáíáñ³µ³ñ áñå»ë ųٳݳϳíáñª temporary ý³ÛÉ»ñ), ¨ û·ïíáÕÁ Ñݳñ³íáñáõÃÛáõÝ ¿ ëï³ÝáõÙ ¹Çï³ñÏ»É ïíÛ³ÉÝ»ñÁ ó³Ýϳó³Í å³ÑÇ: ø»ßÇ ëï»ÕÍáõÙÝ áõÝÇ ¨ë Ù»Ï ³é³í»ÉáõÃÛáõݪ û·ïíáÕÁ ϳñáÕ ¿ ÷á÷áË»É ³ÕÛáõë³ÏÝ»ñÇ µ³½Ù³ÃÇí í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ ¨ ÙdzÝí³· ѳÕáñ¹»É µáÉáñ ÷á÷áËí³Í ïíÛ³ÉÝ»ñÁ ë»ñí»ñÇÝ: ActiveX ûµÛ»ÏïÝ»ñÇ ³ß˳ï³ÝùÇ ëϽµáõÝùÝ»ñÁ ѳëϳݳÉáõ ѳٳñ ¹Çï³ñÏ»Ýù ëϽµÝ³Ï³Ý ïíÛ³ÉÝ»ñÁ ¿çÇ Õ»Ï³í³ñÙ³Ý ï³ññ»ñÇ Ñ»ï ϳå³ÏóáÕ ï³ññÇ ûñÇݳÏ: àñå»ë ëϽµÝ³ÕµÛáõñ` ûñÇݳÏáõÙ û·ï³·áñíáõÙ ¿ å³ñ½³·áõÛÝ ï»ùëï³ÛÇÝ ý³ÛÉ, áñÁ å³ñáõݳÏáõÙ ¿ ïíÛ³ÉÝ»ñ ëÝݹ³ÙûñùÝ»ñÇ í»ñ³µ»ñÛ³É (food.txt ý³ÛÉÁ): ²ÛÝ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 3.9.1-áõÙ: ü³ÛÉáõÙ ïíÛ³ÉÝ»ñÁ ï»Õ³µ³ßËí³Í »Ý ³ÕÛáõë³Ï³ÛÇÝ ¹³ë³íáñáõÃÛ³Ùµª ïáÕ»ñáí (³é³çÇÝ ïáÕáõÙ 146
·ñ³Ýóí³Í »Ý “ëÛáõݳÏÝ»ñÇ” ³ÝáõÝÝ»ñÁ): êÛáõݳÏÝ»ñÁ ÙÇÙÛ³ÝóÇó ï³ñµ»ñ»Éáõ ѳٳñ Ûáõñ³ù³ÝãÛáõñ ïáÕáõÙ ïíÛ³ÉÝ»ñÁ µ³Å³Ýí³Í »Ý ëïáñ³Ï»ïÝ»ñáí (³Ûëå»ë Ïáãí³Í` “comma” µ³Å³ÝÇãáí – Field Delimiter):
ä³ïÏ»ñ 3.9.1. “êÝáõݹ” ïíÛ³ÉÝ»ñÇ “µ³½³Ý” ²é³çÇÝ ù³ÛÉáõÙ “µ³½³Ý” ³ÝÑñ³Å»ßï ¿ ϳå³Ïó»É ¾çÇ Ñ»ï, áñå»ë½Ç ïíÛ³ÉÝ»ñÁ ѳë³Ý»ÉÇ ÉÇÝ»Ý ¿çÇ Õ»Ï³í³ñÙ³Ý ï³ññ»ñÇÝ: ²Û¹ Ýå³ï³ÏÇÝ »Ý ͳé³Ûáõ٠ѳïáõÏ Ï³å³ÏóáÕ ï³ññ»ñÁ, áñáÝù ³å³ÑáíáõÙ »Ý ïíÛ³ÉÝ»ñÇ ¨ ³ñï³å³ïÏ»ñíáÕ ¿çÇ ÷áËѳٳ·áñͳÏóáõÃÛáõÝÁ: ¸ñ³Ýù ÉÇÝáõÙ »Ý »ñÏáõ ï»ë³ÏÇ. STD – å³ñ½³·áõÛÝ ³ÕÛáõë³Ï³ÛÇÝ ïíÛ³ÉÝ»ñÇ (Simple Tabular Data) í»ñ³ÑëÏÙ³Ý ï³ññ»ñ (¹ñ³Ýù ³Ýí³ÝáõÙ »Ý ݳ¨ TDC - Tabular Data Control): RDS – ïíÛ³ÉÝ»ñÇ Ñ»é³óí³Í ëå³ë³ñÏÙ³Ý (Remoute Data Service) ï³ññ»ñ: ¸ñ³Ýó ÙÇçáóáí ëå³ë³ñÏíáõÙ »Ý ODBC ѳٳϳñ·áí ϳ½Ù³íáñí³Í ïíÛ³ÉÝ»ñÇ ½³Ý·í³ÍÝ»ñÁ: ø³ÝÇ áñ Ù»ñ ïíÛ³ÉÝ»ñÇ µ³½³Ý µ³Õϳó³Í ¿ å³ñ½³·áõÛÝ ³ÕÛáõë³Ï³ÛÇÝ ïíÛ³ÉÝ»ñÇó, ³å³ Ïû·ï³·áñÍ»Ýù STD ջϳí³ñÙ³Ý ï³ññÁ, áñÁ ¿çáõÙ Ý»ñ¹ñíáõÙ ¿ <object> ï»·Ç ÙÇçáóáí: ÞÝáñÑ»Ýù ûµÛ»ÏïÇ Ç¹»ÝïÇýÇϳïáñÇÝ “tdfood” ³ñÅ»ùÁ, DataURL ѳïÏáõÃÛ³ÝÁ` ï»ùëï³ÛÇÝ ý³ÛÉÇ Ñ³ëó»Ý (ù³ÝÇ áñ »ñÏáõ ý³ÛÉÝ ¿É ·ïÝíáõÙ »Ý ÙǨÝáõÛÝ ÃÕóå³Ý³ÏáõÙ, áñå»ë ѳëó» å³ñ½³å»ë ·ñ³ÝóíáõÙ ¿ ï»ùëï³ÛÇÝ ý³ÛÉÇ ³ÝáõÝÁ), ÇëÏ FieldDelim (¹³ßï»ñÇ µ³Å³ÝÇã) ѳïÏáõÃÛ³ÝÁ` “,” (ëïáñ³Ï»ï) ³ñÅ»ùÁ: ´³óÇ ³Û¹, UseHeader ѳïÏáõÃÛ³ÝÁ ïñíáõÙ ¿ True ³ñÅ»ùÁ, ³ÛëÇÝùÝ` û·ï³·áñÍíáõÙ »Ý ëÛáõݳÏÝ»ñÇ ³é³çÇÝ ïáÕ»ñáõÙ ·ñ³Ýóí³Í ³Ýí³ÝáõÙÝ»ñÁ: ØdzíáñáÕ TDC ï³ññÁ ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <object classid="clsid:333C7bc4-460f-11d0-bc04-0080c7055a83" id="tdfood" height="1" width="1"> <param name="FieldDelim" value="," /> <param name="DataURL" value="food.txt" /> <param name="UseHeader" value="True" /> </object>: îíÛ³ÉÝ»ñÇ Ï³å³ÏóáõÙÁ ¿çÇÝ Ï³ñ»ÉÇ ¿ Çñ³·áñÍ»É »ñÏáõ »Õ³Ý³ÏÝ»ñáíª ïíÛ³ÉÝ»ñÇ ÙdzñÅ»ù ϳå³ÏóÙ³Ý, ïíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý: îíÛ³ÉÝ»ñÇ ÙdzñÅ»ù ϳå³ÏóÙ³Ý ¹»åùáõ٠ջϳí³ñÙ³Ý ï³ññ»ñáõÙ ³ñï³å³ïÏ»ñíáõÙ »Ý ³é³ÝÓÇÝ ·ñ³ÝóáõÙÝ»ñÁ: ²ÕÛáõë³ÏÇ Ûáõñ³ù³ÝãÛáõñ ¹³ßïÁ ϳå³ÏóíáõÙ ¿ ջϳí³ñÙ³Ý ï³ññÇ Ñ»ï datasrc ¨ datafld µÝáõó·ñÇãÝ»ñÇ ÙÇçáóáí: àñå»ë ïíÛ³ÉÝ»ñÇ ëϽµÝ³ÕµÛáõñ` ÁݹáõÝíáõÙ ¿ ϳå³ÏóáÕ ï³ññÁª datasrc=”#tdfood”, ÇëÏ datafld µÝáõó·ñÇãÇÝ ßÝáñÑíáõÙ ¿ ³ÕÛáõë³ÏÇ ³ÝÑñ³Å»ßï ëÛáõݳÏÇ (¹³ßïÇ) ³Ýí³ÝáõÙÁ, ûñÇݳϪ <input type=”text” datasrc=”#tdfood” datafld=”Food” />: ¾çÇ ëϽµÝ³Ï³Ý µ»éÝÙ³Ý ³ñ¹ÛáõÝùáõÙ Ùáõïù³·ñÙ³Ý ³Û¹å»ë ë³ÑÙ³Ýí³Í å³ïáõѳÝáõ٠ϳñï³å³ïÏ»ñíÇ food.txt ý³ÛÉÇ Food ëÛáõݳÏÇ ³é³çÇÝ ïáÕÇ ·ñ³ÝóáõÙÁª “гٵáõñ·»ñ”: γå³Ïó»Éáí µáÉáñ ¹³ßï»ñÁ ³é³ÝÓÇÝ ï³ññ»ñÇÝ` ϳñáÕ »Ýù ¹Çï³ñÏ»É ³ÕÛáõë³ÏÇ ³é³ÝÓÇÝ ïáÕÇ µáÉáñ ·ñ³ÝóáõÙÝ»ñÁ: ¶ñ³ÝóáõÙÝ»ñÇ ½³Ý·í³Íáí ï»Õ³ß³ñÅí»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý ջϳí³ñÙ³Ý ï³ññÇ recordset (recordset` ·ñ³ÝóáõÙÝ»ñÇ µ³½ÙáõÃÛáõÝ) »ÝóûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ: ¶áñÍݳϳÝáõÙ ¹ñ³Ýù ÝÙ³Ý »Ý ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ï³½Ù³Ï»ñåÙ³Ý µáÉáñ ï»ËÝáÉá·Ç³Ý»ñáõÙ ³é³ç³ñÏíáÕ Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ ¨ Ù»Ãá¹Ý»ñÇÝ: ¸ñ³Ýù »Ýª 147
bof (end of file) - ³½¹³ñ³ñáõÙ ¿ ý³ÛÉÇ ëÏǽµÁ, eof (end of file) - ³½¹³ñ³ñáõÙ ¿ ý³ÛÉÇ í»ñçÁ ¨ ϳñáÕ ¿ ÁݹáõÝ»É »ñÏáõ ³ñÅ»ùÝ»ñª true ϳ٠false, moveFirst - ³ÝóáõÙ ³é³çÇÝ ·ñ³ÝóÙ³ÝÁ (ïáÕÇÝ), moveLast - ³ÝóáõÙ í»ñçÇÝ ·ñ³ÝóÙ³ÝÁ, moveNext - ³Ýóáõ٠ѳçáñ¹ ·ñ³ÝóÙ³ÝÁ, movePrevios - ³Ýóáõ٠ݳËáñ¹ ·ñ³ÝóÙ³ÝÁ: îíÛ³ÉÝ»ñÇ ½³Ý·í³Íáí ï»Õ³ß³ñÅÁ ³å³ÑáíáÕ ëó»Ý³ñÁ Ïáõݻݳ Ñ»ï¨Û³É ï»ëùÁª <script> <!-function fMovePrevios() { // ݳ˳å»ë ëïáõ·íáõÙ ¿ ý³ÛÉÇ ëϽµÇ ³½¹³ñ³ñÇ íÇ׳ÏÁ if(!tdfood.recordset.bof) tdfood.recordset.movePrevios; } function fMoveNext() { // ݳ˳å»ë ëïáõ·íáõÙ ¿ ý³ÛÉÇ í»ñçÇ ³½¹³ñ³ñÇ íÇ׳ÏÁ if(!tdfood.recordset.eof) tdfood.recordset.moveNext; } function fMoveFirst() { tdfood.recordset.moveFirst; } function fMoveLast() { tdfood.recordset.moveLast; } //--> </script> êï»ÕÍ»Éáí ݳ¨ ѳٳå³ï³ëË³Ý Ùß³ÏÇãÝ»ñáí Ïá׳ÏÝ»ñ ýáõÝÏódzݻñÇÝ ¹ÇÙ»Éáõ ѳٳñ` Ïëï³Ý³Ýù Ñ»ï¨Û³É HTML ÷³ëï³ÃáõÕÃÁª Ìñ. 3.9.1. îíÛ³ÉÝ»ñÇ ÙdzñÅ»ù ϳå³ÏóÙ³Ý ûñÇÝ³Ï <html> <head> <title></title> <style> input {font-family:Arial Armenian;font-size:10pt} </style> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script> <!-function fMovePrevious() { if(!tdfood.recordset.bof) tdfood.recordset.movePrevious; } function fMoveNext() { if(!tdfood.recordset.eof) tdfood.recordset.moveNext; } function fMoveFirst() { tdfood.recordset.moveFirst; } function fMoveLast() { tdfood.recordset.moveLast; } //--> </script> </head> <body> <table width="100%"> <tr> <td align="right">êÝݹ³ÙûñùÁ</td><td> <input datasrc="#tdfood" datafld="Food" /></td></tr> <tr><td align="right">γÉáñdzϳÝáõÃÛáõÝÁ</td><td> 148
<input datasrc="#tdfood" datafld="Calories" /></td></tr> <tr><td align="right">ÊáõÙµÁ</td><td> <input datasrc="#tdfood" datafld="Group" /></td></tr> </table> <table width="100%"><tr> <td align="center"> <button onclick="fMoveFirst()"><b>&lt;&lt;</b></button> <button onclick="fMovePrevious()"><b>&lt;</b></button> <button onclick="fMoveNext()"><b>&gt;</b></button> <button onclick="fMoveLast()"><b>&gt;&gt;</b></button> </td> </tr> </table> <object classid="clsid:333C7bc4-460f-11d0-bc04-0080c7055a83" id="tdfood" height="1" width="1"> <param name="FieldDelim" value=","> <param name="DataURL" value="food.txt"> <param name="UseHeader" value="True"> </object> </body></html>
ä³ïÏ»ñ 3.9.2. îíÛ³ÉÝ»ñÇ ÙdzñÅ»ù ϳå³ÏóÙ³Ý ûñÇÝ³Ï êϽµÝ³Ï³Ý µ»éÝáõÙÇó Ñ»ïá ¿çÁ Ïáõݻݳ å³ïÏ»ñ 3.9.2-áõÙ Ý»ñϳ۳óí³Í ï»ëùÁ: ú·ï³·áñÍ»Éáí Ïá׳ÏÝ»ñÁ ϳñ»ÉÇ ¿ ¹Çï³ñÏ»É food.txt ý³ÛÉÇ µáÉáñ ·ñ³ÝóáõÙÝ»ñÁ: îíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý ¹»åùáõÙ µñ³áõ½»ñÇ å³ïáõѳÝáõÙ ³ÕÛáõë³ÏÇ ï»ëùáí óáõó³¹ñíáõÙ »Ý ÙÇ³Å³Ù³Ý³Ï ÙÇ ù³ÝÇ ·ñ³ÝóáõÙÝ»ñ: ²Û¹åÇëÇ ³ñï³å³ïÏ»ñáõÙÁ ³å³Ñáí»Éáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ ÙÇ ù³ÝÇ ³Ý·³Ù ÏñÏÝ»É ·ñ³ÝóáõÙÝ»ñ å³ñáõݳÏáÕ Ù³ëÁ: ²é³í»É Ñ³×³Ë ³Û¹ Ýå³ï³Ïáí ëï»ÕÍíáõÙ ¿ ÷³ëï³ÃÕÃÇ Ñ³ïí³Í, áñï»Õ ï»Õ³¹ñíáõÙ ¿ ïíÛ³ÉÝ»ñÇ ³ñï³å³ïÏ»ñÙ³Ý Ñ³Ù³ñ ݳ˳ï»ëí³Í ³ÕÛáõë³ÏÁ: ²Ûë ¹»åùáõÙ datasrc µÝáõó·ñÇãÁ ïñíáõÙ ¿ <table> ï»·ÇÝ, áñå»ë½Ç ÝßíÇ, áñ ÙdzíáñáÕ ï³ññÇÝ Ï³å³Ïóí³Í ¿ ÙÇ ³ÙµáÕç ³ÕÛáõë³Ï: ²ÕÛáõë³ÏÇ Ñ³Ù³ñ ëï»ÕÍíáõÙ ¿ í»ñݳ·ñ³ÛÇÝ Ù³ë (thead), áñï»Õ ·ñ³ÝóíáõÙ »Ý ѳٳå³ï³ëË³Ý ëÛáõݳÏÝ»ñÇ ³ÝáõÝÝ»ñÁ, ¨ µáí³Ý¹³ÏáõÃÛ³Ý` ÇÝùݳµ»ñ³µ³ñ ÏñÏÝíáÕ Ù³ë (tbody), áñï»Õ ³ñï³å³ïÏ»ñíáõÙ »Ý ëϽµÝ³ÕµÛáõñ ³ÕÛáõë³ÏÇ µáÉáñ ïáÕ»ñÁª <table datasrc="#tdfood"> <thead> <th>êÝݹ³ÙûñùÁ</th> <th>γÉáñdzϳÝáõÃÛáõÝÁ</th> <th>ÊáõÙµÁ</th> </thead> <tbody> 149
<tr> <td><span datafld="Food"></span></td> <td align="center"><span datafld="Calories"></span></td> <td><span datafld="Group"></span></td> </tr> </tbody> </table> ø³ÝÇ áñ <td> ï»·Á ãÇ ë³ï³ñáõÙ datafld µÝáõó·ñÇãÁ, ѳٳå³ï³ëË³Ý ëÛáõݳÏÝ»ñáõÙ Ý»ñ¹ñíáõÙ »Ý <span> ï»·»ñÁ: îíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý »Õ³Ý³ÏÁ óáõó³¹ñáÕ ¿çÇ Ïá¹Á ¨ ³ñï³å³ïÏ»ñáõÙÁ µ»ñí³Í »Ý, ѳٳå³ï³ë˳ݳµ³ñ, Íñ. 3.9.2-áõÙ ¨ å³ïÏ»ñ 3.9.3-áõÙ: Ìñ. 3.9.2. îíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý ûñÇÝ³Ï <html> <head> <title></title> <style> td {font-family:Arial Armenian;font-size:10pt} </style> </script> </head> <body> <table id="tab1" name="tab1" datasrc="#tdfood"> <thead><th>êÝݹ³ÙûñùÁ</th><th>γÉáñdzϳÝáõÃÛáõÝÁ</th><th>ÊáõÙµÁ</th></thead> <tbody> <tr><td><span dataFld="Food"></span></td> <td align="center"><span dataFld="Calories"></span></td> <td><span dataFld="Group"></span></td></tr> </tbody> </table> <object classid="clsid:333C7bc4-460f-11d0-bc04-0080c7055a83" id="tdfood" height="1" width="1"> <param name="FieldDelim" value=","> <param name="DataURL" value="food.txt"> <param name="UseHeader" value="True"> </object> </body> </html>
ä³ïÏ»ñ 3.9.3. îíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý ûñÇݳÏ
150
àñáß ¹»åù»ñáõÙ ³é³ç³ÝáõÙ ¿ ïíÛ³ÉÝ»ñÇ ï»ë³Ï³íáñÙ³Ý Ï³Ù í»ñ³¹³ë³íáñÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝ: úñÇݳÏ, å³Ñ³ÝçíáõÙ ¿ ³ñï³å³ïÏ»ñ»É ÙûñùÝ»ñÇ ³ÛÝ ï»ë³ÏÝ»ñÁ, áñáÝó ¿Ý»ñ·»ïÇÏ ³ñÅ»ùÁ ·»ñ³½³ÝóáõÙ ¿ 300 ϳÉáñdzÝ: ØÇ³Å³Ù³Ý³Ï ÙûñùÝ»ñÁ ³ÝÑñ³Å»ßï ¿ ï»ë³Ï³íáñ»É Áëï ËÙµ»ñÇ: ¸³ ϳï³ñíáõÙ ¿ ýÇÉïñ»ñÇ (½ïÇãÝ»ñÇ) ¨ ï»ë³Ï³íáñÙ³Ý ³ÛÉ Ñ³ïÏáõÃÛáõÝÝ»ñÇ û·ï³·áñÍÙ³Ý ÙÇçáóáí: üÇÉïñíáÕ ëÛáõݳÏÝ»ñÇ <param> ï»·»ñáõÙ “ëÛáõݳÏÇ ³ÝáõÝ” (FilterColumn) ¨ “½ïÙ³Ý Ñ³Ûï³ÝÇß” (FilterCriterion) µÝáõó·ñÇãÝ»ñÇÝ ïñíáõÙ »Ý ѳٳå³ï³ëË³Ý ³ñÅ»ùÝ»ñ (ѳٳå³ï³ë˳ݳµ³ñ` ëÛáõݳÏÇ ³ÝáõÝÁ ¨ ѳÛï³ÝÇßÁ, Áëï áñÇ å»ïù ¿ ÁÝïñí»Ý ëÛáõݳÏÇ ïíÛ³ÉÝ»ñÁ): ºÃ» ïíÛ³ÉÝ»ñÁ ³ÝÑñ³Å»ßï ¿ ݳ¨ ï»ë³Ï³íáñ»É (Áëï áñ¨¿ ëÛáõݳÏÇ ïíÛ³ÉÝ»ñÇ), ÝßíáõÙ ¿ ³ÛÝ ëÛáõݳÏÇ ³ÝáõÝÁ, áñÇ ³ñÅ»ùÝ»ñÁ å»ïù ¿ ï»ë³Ï³íáñí»Ý (SortColumn): úµÛ»ÏïÁ Ýϳñ³·ñáÕ Ïá¹Á ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª <object classid="clsid:333C7bc4-460f-11d0-bc04-0080c7055a83" id="tdfood" height="1" width="1"> <param name="FieldDelim" value="," /> <param name="DataURL" value="food.txt" /> <param name="UseHeader" value="True" /> <param name="FilterColumn" value="Calories" /> <param name="FilterCriterion" value=">" /> <param name="FilterValue" value="300" /> <param name="SortColumn" value="Group" /> </object>: ²ñ¹ÛáõÝùáõÙ Ïëï³óíÇ å³ïÏ»ñ 3.9.4-áõÙ Ý»ñϳ۳óí³Í å³ïáõѳÝÁ:
ä³ïÏ»ñ 3.9.4. îíÛ³ÉÝ»ñÇ ýÇÉïñÙ³Ý ¨ ï»ë³Ï³íáñÙ³Ý ûñÇÝ³Ï ÆÝãå»ë ï»ëÝáõÙ »Ýù, ³ñ¹ÛáõÝùáõÙ ÁÝïñí»É »Ý ÙdzÛÝ ³ÛÝ ÙûñùÝ»ñÁ, áñáÝó ÙdzíáñÇ Ï³ÉáñdzϳÝáõÃÛáõÝÁ ·»ñ³½³ÝóáõÙ ¿ 300 ϳÉáñdzÝ: ´³óÇ ³Û¹, ÙûñùÝ»ñÁ ï»ë³Ï³íáñí»É »Ý Áëï Group (ËáõÙµÁ) ëÛáõݳÏÇ ³ñÅ»ùÝ»ñÇ: ´áÉáñ ³Û¹, ·áñÍáÕáõÃÛáõÝÝ»ñÇ Ï³ï³ñáõÙÁ ϳñ»ÉÇ ¿ Çñ³Ï³Ý³óÝ»É Ý³¨ ëó»Ý³ñáõÙ` û·ï³·áñÍ»Éáí TDC ûµÛ»ÏïÇ Ñ³Ù³å³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ: úñÇݳÏ, áñå»ë½Ç ѳëÝ»Ýù ÝáõÛÝ ³ñ¹ÛáõÝùÇÝ, ³ÛëÇÝùÝ` ÁÝïñ»Ýù ÙûñùÝ»ñÁ, áñáÝó ÙdzíáñÇ Ï³ÉáñdzϳÝáõÃÛáõÝÁ ·»ñ³½³ÝóáõÙ ¿ 300 ϳÉáñdzÝ, ³ÝÑñ³Å»ßï ¿ “tdfood” ûµÛ»ÏïÇ Filter ѳïÏáõÃÛ³ÝÁ ßÝáñÑ»É Ñ³Ù³å³ï³ëË³Ý ³ñÅ»ùÁ ¨ ³å³ ÏÇñ³é»É Reset() Ù»Ãá¹Á, áñáí Ïѳëï³ïíÇ ³Û¹ ÷á÷áËáõÃÛ³Ý Ï³ï³ñáõÙÁª tdfood.Filter=”Calories>300”; tdfood.Reset(); ÜáõÛÝ »Õ³Ý³ÏÁ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ý³¨ ïíÛ³ÉÝ»ñÁ Áëï áñ¨¿ ëÛáõݳÏÇ (¹³ßïÇ) ï»ë³Ï³íáñ»Éáõ ѳٳñ: úñÇݳÏ, »Ã» ³ÝÑñ³Å»ßï ¿ ï»ë³Ï³íáñ»É ·ñ³ÝóáõÙÝ»ñÁ Áëï Group ¹³ßïÇ, Íñ³·ñ³ÛÇÝ Ïá¹Ç ѳٳå³ï³ëË³Ý Ñ³ïí³ÍÁ ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª tdfood.Sort=”+Group”; tdfood.Reset(); “+” Ýß³ÝÇ ¹»åùáõÙ ï»ë³Ï³íáñáõÙÁ ϳï³ñíáõÙ ¿ Áëï ³×Ù³Ý Ï³ñ·Ç: Àëï Ýí³½Ù³Ý ï»ë³Ï³íáñ»Éáõ ѳٳñ Sort ѳïÏáõÃÛ³ÝÁ ßÝáñÑíáõÙ ¿ “-“ Ýß³ÝÁ, áñÇÝ ÝáõÛÝå»ë Ñ»ï¨áõÙ ¿ ï»ë³Ï³íáñáÕ ëÛáõݳÏÇ ³ÝáõÝÁ, ûñÇݳÏ, »Ã» ·ñ»Ýùª tdfood.Sort=”-Calories”; tdfood.Reset(); 151
³å³ ïíÛ³ÉÝ»ñÁ Ïï»ë³Ï³íáñí»Ý Áëï Calories ëÛáõݳÏÇ ³ñÅ»ùÝ»ñÇ Ýí³½Ù³Ý Ï³ñ·Ç: TDC ï³ññÁ áõÝÇ Ù»Ãá¹Ý»ñ, áñáÝó ÙÇçáóáí ϳñ»ÉÇ ¿ ³í»É³óÝ»É Ýáñ ·ñ³ÝóáõÙÝ»ñ, çÝç»É ·ñ³ÝóáõÙÝ»ñÁ ϳ٠÷á÷áË»É ³é³ÝÓÇÝ í³Ý¹³ÏÝ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ: ê³Ï³ÛÝ ³Û¹åÇëÇ ¹»åù»ñáõÙ ëϽµÝ³Ï³Ý ïíÛ³ÉÝ»ñÁ å»ïù ¿ å³Ñå³Ýí»Ý áã û “.txt” ÁݹɳÛÝáõÙáí, ³ÛÉ áñ¨¿ “.csv” (comma-separated values) Ó¨³ã³÷áõÙ (ûñÇݳϪ Excel-Ç, Access-Ç ¨ ³ÛÉ OLE DB ï»ËÝáÉá·Ç³Ý»ñÇ ÙÇçáóáí ëï»ÕÍí³Í ý³ÛÉ»ñáõÙ): ²Û¹åÇëÇ Ó¨³ã³÷Ç Ï³ñ»ÉÇ ¿ í»ñ³÷áË»É Ý³¨ food.txt ý³ÛÉÁ: ºÃ» µ³ó»Ýù ³ÛÝ ¨ ÑÇß»óÝ»Ýù áñå»ë (Save As) food.csv, ³å³ ÇÝùݳµ»ñ³µ³ñ Ïëï»ÕÍíÇ Excel Ó¨³ã³÷Ç ¿É»ÏïñáݳÛÇÝ ³ÕÛáõë³Ï (ï»ëª å³ïÏ»ñ 3.9.5): ²ÛÅÙ ³ñ¹»Ý Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ û·ï³·áñÍ»É recordset ûµÛ»ÏïÇ Ñ³Ù³å³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ ·ñ³ÝóáõÙÝ»ñ çÝç»Éáõ, ³í»É³óÝ»Éáõ ϳ٠÷á÷áË»Éáõ ѳٳñ: úµÛ»ÏïÇ áñáß Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛáõÝÁ (moveFirst, moveNext, movePrevious, moveLast, eof, bof) ³ñ¹»Ý áõëáõÙݳëÇñ»É »Ýù: êïáñ¨ Ãí³ñÏí³Í »Ý recordset ûµÛ»ÏïÇ ÙÇ ù³ÝÇ Éñ³óáõóÇ㪠³é³í»É Ñ³×³Ë ÏÇñ³éíáÕ Ñ³ïÏáõÃÛáõÝÝ»ñ ¨ Ù»Ãá¹Ý»ñ: RecordCount ·ñ³ÝóáõÙÝ»ñÇ (ïáÕ»ñÇ) ù³Ý³ÏÁ ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñáõÙ (ûñÇݳϪ tdfood.recordset.RecordCount ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ ѳí³ë³ñ ¿ 5-Ç); AbsolutePosition – ÁÝóóÇÏ ·ñ³ÝóÙ³Ý Ñ³Ù³ñÝ ¿: Ðݳñ³íáñ ¿ ݳ¨ ßÝáñÑ»É ³Û¹ ѳïÏáõÃÛ³ÝÁ ³ÝÑñ³Å»ßï ³ñÅ»ùÁ: úñÇݳÏ, »Ã» ó³ÝϳÝáõÙ »Ýù ϳï³ñ»É áñ¨¿ ·áñÍáÕáõÃÛáõÝ i-ñ¹ ïáÕáõÙ ·ñ³Ýóí³Í ïíÛ³ÉÝ»ñÇ Ñ»ï, ³å³ ݳ˳å»ë å»ïù ¿ ïíÛ³É Ñ³ïÏáõÃÛ³Ý ³ñÅ»ùÁ ë³ÑÙ³Ý»É i-Ý Ñ³í³ë³ñª tdfood. recordset.AbsolutePosition=i:
ä³ïÏ»ñ 3.9.5. food.csv ý³ÛÉÁ fields – ëÛáõݳÏÝ»ñÇ (¹³ßï»ñÇ) ѳí³ù³Íáõ ¿, áñÝ áõÝÇ ë»÷³Ï³Ý ѳïÏáõÃÛáõÝÝ»ñ: fields.count` ëÛáõݳÏÝ»ñÇ ù³Ý³ÏÝ ¿, fields(i).name-Á` i-ñ¹ ëÛáõݳÏÇ ³ÝáõÝÝ ¿, ÇëÏ fields(i).value-Ý` ³Û¹ ëÛáõݳÏÇ ÁÝóóÇÏ (ϳ٠ÁÝïñ³Í` i-ñ¹) ïáÕáõÙ ·ñ³Ýóí³Í ïíÛ³ÉÇ ³ñÅ»ùÝ ¿: AddNew() ïíÛ³É Ù»Ãá¹Á ³ÕÛáõë³ÏÇ í»ñçáõÙ ³í»É³óÝáõÙ ¿ ¹³ï³ñÏ ïáÕ (ûñÇݳϪ tdfood.recordset.AddNew()), áñÁ ѻﳷ³Ûáõ٠ϳñ»ÉÇ ¿ Éñ³óÝ»É ³ÝÑñ³Å»ßï ïíÛ³ÉÝ»ñáí, ßÝáñÑ»Éáí ³í»É³óí³Í ïáÕÇ µáÉáñ ¹³ßï»ñÇÝ Ñ³Ù³å³ï³ëË³Ý ³ñÅ»ùÝ»ñÁ: úñÇݳϪ tdfood.recordset. fields[i].value=400: Delete() – ³ÙµáÕçáíÇÝ çÝçáõÙ ¿ í»ñçÇÝ Ï³Ù AbsolutePosition ѳïÏáõÃÛ³Ý ÙÇçáóáí ÁÝïñí³Í ïáÕÁ: Ìñ³·Çñ 3.9.3-áõÙ óáõó³¹ñíáõÙ »Ý í»ñÁ Ãí³ñÏí³Í Ù»Ãá¹Ý»ñÇ ¨ ѳïÏáõÃÛáõÝÝ»ñÇ ÏÇñ³éáõÃÛ³Ý »Õ³Ý³ÏÝ»ñÁ: Àݹ áñáõÙ, Çñ³·áñÍíáõÙ ¿ ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÇ ¨° ³ÝÙÇç³Ï³Ý, ¨° ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóáõÙÁ ¿çÇÝ: гñÏ ¿ áõß³¹ñáõÃÛáõÝ ¹³ñÓÝ»É áñáß Ùß³ÏÇãÝ»ñÇ ëï»ÕÍÙ³Ý ³ÛÉÁÝïñ³Ýù³ÛÇÝ »Õ³Ý³ÏÇÝ: ¾çÇ Ï³Ù³Û³Ï³Ý ûµÛ»ÏïÇ Ñ³Ù³ñ Ùß³ÏÇãÁ ϳñ»ÉÇ ¿ ëï»ÕÍ»É Ý³¨ ³é³ÝÓÇÝ ëÏñÇåïÇ ï»ëùáí: Æñ³¹³ñÓáõÃÛáõÝÁ Ùß³ÏáÕ Ññ³Ù³ÝÝ»ñÁ ï»Õ³¹ñíáõÙ »Ý <script></script> ï»·áõÙ, áñÁ ûÅïíáõÙ ¿ ѳٳå³ï³ëË³Ý for ¨ event µÝáõó·ñÇãÝ»ñáí: for µÝáõó·ñÇãÇÝ áñå»ë ³ñÅ»ù ïñíáõÙ ¿ ³ÛÝ ûµÛ»ÏïÇ Ç¹»ÝïÇýÇϳïáñÁ, áñÇ Ñ³Ù³ñ Ùß³Ïí»Éáõ ¿ Çñ³¹³ñÓáõÃÛáõÝÁ, ÇëÏ event µÝáõó·ñÇãÇݪ Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÇãÇ ³ÝáõÝÁ: úñÇݳÏ, ³ÕÛáõë³ÏÇ ïáÕÁ çÝç»Éáõ ѳٳñ (ï»ëª å³ïÏ»ñ 3.9.6) 152
ݳ˳ï»ëí³Í “æÝç»É” Ïá׳ÏÇ (áñÇ Ç¹»ÝïÇýÇϳïáñÝ ¿` btnDelete) onclick Ùß³ÏÇãÇ Ñ³Ù³ñ ݳ˳ï»ëí³Í Íñ³·ñ³ÛÇÝ Ïá¹Á áõÝÇ Ñ»ï¨Û³É ï»ëùÁª <script for="btnDelete" event="onclick"> tdfood.recordset.AbsolutePosition = this.recordNumber; tdfood.recordset.Delete(); </script> Üß»Ýù, áñ this.recordNumber óáõó³Ý³ÏÇ ÙÇçáóáí ïíÛ³É ¹»åùáõÙ áñáßíáõÙ ¿ ¿çáõÙ ³ñï³å³ïÏ»ñí³Í ³ÕÛáõë³ÏÇ ïáÕÇ Ñ³Ù³ñÁ (áñÁ ѳٳå³ï³ë˳ÝáõÙ ¿ ëϽµÝ³ÕµÛáõñ ³ÕÛáõë³ÏÇ Ñ³Ù³å³ï³ëË³Ý ïáÕÇ Ñ³Ù³ñÇÝ), ù³ÝÇ áñ Ûáõñ³ù³ÝãÛáõñ “æÝç»É” Ïá׳ÏÁ ï»Õ³¹ñí³Í ¿ ³ÕÛáõë³ÏÇ áñáß³ÏÇ ïáÕáõÙ, ÇëÏ ÇÝùÁ Ïá׳ÏÁ ãáõÝÇ recordNumber ѳïÏáõÃÛáõÝ: ²Û¹ »Õ³Ý³ÏÁ ÃáõÛÉ ¿ ï³ÉÇë Ó¨³Ï»ñå»É Ùß³ÏáÕ Ññ³Ù³ÝÝ»ñÁ áã ÙdzÛÝ ýáõÝÏódzÛÇ, ³ÛÉ ëáíáñ³Ï³Ý ѳçáñ¹³Ï³Ý Ññ³Ù³ÝÝ»ñÇ ï»ëùáí: ØÇ³Å³Ù³Ý³Ï í»ñ³ÝáõÙ ¿ event.CancelBubble ѳïÏáõÃÛ³Ý ÏÇñ³éáõÃÛ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝÁ, ù³ÝÇ áñ <script> ï»·Ç µÝáõó·ñÇãÇ ³ñÅ»ùÁ ÙdzñÅ»ùáñ»Ý áñáßáõÙ ¿ ³ÛÝ ûµÛ»ÏïÁ, áñÇ Ñ³Ù³ñ ϳï³ñí»Éáõ ¿ ïíÛ³É Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏáõÙÁ: àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù ݳ¨ document ûµÛ»ÏïÇ Ýáñª document.createElement(‘ï³ññÇ_¹»ëÏñÇåïáñ’) Ù»Ãá¹ÇÝ: ²ÛÝ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ¿çáõÙ ¹ÇݳÙÇÏáñ»Ý ëï»ÕÍ»É Ï³Ù³Û³Ï³Ý ï³ññ, áñÇ ¹»ëÏñÇåïáñÁ ·ñ³ÝóíáõÙ ¿ áñå»ë Ù»Ãá¹Ç ³ñ·áõÙ»Ýï: ÆѳñÏ», ³ÝÑñ³Å»ßï ¿ ݳ¨ ݳ˳å»ë ëï»ÕÍ»É ÏáÝï»ÛÝ»ñ, áñáõÙ å»ïù ¿ ï»Õ³¹ñíÇ Ýáñ ï³ññÁ: Ø»ñ ûñÇݳÏáõÙ ¹³ <select id=”cboFields”></select> ¹³ï³ñÏ ÁÝïñ³ó³ÝÏÝ ¿, áñÇ Ý»ñëáõÙ ³í»É³óíáõÙ »Ý <option> ï³ññ»ñÁ: Úáõñ³ù³ÝãÛáõñ <option> ï³ññÇÝ ïñíáõÙ ¿ ³ÕÛáõë³ÏÇ Ñ³çáñ¹ ëÛáõݳÏÇ (cField = vRecordSet.fields[i].name;) ³Ýí³ÝáõÙÁ` áñå»ë ³ñÅ»ù (oOption.value = cField) ¨ ï»ùëïÁ` áñå»ë å³ñáõݳÏáõÃÛáõÝ (oOption.text = cField): ²å³ ³ÛÝ ³í»É³óíáõÙ ¿ <select> ï»·áõÙª cboFields.add(oOption): Ìñ. 3.9.3. TDC ¨ recordset ûµÛ»ÏïÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ¨ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï (food.html ý³ÛÉÁ) <html><head><title></title> <style> input {font-family:Arial Armenian;font-size:10pt} button {font-family:Arial Armenian;font-size:8pt} </style> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script for="tdfood" event="ondatasetchanged"> var vRecordSet = tdfood.recordset; for (i = 0; i < vRecordSet.fields.count; i++) { cField = vRecordSet.fields(i).name; oOption = document.createElement('option') oOption.value = cField; oOption.text = cField; cboFields.add(oOption); } cboFields.selectedIndex = 0; </script> <script for="btnDelete" event="onclick"> tdfood.recordset.AbsolutePosition = this.recordNumber; tdfood.recordset.Delete(); </script> <script> <!— function UpdateField(cField, cValue) { tdfood.recordset.fields(cField).value = cValue; } function fMovePrevious() { if(!tdfood.recordset.bof) tdfood.recordset.movePrevious; } function fMoveNext() { if(!tdfood.recordset.eof) tdfood.recordset.moveNext;} 153
function fMoveFirst() { tdfood.recordset.moveFirst;} function fMoveLast() { tdfood.recordset.moveLast;} //--></script></head> <body> <object classid="clsid:333C7bc4-460f-11d0-bc04-0080c7055a83" name="tdfood" id="tdfood" height="1" width="1"> <param name="TextQualifier" value="'"> <param name="DataURL" value="food.csv"> <param name="UseHeader" value="True"> </object> <table> <tr><td align="right">êÝݹ³ÙûñùÁ</td> <td><input datasrc="#tdfood" datafld="Food" /></td></tr> <tr><td align="right">γÉáñdzϳÝáõÃÛáõÝÁ</td> <td><input datasrc="#tdfood" datafld="Calories" /></td></tr> <tr><td align="right">ÊáõÙµÁ</td> <td><input datasrc="#tdfood" datafld="Group" /></td></tr> <tr><td align="center" colspan="2"> <button onclick="fMoveFirst()"><b>&lt;&lt;</b></button> <button onclick="fMovePrevious()"><b>&lt;</b></button> <button onclick="fMoveNext()"><b>&gt;</b></button> <button onclick="fMoveLast()"><b>&gt;&gt;</b></button></td></tr> </table> <button id="cmdAdd" title="Add a new record" onclick="tdfood.recordset.AddNew()">²í»É³óÝ»É ·ñ³ÝóáõÙ </button> <button id="cmdDelete" title="Delete the current record" onclick="if (tdfood.recordset.RecordCount > 0) tdfood.recordset.Delete()">æÝç»É ÁÝóóÇÏ ·ñ³ÝóáõÙÁ</button> <p>ÀÝïñ»ù ÷á÷áËíáÕ ¹³ßïÁ&nbsp;<select id="cboFields"> </select> <input type="text" id="txtValue" title="Enter a value for the selected field" /> <button ûnclick= "UpdateFieldWithData( cboFields.options(cboFields.selectedIndex ).value, txtValue.value)">öá÷áË»É</button> </p> <p> <table id="tab1" name="tab1" datasrc="#tdfood" bgcolor="#cccccc" cellSpacing="2" border="1"> <thead><th>&nbsp;</th><th>êÝݹ³ÙûñùÁ</th><th>γÉáñ.</th><th>ÊáõÙµÁ</th></thead> <tbody><tr> <td><button title="Delete this record" id="btnDelete">æÝç»É </button></td> <td><span dataFld="Food"></span></td> <td align="center"><span dataFld="Calories"></span></td> <td><span dataFld="Group"></span></td></tr> </tbody> </table></p></body></html> ÆÝãå»ë Ýßí»É ¿, RDS ï³ññÁ ÏÇñ³éíáõÙ ¿ ODBS ѳٳϳñ·»ñáí ëï»ÕÍí³Í ïíÛ³ÉÝ»ñÇ ½³Ý·í³ÍÝ»ñÇ (µ³½³Ý»ñÇ) Ñ»é³óí³Í ëå³ë³ñÏÙ³Ý Ñ³Ù³ñ: î³ññÇ Ý»ñ¹ñÙ³Ý å³ñ½³·áõÛÝ »Õ³Ý³ÏÁ Ñ»ï¨Û³ÉÝ ¿ª <object classid="clsid:BD96C556-65A3-11D0-983A-00C04FC29E33" id="RDS" height="1" width="1"> <param name="SQL" value=”SQL ѳñóáõÙÁ” /> <param name="SERVER" value="³ñӳݳ·ñáõÃÛáõÝ://ë»ñí»ñÇ ³ÝáõÝ" /> 154
<param name="CONNECT" value="ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÇ ³ÝáõÝÁ" /> </object>:
ä³ïÏ»ñ 3.9.6. TDC ¨ recordset ûµÛ»ÏïÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ¨ Ù»Ãá¹Ý»ñÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï Î³ñ»ÉÇ ¿ Ýϳï»É, áñ RDS ¨ TDC ï³ññ»ñÇ µÝáõó·ñÇãÝ»ñÁ ï³ñµ»ñíáõÙ »Ý: ¸³ µ³ó³ïñíáõÙ ¿ Ýñ³Ýáí, áñ Ñ»é³óí³Í ïíÛ³ÉÝ»ñÇÝ ÙdzݳÉáõ ѳٳñ ³ÝÑñ³Å»ßï ¿ Ýᯐ ¹ñ³Ýó ѳëÝ»Éáõ “׳ݳå³ñÑÁ”: Ü³Ë ¨ ³é³ç å»ïù ¿ Ýß»É Ñ»é³óí³Í ë»ñí»ñÇ ³ÝáõÝÁ (SERVER µÝáõó·ñÇãÇ ³ñÅ»ùÁ), áñáõÙ ·ïÝíáõÙ »Ý ïíÛ³ÉÝ»ñÁ ϳ٠áñÇ ÙÇçáóáí ¹ñ³Ýó ϳñ»ÉÇ ¿ ÙdzݳÉ: ´³óÇ ³Û¹, ³ÝÑñ³Å»ßï ¿ áñ¨¿ »Õ³Ý³Ïáí Ýᯐ ëϽµÝ³ÕµÛáõñÇ ï»Õ³µ³ßËáõÙÁ (CONNECT µÝáõó·ñÇãÇ ³ñÅ»ùÁ): úñÇݳÏ, ϳñ»ÉÇ ¿ Ýᯐ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ ëÇëï»Ù³ÛÇÝ ³ÝáõÝÁ, áñáí ³ÛÝ ·ñ³Ýóí³Í ¿ ѳٳϳñ·ãáõÙª dsn=µ³½³ÛÇ_³ÝáõÝ: γ٠Ýᯐ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ ý³ÛÉÇ µ³ó³ñÓ³Ï Ñ³ëó»Ýª c:\..\myBasa.mdb: îíÛ³ÉÝ»ñÇ Ñ»ï ÏáÝÏñ»ï ·áñÍáÕáõÃÛáõÝÝ»ñÁ Çñ³Ï³Ý³óíáõÙ »Ý SQL µÝáõó·ñÇãÇÝ Ñ³Ù³å³ï³ëË³Ý SQL ѳñóÙ³Ý ³ñÅ»ùÁ ßÝáñÑ»Éáõ ÙÇçáóáí: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª <object classid="clsid:BD96C556-65A3-11D0-983A-00C04FC29E33" id="RDS" height="1" width="1"> <param name="SQL" value=”select * from authors” /> <param name="SERVER" value="http://MyServer" /> <param name="CONNECT" value="dsn=pubs" /> </object>, ³å³ Ïϳï³ñíÇ ÙdzóáõÙ MyServer ¹áÙ»ÛݳÛÇÝ ³ÝáõÝáí ë»ñí»ñÇ pubs ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï, ¨ ÏÁÝïñí»Ý µ³½³ÛÇ authors ³ÕÛáõë³ÏÇ ïíÛ³ÉÝ»ñÁ: RDS ï³ññÇ Ï³å³ÏóÙ³Ý »Õ³Ý³ÏÝ»ñÁ ÝáõÛÝÝ »Ý, ÇÝã ¨ TDC ï³ññÇÝÁª ³ÝÙÇç³Ï³Ý ¨ ³ÕÛáõë³Ï³ÛÇÝ: ¸ñ³Ý ÝáõÛÝå»ë ѳïáõÏ ¿ recordset ûµÛ»ÏïÁ Çñ ѳïÏáõÃÛáõÝÝ»ñáí ¨ Ù»Ãá¹Ý»ñáí, áñáÝù ÃáõÛÉ »Ý ï³ÉÇë ï»Õ³ß³ñÅí»É ·ñ³ÝóáõÙÝ»ñÇ ½³Ý·í³Íáí, å³ñ½»É ·ñ³ÝóáõÙÝ»ñÇ ù³Ý³ÏÁ ¨ ³ÛÉÝ: êáíáñ³µ³ñ ÏÇñ³éíáõÙ ¿ ï³ññÇ û·ï³·áñÍÙ³Ý ëó»Ý³ñ³ÛÇÝ »Õ³Ý³ÏÁ: êó»Ý³ñÇ ÙÇçáóáí ϳñ·³íáñíáõÙ »Ý ϳå»ñÁ ¿çÇ Ñ»ï, ÷á÷áËíáõÙ »Ý ûµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, û·ï³·áñÍíáõ٠ѳٳå³ï³ëË³Ý Ù»Ãá¹Ý»ñÁ: úñÇݳÏ, ûµÛ»ÏïÁ Ñ»ï¨Û³É »Õ³Ý³Ïáí ¿çáõÙ Ý»ñ¹Ý»Éáõó 155
Ñ»ï᪠<object classid="clsid:BD96C556-65A3-11D0-983A-00C04FC29E33" id="RDS" height="1" width="1"> </object>, ϳñ»ÉÇ ¿ ³ñ¹»Ý ëó»Ý³ñÇ ÙÇçáóáí ßÝáñÑ»É Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ ³ÝÑñ³Å»ßï ³ñÅ»ùÝ»ñÁª RDS.SQL=”select * from authors (SQL ѳïÏáõÃÛ³ÝÁ ßÝáñÑíáõÙ ¿ ѳٳå³ï³ëË³Ý ³ñÅ»ùÁ), RDS.Server=”http://MyServer”, RDS.Connect=”dsn=pubs”, RDS.SortColumn=”au_fname”, ϳ٠ÏÇñ³é»É ѳٳå³ï³ëË³Ý Ù»Ãá¹Ý»ñÁª RDS.recordset.moveFirst, RDS.Query(“select * from authors”) (SQL ѳñóáõÙÁ Çñ³·áñÍíáõÙ ¿ Query Ù»Ãá¹Ç ÙÇçáóáí) ¨ ³ÛÉÝ: RDS ëó»Ý³ñÝ»ñÇ áõëáõÙݳëÇñáõÃÛáõÝÁ µ³í³Ï³ÝÇÝ Í³í³ÉáõÝ ¨ ³ß˳ï³ï³ñ ·áñÍÁÝÃ³ó ¿ ¨ ³é³ÝÓÇÝ Ó»éݳñÏÇ Ã»Ù³ ¿: ²Û¹ å³ï׳éáí ïíÛ³É Ó»éݳñÏáõÙ ¹³ Ù³Ýñ³Ù³ëÝ ãÇ ùÝݳñÏíáõÙ:
ȳµáñ³ïáñ ³ß˳ï³ÝùÝ»ñÇ ³é³ç³¹ñ³ÝùÝ»ñ ȳµáñ³ïáñ ³ß˳ï³Ýù N1 1.1. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É ÇÝýáñÙ³ódzÝ
1.2. γ½Ù»É ¿ç, áñÁ ϳñï³óáÉÇ Ñ»ï¨Û³É ÇÝýáñÙ³ódzÝ
ȳµáñ³ïáñ ³ß˳ï³Ýù N2 (üáõÝÏódzݻñ: Üϳñ³·ñáõÙ ¨ û·ï³·áñÍáõÙ: Æñ³¹»å»ñÇ Ùß³ÏÇãÝ»ñ:) 2.1. γ½Ù»É ëó»Ý³ñ, áñÁ ÏáñáßÇ ÙÇçÇÝ »Ï³ÙïÇ Ñ³ßí³ñÏÁ: 2.2. γ½Ù»É ëó»Ý³ñ, áñÁ ÏѳßíÇ ù³é³Ïáõëáõ ٳϻñ»ëÁ, ¹³ßïÇ ýáÏáõë ëï³Ý³Éáõ Çñ³¹»åÇ Ùß³Ïٳٵ: 2.3. êï»ÕÍ»É áõÕÕ³Ñ³Û³ó ¨ ÑáñǽáÝ³Ï³Ý ÁÝïñ³ó³ÝÏ»ñ: ȳµáñ³ïáñ ³ß˳ï³Ýù N3 (Math ûµÛ»ÏïÁ ¨ Ýñ³ Ù»Ãá¹Ý»ñÁ) 3.1. γ½Ù»É ëó»Ý³ñ, áñÁ ÏáñáßÇ ïñí³Í »ñ»ù Ãí»ñÇó ٻͳ·áõÛÝÁ ¨ ÷áùñ³·áõÛÝÁ: 3.2. γ½Ù»É ëó»Ý³ñ, áñÁ ÏѳßíÇ ÏñóÃáß³ÏÇ ã³÷Á: ȳµáñ³ïáñ ³ß˳ï³Ýù N4 (ä³ÛÙ³Ý³Ï³Ý ¨ óÇÏɳÛÇÝ åñáó»ëÝ»ñÇ Ï³½Ù³Ï»ñåáõÙÁ) 156
4.1. γ½Ù»É ëó»Ý³ñ, áñÁ Ïëï»ÕÍÇ å³ïÏ»ñÇ íǽáõ³É Ñ»é³óÙ³Ý ¨ Ùáï»óÙ³Ý ¿ý»ÏïÝ»ñ: 4.2. γ½Ù»É ëó»Ý³ñ, áñÁ û·ï³·áñÍ»Éáí Switch ûå»ñ³ïáñÁ ÏáñáßÇ ûñí³ ³ÝáõÝÁ Áëï ¹ñ³ ѳٳñÇ: 4.3. γ½Ù»É ëó»Ý³ñ, áñÁ Çñ³Ï³Ý³óÝÇ ¹³ë³ËáëÇ Í³Ýñ³µ»éÝí³ÍáõÃÛ³Ý ³ñï³óáÉáõÙÁ ¹Ç³·ñ³ÙÇ ï»ëùáí: ȳµáñ³ïáñ ³ß˳ï³Ýù N5 (î»ùëï»ñÇ Ï³Ù å³ïÏ»ñÇ ï»Õ³¹ñáõÙÁ ³ÕÛáõë³ÏÇ µçÇçÝ»ñÇ Ý»ñëáõÙ) 5.1. γ½Ù»É ëó»Ý³ñ, áñÁ ÏÇñ³Ï³Ý³óÝÇ ÁÝûñóáÕÝ»ñÇ Ñ³ñó³Ã»ñÃÇÏÝ»ñÇ Ùß³ÏáõÙÁ 5.2. γ½Ù»É ëó»Ý³ñ, áñÁ å³ïÏ»ñÝ»ñÇ ÁÝïñáõÃÛáõÝ Ïϳï³ñÇ óáõó³ÏÇó: ȳµáñ³ïáñ ³ß˳ï³Ýù N6 (²ß˳ï³ÝùÁ ýñ»ÛÙÝ»ñÇ Ñ»ï) 6.1 êï»ÕÍ»É »ñ»ù ýñ»ÛÙÝ»ñÇó µ³Õϳó³Í ýñ»ÛÙ³ÛÇÝ Ï³éáõóí³Íù: 6.2 êï»ÕÍ»É Ïá׳Ïáí 3 ýñ»ÛÙ, áñáí Ñݳñ³íáñ ÉÇÝÇ ÷áË³Ý³Ï»É ýñ»ÛÙÝ»ñÇ å³ñáõݳÏáõÃÛáõÝÝ»ñÁ: ȳµáñ³ïáñ ³ß˳ï³Ýù N7 (²ß˳ï³ÝùÁ ½³Ý·í³ÍÝ»ñÇ Ñ»ï) 7.1 γ½Ù»É ëó»Ý³ñ, áñÁ ÏÇñ³Ï³Ý³óÝÇ Ñ³í³ë³ñÙ³Ý ÉáõÍáõÙÁ Çï»ñ³ódzÛÇ Ù»Ãá¹áí: 7.2 γ½Ù»É ëó»Ý³ñ, áñÁ ÏÇñ³Ï³Ý³óÝÇ ùÝÝáõÃÛáõÝÝ»ñÇ ³Ù÷á÷Ù³Ý Ó¨³íáñáõÙÁ: 7.3 γ½Ù»É ëó»Ý³ñ, áñÁ ÏÇñ³Ï³Ý³óÝÇ »ñÏáõ ϳñ·³íáñí³Í ½³Ý·í³ÍÝ»ñÇ ÙdzíáñáõÙÁ:
157
¶ È àô Ê 4 ÆÜîºð²ÎîÆì WEB-¾æºð: êºðìºð²ÚÆÜ Ìð²¶ð²ìàðàôØ Ø»½ ³ñ¹»Ý ѳÛïÝÇ ¿ (¢ 1.3-Çó), áñ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÁ (ѻﳷ³ÛáõÙ ¹ñ³Ýù ϳÝí³Ý»Ýù ëÏñÇåïÝ»ñª ³ÝÏ³Ë Íñ³·ñÇ ï»ë³ÏÇó, ÉÇÝÇ ¹³ CGI Íñ³·Çñ, ë»ñí»ñ³ÛÇÝ ëó»Ý³ñ, û ³ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç) Ù³ëݳ·Çï³óí³Í Íñ³·ñ»ñ »Ý, áñáÝù, ëï³Ý³Éáí áñáß³ÏÇ ïíÛ³ÉÝ»ñ, Ùß³ÏáõÙ »Ý ¹ñ³Ýù ¨ (ϳÙ) Ç å³ï³ë˳ݪ ëï»ÕÍáõÙ áñ¨¿ HTML ¿ç: ²Ù»Ý ÇÝã ëÏëíáõÙ ¿ ëÏñÇåïÇ Ï³ÝãÇó, áñÝ, ûñÇݳÏ, ϳñáÕ ¿ ϳï³ñí»É å³ïÏ»ñ³Ó¨Ç åÝ¹Ù³Ý (submit) Ïá׳ÏÇ ë»ÕÙáõÙáí: êï³Ý³Éáí ϳÝã` ë»ñí»ñÁ ·ïÝáõÙ ¿ ѳٳå³ï³ëË³Ý ëÏñÇåïÁ ¨ “³ëáõÙ ¹ñ³Ý, áñ ųٳݳÏÝ ¿ ÙÇ ùÇã ³ß˳ï»É”: ²ß˳ï³ÝùÁ ëÏë»ÉÇë ëÏñÇåïÁ Ý³Ë ¨ ³é³ç ëïáõ·áõÙ ¿ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý »Õ³Ý³ÏÁ: ¸ñ³ÝÇó Ñ»ïá ·ïÝáõÙ ¿ Çñ»Ý ѳÛïÝÇ ÷á÷á˳ϳÝÝ»ñÇ ³ÝáõÝÝ»ñÝ áõ ³ñÅ»ùÝ»ñÁ ¨ »Ã» ¹ñ³ Ñ»ï Ù»Ïï»Õ “·ÇïÇ”` ÇÝã å»ïù ¿ ³Ý»É ëï³óí³Í ïíÛ³ÉÝ»ñÇ Ñ»ï, ϳï³ñáõÙ ¿ µáÉáñ ³ÝÑñ³Å»ßï ·áñÍáÕáõÃÛáõÝÝ»ñÝ áõ ëï»ÕÍáõÙ “ßÝáñÑ³Ï³É³Ï³Ý Ý³Ù³Ï” û·ïíáÕÇݪ Ç å³ï³ëË³Ý å³ïÏ»ñ³Ó¨Ç ³ÝÑñ³Å»ßï ¹³ßï»ñÁ Éñ³óÝ»Éáõ ͳÝñ ³ß˳ï³ÝùÇ Ï³ï³ñÙ³Ý: êÏñÇåïÝ»ñÁ ϳñáÕ »Ý ϳÝãí»É ݳ¨ ³ÝÙÇç³Ï³Ýáñ»Ý` áñå»ë ÑÇå»ñÑÕáõÙÇ ÙÇ Ù³ë ϳ٠áñ¨¿ ·ñ³ýÇÏ³Ï³Ý ý³ÛÉÇ URL ѳëó»: ò³Ýϳó³Í ¹»åùáõÙ ë»ñí»ñ³ÛÇÝ Íñ³·ÇñÝ áõÝÇ ÇÙ³ëï, »ñµ ³éϳ »Ý û·ïíáÕÝ»ñÇ ïíÛ³ÉÝ»ñÁ ¨ ¹ñ³Ýó Ùß³ÏÙ³Ý Ñ³Ù³å³ï³ëË³Ý Ù»Ãá¹Ý»ñÁ:
¢ 4.1. îíÛ³ÉÝ»ñÇ ëï³óáõÙÁ å³ïÏ»ñ³Ó¨»ñÇó ò³Ýóáí ѳÕáñ¹íáÕ ïíÛ³ÉÝ»ñÁ Ïá¹³íáñ»Éáõ ѳٳñ û·ï³·áñÍíáõÙ »Ý »ñ»ù ³é³í»É ï³ñ³Íí³Í »Õ³Ý³ÏÝ»ñª application/x-www-form-urlencoded, multipart/form-data ¨ text/plain (ß³ï ѳ½í³¹»å): ²é³í»É Ñ³×³Ë û·ï³·áñÍíáõÙ ¿ ³é³çÇÝ »Õ³Ý³ÏÁ (³ÛÝ ëáíáñ³µ³ñ ÁݹáõÝíáõÙ ¿ Áëï Éé»ÉÛ³ÛÝ): ºñÏñáñ¹ »Õ³Ý³ÏÁ` multipart/form-data, û·ï³·áñÍíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ »ñµ ³ÝÑñ³Å»ßï ¿ ѳÕáñ¹»É ë»ñí»ñÇÝ áñáß³ÏÇ ý³ÛÉ»ñ: ºññáñ¹Á Ý»ñϳ۳óÝáõÙ ¿ ïíÛ³ÉÝ»ñÁ ëáíáñ³Ï³Ý ï»ùëïÇ ï»ëùáí ¨ û·ï³·áñÍíáõÙ ¿, ûñÇݳÏ, ³ÛÝ ¹»åù»ñáõÙ, »ñµ ³ÝÑñ³Å»ßï ¿ å³ïÏ»ñ³Ó¨Ç ïíÛ³ÉÝ»ñÁ ѳÕáñ¹»É ¿É»ÏïñáݳÛÇÝ ÷áëïáí: ê»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ¨ ë»ñí»ñÇ (ѻ勉µ³ñ ݳ¨` ѳ׳Ëáñ¹Ý»ñÇ) ÙÇç¨ ïíÛ³ÉÝ»ñÁ ϳñáÕ »Ý ÷á˳ݳÏí»É ãáñë Ñݳñ³íáñ »Õ³Ý³ÏÝ»ñáí (¹ñ³Ýù ϳñáÕ »Ý ݳ¨ ѳٳï»Õí»É)ª ÙÇç³í³ÛñÇ (environment) ÷á÷á˳ϳÝÝ»ñÇ, Ññ³Ù³Ý³ÛÇÝ ïáÕÇ, »ÉùÇ ëï³Ý¹³ñï ë³ñùÇ, ÙáõïùÇ ëï³Ý¹³ñï ë³ñùÇ ÙÇçáóáí: ºñµ ëÏñÇåïÁ ϳÝãíáõÙ ¿ å³ïÏ»ñ³Ó¨Çó, ³å³ µñ³áõ½»ñÁ ѳÕáñ¹áõÙ ¿ ë»ñí»ñÇÝ »ñϳñ ïáÕ, áñÇ ëϽµáõÙ ·ñ³Ýóí³Í ¿ ëÏñÇåïÇ ³ÝáõÝÁ ¨ ëÏñÇåïÇÝ Ñ³ëÝ»Éáõ “áõÕÇÝ”: ²å³ Ñ»ï¨áõÙ »Ý ÙÇ ß³ñù ³ÛÉ ïíÛ³ÉÝ»ñ, áñáÝù ÏáãíáõÙ »Ý “áõÕáõ ÇÝýáñÙ³ódz” ¨ ѳÕáñ¹íáõÙ »Ý ëÏñÇåïÇÝ Ñ³ïáõϪ ÙÇç³í³ÛñÇ PATH_INFO ÷á÷á˳ϳÝÇ ÙÇçáóáí: öá÷á˳ϳÝÝ»ñÁ ë»ñí»ñÇÝ Ï³ñáÕ »Ý ѳÕáñ¹í»É »ñÏáõ »Õ³Ý³ÏÝ»ñáíª get ¨ post: êÏñÇåïÇÝ ³ÝÑñ³Å»ßï Ù»Ãá¹Ç ³Ýí³ÝáõÙÁ å³Ñå³ÝíáõÙ ¿ ë»ñí»ñáõÙ ÙÇç³í³ÛñÇ Ñ³ïáõϪ REQUEST_METHOD ÷á÷á˳ϳÝáõÙ (ÙÇç³í³ÛñÇ Ï³Ù³Û³Ï³Ý ÷á÷á˳ϳÝÁ å»ïù ¿ ѳë³Ý»ÉÇ ÉÇÝÇ Ï³Ù³Û³Ï³Ý ëÏñÇåïÇ): ºÃ» å³ïÏ»ñ³Ó¨Ç ïíÛ³ÉÝ»ñÁ ѳÕáñ¹í³Í »Ý get Ù»Ãá¹áí, ³å³ áõÕáõ ÇÝýáñÙ³ódzÛÇÝ Ñ»ï¨áõÙ ¿ ѳñó³Ï³Ý Ýß³ÝÁ` “?”, ³å³` å³ïÏ»ñ³Ó¨Ç ïíÛ³ÉÝ»ñÁ: êï³Ý³Éáí get Ù»Ãá¹áí ѳÕáñ¹í³Í ïíÛ³ÉÝ»ñÁ, ë»ñí»ñÁ å³Ñå³ÝáõÙ ¿ ¹ñ³Ýù ÙÇç³í³ÛñÇ ÙÇ ³ÛÉ` QUERY_STRING (ѳñóÙ³Ý ïáÕ) ÷á÷á˳ϳÝáõÙ: “îáÕ” ûñÙÇÝÁ Íñ³·ñ³íáñÙ³Ý Ù»ç Ý߳ݳÏáõÙ ¿ ÝÇß»ñÇ áñáß³ÏÇ Ñ³í³ù³Íáõ, ѳë³Ý»ÉÇáõÃÛáõÝÁ áñÇÝ Çñ³Ï³Ý³óíáõÙ ¿ ³ÛÝ å³ñáõݳÏáÕ ÷á÷á˳ϳÝÇ ³ÝáõÝáí: îíÛ³É ¹»åùáõÙ ³Û¹ ÷á÷á˳ϳÝÁ ÏáãíáõÙ ¿ QUERY_STRING, ¨ ³ÛÝ Ù߳ϻÉáõ ѳٳñ ë»ñí»ñ³ÛÇÝ Íñ³·ñáõÙ û·ï³·áñÍíáõÙ »Ý “ïáÕ” ï»ë³ÏÇ ÷á÷á˳ϳÝÝ»ñÇÝ Ñ³ïáõÏ Ù»Ãá¹Ý»ñÁ: ºÝó¹ñ»Ýù, ûñÇݳÏ, áñ ¿çÁ ¹ÇÙáõÙ ¿ product.asp ëÏñÇåïÇÝ ¨ ÷á˳ÝóáõÙ ¿ Ýñ³Ý ³åñ³ÝùÇ Í³Íϳ·ÇñÁ (productID) å³ñáõݳÏáÕ å³ñ³Ù»ïñÁ: гñóíáÕ ÷³ëï³ÃÕÃÇ URL ѳëó»Ý ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁ` http://www.myserver.com/products.asp/Éñ³óáõóÇã ÇÝýáñÙ³ódz? productID = 32 ²ÛÝ ³Ù»ÝÝ, ÇÝã ·ïÝíáõÙ ¿ ѳñó³Ï³Ý Ýß³ÝÇ ³éç¨, Ó¨³íáñáõÙ ¿ ÷³ëï³ÃÕÃÇ URL ѳëó»Ý: гñó³Ï³Ý 158
Ýß³ÝÁ ³é³ÝÓݳóÝáõÙ ¿ ³ÛÝ Ñ³Õáñ¹íáÕ å³ñ³Ù»ïñÇó: ºÃ» å³ñ³Ù»ïñ»ñÇ ù³Ý³ÏÁ Ù»ÏÇó ß³ï ¿, ³å³ ѳñóÙ³Ý ïáÕÁ Ó¨³íáñíáõÙ ¿ “³ÝáõÝ=³ñÅ»ù” ½áõÛ·»ñÇó, áñáÝù ÏóíáõÙ »Ý ÙÇÙÛ³Ýó & (³Ùå»ñë³Ý¹) Ýß³Ýáí: úñÇݳÏ` http://www.myserver.com?l_name =î»ñ+ʳã&f_name =γÙá êáíáñ³µ³ñ ѳñóÙ³Ý ïáÕÇ Í³í³ÉÁ ë³Ñٳݳ÷³Ïí³Í ¿ 1000 ÏÇÉáµ³Ûïáí, ¨ ïíÛ³ÉÝ»ñÇ Ù»Í Í³í³ÉÝ»ñ ѳÕáñ¹»Éáõ ³ÝÑñ³Å»ßïáõÃÛ³Ý ¹»åùáõÙ get Ù»Ãá¹Á ÏÇñ³é»ÉÝ ³ÝÑݳñ ¿: post Ù»Ãá¹Á ÷á˳ÝóáõÙ ¿ ïíÛ³ÉÝ»ñÁ ÙáõïùÇ stdin (“standart in”) ëï³Ý¹³ñï ë³ñùÇÝ: ²Û¹ ¹»åùáõÙ ïíÛ³ÉÝ»ñÇ Í³í³ÉÇ (ïáÕÇ »ñϳñáõÃÛ³Ý) í»ñ³µ»ñÛ³É ÇÝýáñÙ³óÇ³Ý å³Ñå³ÝíáõÙ ¿ ÙÇç³í³ÛñÇ ÙÇ ³Ûɪ CONTENT_LENGTH ÷á÷á˳ϳÝáõÙ: îíÛ³É Ù»Ãá¹Ç ÏÇñ³éáõÃÛ³Ý ¹»åùáõ٠ѳÕáñ¹íáÕ ïíÛ³ÉÝ»ñÇ Í³í³ÉÁ ·áñÍݳϳÝáõÙ ë³Ñٳݳ÷³Ïí³Í ã¿: ²ÝÏ³Ë Ñ³Õáñ¹Ù³Ý Ù»Ãá¹Çó` ë»ñí»ñ³ÛÇÝ Íñ³·ñÇ ËݹÇñÝ ¿ ϳï³ñ»É í»ñÉáõÍáõÃÛáõÝ ¨ ÁÝïñ»É ³ÝÑñ³Å»ßï ïíÛ³ÉÝ»ñÁ ³ÙµáÕç ѳí³ù³ÍáõÇó: γñ»ÉÇ ¿ ³é³ÝÓݳóÝ»É ïíÛ³ÉÝ»ñÇ ÁݹáõÝÙ³Ý »ñÏáõ ÷áõÉ»ñ` ³å³Ïá¹³íáñáõÙ ¨ í»ñÉáõÍáõÃÛáõÝ: ÎáñáõëïÝ»ñÇó Ëáõë³÷»Éáõ ѳٳñ µñ³áõ½»ñÁ Ïá¹³íáñáõÙ ¿ ѳÕáñ¹íáÕ ïíÛ³ÉÝ»ñÁ, ¨ áã ï»ùëï³ÛÇÝ µáÉáñ ëÇÙíáÉÝ»ñÁ ÷á˳ñÇÝíáõÙ »Ý Çñ»Ýó ASCII ï³ëÝí»ó³Ï³Ý Ïá¹»ñáí “%” ݳ˳ͳÝóáí (åñ»ýÇÏëáí): úñÇݳϪ ³Ùå»ñë³Ý¹Á Ïá¹³íáñíáõÙ ¿ %26 ï»ëùáí, ÇëÏ ïáÏáëÇ Ýß³ÝÁ` %25–áí: ºÃ» å³ñ³Ù»ïñ»ñÇ ³ñÅ»ùÁ å³ñáõݳÏáõÙ ¿ µ³ó³ÏÝ»ñ, ³å³ Ûáõñ³ù³ÝãÛáõñ µ³ó³Ï ÷á˳ñÇÝíáõÙ ¿ %20-áí: ²å³Ïá¹³íñÙ³Ý ³ñ¹ÛáõÝùáõÙ ëï³óíáõÙ ¿ Ñ»ï¨Û³É Ó¨³ã³÷Ç ï»ùëï` ³ÝáõÝ1=³ñÅ»ù1&³ÝáõÝ2=³ñÅ»ù2&…: ì»ñÁ µ»ñí³Í ûñÇݳÏÇ Ñ³Ù³ñ Ïëï³óíÇ` l_name =î»ñ%20ʳã&f_name =γÙá ¸Åí³ñ ã¿ Ïé³Ñ»É, áñ ÷á÷á˳ϳÝÝ»ñÇ ³ÝáõÝÝ»ñÁ ѳÙÁÝÏÝáõÙ »Ý å³ïÏ»ñ³Ó¨Ç ¹³ßï»ñÇ ³ÝáõÝÝ»ñÇ, ÇëÏ ³ñÅ»ùÝ»ñÁ` ³Û¹ ¹³ßï»ñáõÙ ·ñ³Ýóí³Í ³ñÅ»ùÝ»ñÇ Ñ»ï: γéáõó»Ýù, ûñÇݳÏ, ϳÛùÇ Ñ³×³Ëáñ¹Ý»ñÇ Ñ³ñóÙ³Ý å³ïÏ»ñ³Ó¨, áñÁ å³ñáõݳÏáõÙ ¿ »ñ»ù` “l_name”, “f_name”, “city” ³ÝáõÝÝ»ñáí ï»ùëï³ÛÇÝ ¹³ßï»ñ, ÇÝãå»ë ݳ¨ “visit” ³ÝáõÝáí ë³ÑÁÝÏÝáÕ ÁÝïñ³ó³ÝÏ (ï»ë` Íñ. 4.1.1 ¨ å³ïÏ»ñ 4.1.1): Ìñ. 4.1.1. г׳Ëáñ¹Ý»ñÇ Ñ³ñóÙ³Ý ¿çÇ ûñÇÝ³Ï <html> <head> <title></title> <style> p {font-family:'Arial Armenian';font-size:10pt;color:black;font- weight: 800} select {font-family:'Arial Armenian';font-size:10pt;color:black;fontweight:800} td {font-family:'Arial Armenian';font-size:10pt;color:black;fontweight:800} input {font-family:'Arial Armenian';font-size:10pt;color:black;fontweight:800} </style> </head> <body> <p>Èñ³óñ»ù ѳٳå³ï³ëË³Ý ¹³ßï»ñÁ</p> <form action="hartsum.asp" name="formQuery" id="formQuery"> <table> <tr><td>²½·³ÝáõÝÁ</td><td><input type="text" name="l_name" id="l_name" maxlength="40" /></td> </tr> <tr><td>²ÝáõÝÁ</td><td><input type="text" name="f_name" id="f_name" maxlength="40" /></td> </tr> <tr><td>´Ý³Ï³í³ÛñÁ</td><td><input type="text" name="city" id="city" maxlength="40" /></td> </tr> <tr><td>г׳±Ë »ù ¹áõù ³Ûó»ÉáõÙ Ù»ñ ϳÛùÁ</td><td> <select name="visit" style=""> <option value="infinit">²ÝÁݹѳï</option> 159
<option value="first" selected="selected" >²é³çÇÝ ³Ý·³Ù</option> <option value="monthly">²Ù»Ý ³ÙÇë</option> <option value="weekly">²Ù»Ý ß³µ³Ã</option> <option value="daily">²Ù»Ý ûñ</option> </select></td></tr></table></body></html> ä³ïÏ»ñ³Ó¨Á å³ïÏ»ñ 4.1.1-áõÙ Ý»ñϳ۳óí³Í ï»ëùáí Éñ³óÝ»Éáõ ¹»åùáõÙ ïíÛ³ÉÝ»ñÇ ³å³Ïá¹³íáñáõÙÇó Ñ»ïá ë»ñí»ñáõÙ Ïëï³óíÇ Ñ»ï¨Û³É ïáÕÁ` l_name=ì³Õ³ñßÛ³Ý&f_name=ì³Õ³ñß&city=ºñ¨³Ý&visit=first ²ÏÝѳÛï ¿, áñ ÷á÷á˳ϳÝÝ»ñÇ ÏáÝÏñ»ï ³ñÅ»ùÝ»ñÁ Ïѳٳå³ï³ëË³Ý»Ý û·ïíáÕÇ Ùáõïù³·ñ³Í ïíÛ³ÉÝ»ñÇÝ: ¶áÛáõÃÛáõÝ áõÝ»Ý ïíÛ³ÉÝ»ñÇ ³å³Ïá¹³íáñÙ³Ý ó³Ýóáí ѳÕáñ¹íáÕ Ñ³ïáõÏ Íñ³·ñ»ñ: Windows ¨ Linux ë»ñí»ñÝ»ñÇ Ñ³Ù³ñ ¹³ Perl É»½íáí ·ñí³Í cgi-bin.pl Íñ³·ÇñÝ ¿: ê³Ï³ÛÝ ³Ù»Ý¨ÇÝ ¿É ¹Åí³ñ ã¿ ÇÝùÝáõñáõÛÝ Ï³½Ù»É ѳٳå³ï³ëË³Ý Íñ³·Çñ, áñÁ ϵ³Å³ÝÇ Ùáõïù³ÛÇÝ ³å³Ïá¹³íáñí³Í ïáÕÁ »ñÏáõ ½³Ý·í³ÍÝ»ñÇ` ÷á÷á˳ϳÝÝ»ñÇ ³ÝáõÝÝ»ñÇ ¨ ³ñÅ»ùÝ»ñÇ:
ä³ïÏ»ñ 4.1.1. г׳Ëáñ¹Ý»ñÇ Ñ³ñóÙ³Ý ¿ç ²ñï³ùÇÝ ë³ñù³íáñáõÙÝ»ñÇ íñ³ ïíÛ³ÉÝ»ñÇ »Éù³·ñÙ³Ý Ï³½Ù³Ï»ñåáõÙÁ µ³ñ¹áõÃÛáõÝÝ»ñ ãÇ ³é³ç³óÝáõÙ: ø³ÝÇ áñ stdout (»ÉùÇ ëï³Ý¹³ñï ë³ñù³íáñáõÙÝ»ñÇ) ÑáëùÁ ѳÕáñ¹íáõÙ ¿ µñ³áõ½»ñÇÝ, ³å³, ϳËí³Í ë»ñí»ñ³ÛÇÝ Íñ³·ñÇ ï»ë³ÏÇó, û·ï³·áñÍíáõÙ »Ý ³ñï³å³ïÏ»ñÙ³Ý Ñ³Ù³å³ï³ëË³Ý Ññ³Ù³ÝÝ»ñÁ: ¸³ ϳñáÕ ¿ ÉÇÝ»É print Ññ³Ù³ÝÁ (perl ϳ٠ÙÇ ù³ÝÇ ³ÛÉ ëó»Ý³ñ³ÛÇÝ É»½áõÝ»ñÇ û·ï³·áñÍÙ³Ý ¹»åùáõÙ), echo Ññ³Ù³ÝÁ (Unix, Windows, PHP), printf (C É»½áõÝ) ¨ ïíÛ³ÉÝ»ñÁ ¿Ïñ³ÝÇ Ï³Ù áñ¨¿ ï»ñÙÇݳÉÇ íñ³ »Éù³·ñ»Éáõ ³ÛÉ Ññ³Ù³ÝÝ»ñÁ: ¸ñ³Ýó û·ï³·áñÍáõÙÁ HTML Ïá¹Á ³ñï³å³ïÏ»ñ»Éáõ ѳٳñ ï³ÉÇë ¿ ÝáõÛÝ ³ñ¹ÛáõÝùÁ, ÇÝã ¨ áñ¨¿ ï»ùëï³ÛÇÝ ËÙµ³·ñÇã: úñÇݳÏ, Perláí ·ñí³Í CGI Íñ³·ñÇ ÙÇ Ù³ëÁ ϳñáÕ ¿ ÉÇÝ»É ³ÛëåÇëÇÝ` Print "Content-type: text\html\n\n"; Print "<html>\n<head><title>ÞÝáñѳϳɳ·Çñ</title></head>\n" Print "<body>\n<h1>²Ù»Ý ÇÝã ϳñ·ÇÝ ¿</h1>\n<p>”; Print ”ÞÝáñѳϳÉáõÃÛáõÝ áõß³¹ñáõÃÛ³Ý Ñ³Ù³ñ</p>\n"; Print "<p>ê»ÕÙ»ù ³Ûëï»Õ<a href="index.html"> ·É˳íáñ ¿ç”; Print"</a>í»ñ³¹³éݳÉáõ ѳٳñ</p>\n</body></html>“; stdin ¨ stdout Ñáëù»ñÁ ÷á˳ñÇÝáõÙ »Ý ë»ñí»ñÇ íÇñïáõ³É û·ïíáÕÇ ÏáÕÙÇó ëï»Õݳ߳ñÇ ëï»ÕÝ»ñÇ ë»ÕÙáõÙÁ: سëݳíáñ³å»ë` ¹ÇÙáõÙÁ stdout ÑáëùÇÝ ÷á˳ñÇÝáõÙ ¿ µñ³áõ½»ñÇ ¿Ïñ³ÝÇÝ ÷³ëï³ÃÕÃÇ »Éù³·ñÙ³ÝÁ: Æñ³Ï³ÝáõÙ ïíÛ³ÉÝ»ñÁ ѳÕáñ¹íáõÙ »Ý Ñ»é³óí³Í ѳٳϳñ·ãÇ µñ³áõ½»ñÇÝ, áñÝ ¿É ³ñï³å³ïÏ»ñáõÙ ¿ ¹ñ³Ýù ¿Ïñ³ÝÇÝ: CGI Íñ³·ñ»ñÇ ï»Õ³¹ñáõÙÁ ë»ñí»ñÝ»ñÇ íñ³ Ñ³×³Ë Ï³åí³Í ¿ ÙÇ ß³ñù ¹Åí³ñáõÃÛáõÝÝ»ñÇ Ñ»ï, 160
ù³ÝÇ áñ ÑÇÙݳϳÝáõÙ ³Û¹ ï»ë³ÏÇ Íñ³·ñ»ñÁ ï»Õ³¹ñíáõÙ »Ý cgi-bin ѳïáõÏ Ï³ñ·³ó³ÝÏáõÙ, ÇëÏ ¹ñ³ ѳٳñ, Ù³ëݳíáñ³å»ë, å³Ñ³ÝçíáõÙ ¿ ë»ñí»ñÇ ³¹ÙÇÝÇëïñ³ïáñÇ Ñ³Ù³Ó³ÛÝáõÃÛáõÝÁ (Ï³Ý ¨ áõñÇß åñáµÉ»ÙÝ»ñª ϳåí³Í ϳñ·³ó³ÝÏÇ Ýáñ³óÙ³Ý ¨ ³ÛÉ Ñ³ñó»ñÇ Ñ»ï): ²Û¹åÇëÇ ¹Åí³ñáõÃÛáõÝÝ»ñÁ ÃáõÛÉ ¿ ï³ÉÇë ßñç³Ýó»É ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñ (Active Server Pages ASP) ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ëï»ÕÍÙ³Ý ï»ËÝáÉá·Ç³Ý, ù³ÝÇ áñ µáÉáñ ASP ý³ÛÉ»ñÁ Ûáõñ³ù³ÝãÛáõñ “ϳÛù³ßÇݳñ³ñ” ϳñáÕ ¿ ï»Õ³¹ñ»É ë»ñí»ñÇ` “Çñ»Ý ѳë³Ý»ÉÇù” ïÇñáõÛÃáõÙ:
¢ 4.2. ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñ (Active Server Pages) 4.2.1. ASP-Ç ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ Àëï ¿áõÃÛ³Ý, ³ÏïÇí ë»ñí»ñ³ÛÇÝ ¾ç»ñÁ ëï³ïÇÏ Web ¿ç»ñ »Ý, áñáÝù, µ³óÇ ëáíáñ³Ï³Ý HTML Ïá¹Çó, Áݹ·ñÏáõÙ »Ý ݳ¨ ë»ñí»ñ³ÛÇÝ ëó»Ý³ñÝ»ñ, áñáÝù Ùß³ÏáõÙ »Ý ë»ñí»ñÁ ϳ٠ѳïáõÏ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÁ (CGI, Web ë»ñí»ñÇ ÁݹɳÛÝáõÙÝ»ñ ¨ ³ÛÉÝ): êó»Ý³ñÝ»ñÁ ϳñáÕ »Ý ϳ½Ùí»É VBScript ϳ٠JavaScript É»½áõÝ»ñáí, ë³Ï³ÛÝ ó³ÝÏáõÃÛ³Ý ¹»åùáõÙ ³ÝÏ³Ë ýÇñٳݻñÁ ϳñáÕ »Ý ³å³Ñáí»É ³ÛÉ É»½áõÝ»ñÇ ë³ï³ñáõÙª ûñÇÝ³Ï Rexx, Perl ¨ ³ÛÉÝ: àñå»ë ѻ勉Ýù` Ï³Ù³Û³Ï³Ý HTML ¿çÁ Ñݳñ³íáñ ¿ Ñ»ßïáñ»Ý Ó¨³÷áË»É ASP ¿çÇ: êó»Ý³ñÝ»ñÇ ÙÇçáóáí ASP ¿ç»ñáõÙ ëï»ÕÍíáõÙ ¿ HTML Ïá¹, áñÁ ѳÕáñ¹íáõÙ ¿ ѳ׳Ëáñ¹ÇÝ ¨ ³ñï³å³ï Ï»ñíáõÙ Ýñ³ µñ³áõ½»ñÇ ¿Ïñ³ÝÇ íñ³: úñÇݳÏ, ïíÛ³ÉÝ»ñÇ µ³ñ¹ Ùß³ÏáõÙÝ»ñ ϳï³ñ»Éáõ ϳ٠ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ³ß˳ï»Éáõ ѳٳñ ASP–Ý ÃáõÛÉ ¿ ï³ÉÇë HTML ¿çÇÝ Ï³å³Ïó»É ActiveX µ³ÕϳóáõóÇãÝ»ñ: ´áÉáñ ëï³Ý¹³ñï ÙÇçáóÝ»ñÁ, áñáÝù ³ÝÑñ³Å»ßï »Ý Web ¿ç»ñ ϳéáõó»Éáõ ѳٳñ, ³é³ÝÓݳóíáõÙ »Ý ÙÇ ß³ñù ûµÛ»ÏïÝ»ñáõÙ, áñáÝù ϳñ»ÉÇ ¿ µ³Å³Ý»É »ñÏáõ ÑÇÙÝ³Ï³Ý Ï³ï»·áñdzݻñǪ Ý»ñϳéáõóí³Í ¨ µ³½³ÛÇÝ (ï»ëª å³ïÏ»ñ 4.2.1): Ü»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÇ Ù»Ãá¹Ý»ñÁ ¨ ѳïÏáõÃÛáõÝÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë Ù³Ýñ³Ù³ëÝ ÇÝýáñÙ³ódz ëï³Ý³É ÁݹáõÝíáÕ Ñ³ñóáõÙÝ»ñÇ Ù³ëÇÝ, Ùß³Ï»É cookie ý³ÛÉ»ñÁ ¨ ѳ׳Ëáñ¹ÇÝ í»ñ³¹³ñÓíáÕ å³ï³ë˳ÝÝ»ñ ϳéáõó»É: Ü»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñ ASP–áõÙ ·áÛáõÃÛáõÝ áõÝ»Ý ÙÇ ù³ÝÇ Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñ, áñáÝù Íñ³·ñ³íáñáÕÇÝ ³½³ïáõÙ »Ý ÙÇ ß³ñù áã ëï»Õͳ·áñÍ³Ï³Ý ³ß˳ï³ÝùÝ»ñÇó: úñÇݳÏ, URL ѳñóáõÙÇó å³ñ³Ù»ïñ»ñÇ ëï³óáõÙÁ, ѳ׳Ëáñ¹Ç cookie ý³ÛÉ»ñÇ ëï³óáõÙÝ áõ å³Ñå³ÝáõÙÁ ϳ٠¿É ѳ׳Ëáñ¹ÇÝ »Éù³ÛÇÝ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹áõÙÁ:
ä³ïÏ»ñ 4.2.1. ASP-Ç ûµÛ»Ïï³ÛÇÝ Ùá¹»ÉÁ Request (ѳñóáõÙ, å³Ñ³Ýç) ûµÛ»ÏïÁ ݳ˳ï»ëí³Í ¿ ÁÝóóÇÏ û·ïíáÕÇÝ (ѳ׳Ëáñ¹ÇÝ, áñÁ ïíÛ³É å³ÑÇÝ áõÕ³ñÏ»É ¿ ѳñóáõÙÁ) í»ñ³µ»ñáÕ ÇÝýáñÙ³óÇ³Ý ëï³Ý³Éáõ ѳٳñ: úµÛ»ÏïÁ ѳë³Ý»ÉÇ ¿ ¹³ñÓÝáõÙ HTTP ѳñóáõÙáõÙ å³ñáõݳÏíáÕ µáÉáñ ï»Õ»ÏáõÃÛáõÝÝ»ñÁ: ¸ñ³Ýù »Ý` ÁÝóóÇÏ û·ïíáÕÇÝ µÝáõó·ñáÕ ïíÛ³ÉÝ»ñÁ, ï»Õ»ÏáõÃÛáõÝÝ»ñÁ ѳñóÙ³Ý ³é³çݳÛÝáõÃÛ³Ý í»ñ³µ»ñÛ³É ¨ ³ñ·áõÙ»ÝïÝ»ñÁ, áñáÝù ûɳ¹ñáõÙ »Ý, û ÇÝãå»ë Ùß³Ï»É Ñ³ñóáõÙÁ ¨ ÇÝãå»ë Ó¨³Ï»ñå»É å³ï³ë˳ÝÁ: êáíáñ³µ³ñ Request ûµÛ»ÏïÁ û·ï³·áñÍíáõÙ ¿ å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ ³ñÅ»ùÝ»ñÁ ϳ٠ѳ׳Ëáñ¹Ç ·áÛáõÃÛáõÝ 161
áõÝ»óáÕ cookie ý³ÛÉ»ñÇ å³ñáõݳÏáõÃÛáõÝÁ ëï³Ý³Éáõ ѳٳñ: Response (å³ï³ë˳Ý) ûµÛ»ÏïÇ ÙÇçáóáí ϳéáõóíáõÙ ¿ ѳñóÙ³Ý å³ï³ë˳ÝÁ, áñÁ ÷³ëïáñ»Ý ѳݹÇë³ÝáõÙ ¿ HTML ÷³ëï³ÃáõÕÃ: Response ûµÛ»ÏïÁ ïíÛ³ÉÝ»ñÁ ѳÕáñ¹áõÙ ¿ »Éù³ÛÇÝ ÑáëùÇÝ (CGI Íñ³·ñ»ñáõÙª stdout), áñÝ áõÕÕíáõÙ ¿ ѳ׳Ëáñ¹ÇÝ Web ë»ñí»ñÇó: Session ûµÛ»ÏïáõÙ å³Ñå³ÝíáõÙ ¿ ³é³ÝÓÇÝ û·ïíáÕÇ Ù³ëÇÝ ÇÝýáñÙ³óÇ³Ý ÁÝóóÇÏ ë»³ÝëÇ (ë»ëdzÛÇ) ÁÝóóùáõÙ: Úáõñ³ù³ÝãÛáõñ ߳ѳ·áñÍáÕÇ Ñ³Ù³ñ ëï»ÕÍíáõÙ ¿ ³é³ÝÓÇÝ Session ûµÛ»Ïï, áñÇ ÑÇÙÝ³Ï³Ý ýáõÝÏóÇ³Ý íÇ׳ÏÇ ÇÝýáñÙ³ódzÛÇ å³Ñå³ÝáõÙÝ ¿: γñ»ÉÇ ¿ Session ûµÛ»ÏïáõÙ ëï»ÕÍ»É ÷á÷á˳ϳÝÝ»ñ (web ¹³ë»ñ), áñáÝù ã»Ý ÷áËáõÙ ³ñÅ»ùÝ»ñÁ ÝáõÛÝÇëÏ Ñ³í»Éí³ÍÇ ³ÛÉ ¿ç»ñÇÝ ³ÝóÝ»ÉÇë: Session ûµÛ»ÏïÇ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ½ñáÛ³óíáõÙ »Ý ߳ѳ·áñÍáÕÇ Ñ»ï 뻳ÝëÁ ³í³ñï»ÉÇë: Application ûµÛ»ÏïáõÙ å³Ñå³ÝíáõÙ ¿ ÝáõÛÝ ÇÝýáñÙ³ódzÝ, ÇÝã ¨ Session ûµÛ»ÏïáõÙ, ë³Ï³ÛÝ µáÉáñ û·ïíáÕÝ»ñÇ í»ñ³µ»ñÛ³É: úµÛ»ÏïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ëï³Ý³É ϳ٠ßÝáñÑ»É ³ñÅ»ùÝ»ñ ³ÛÝ ÷á÷á˳ϳÝÝ»ñÇÝ, áñáÝù û·ï³·áñÍáõÙ »Ý ѳí»Éí³ÍÇ µáÉáñ ߳ѳ·áñÍáÕÝ»ñÁ: Server ûµÛ»ÏïÇ ÙÇçáóáí ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñáõÙ ëï»ÕÍíáõÙ »Ý ActiveX µ³ÕϳóáõóÇãÝ»ñÇ ûñÇݳÏÝ»ñ, áñáÝù å³Ñå³ÝíáõÙ »Ý ë»ñí»ñÇ íñ³: Server ûµÛ»ÏïÇ CreateObject Ù»Ãá¹Á ·áñÍݳϳÝáõÙ ÝáõÛÝÝ ¿, ÇÝã áñ ѳٳÝáõÝ ýáõÝÏóÇ³Ý Visual Basic–áõÙ: ²ÛÝ Ñݳñ³íáñáõÃÛáõÝ ¿ ï³ÉÇë ѳí»Éí³ÍÝ»ñáõÙ û·ï³·áñÍ»Éáõ ActiveX µ³Õ³¹ñÇãÝ»ñÇ ýáõÝÏóÇáÝ³É Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ: ´³óÇ ¹ñ³ÝÇó, Server ûµÛ»ÏïÁ ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É ûµÛ»Ïï³ÛÇÝ ÷á÷á˳ϳÝÝ»ñ ¨ ûÅï»É Web ¿ç»ñÁ HTML–Ç ßñç³Ý³ÏÝ»ñÇó ¹áõñë »ÏáÕ Ñݳñ³íáñáõÃÛáõÝÝ»ñáí: ´³½³ÛÇÝ ûµÛ»ÏïÝ»ñ ´³½³ÛÇÝ ûµÛ»ÏïÝ»ñÁ ³å³ÑáíáõÙ »Ý Web Íñ³·ñ³íáñáõÙáõÙ û·ï³·áñÍíáÕ ëï³Ý¹³ñï ÙÇçáóÝ»ñÇ ³ß˳ï³ÝùÁ: úñÇݳÏ, ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï ³ß˳ï³ÝùÇ Ñ³Ù³ñ ADO (ActiveX Data Objects) ¨ ý³ÛɳÛÇÝ Ñ³Ù³Ï³ñ·»ñÇ µ³Õ³¹ñÇãÝ»ñÁ` ë»ñí»ñÇ íñ³ ÉáÏ³É ý³ÛÉ»ñ ϳñ¹³Éáõ/·ñ»Éáõ ѳٳñ: Web ѳí»Éí³ÍÝ»ñÇ Ñ»ï ³ß˳ï³ÝùÁ å³ñ½»óÝ»Éáõ Ýå³ï³Ïáí Web ë»ñí»ñÇ ASP µ³Õ³¹ñÇãÝ»ñÁ ë³ï³ñáõÙ »Ý ÙÇ ß³ñù ûµÛ»ÏïÝ»ñ, áñáÝó Ù»Ãá¹Ý»ñÇ û·ï³·áñÍáõÙÁ, Ç ï³ñµ»ñáõÃÛáõÝ Ý»ñϳéáõóí³Í ûµÛ»ÏÝ»ñÇ, å³ñï³¹Çñ ã¿, ë³Ï³ÛÝ ¹ñ³Ýù Ñ³×³Ë »Ý ÏÇñ³éíáõÙ Web ѳí»Éí³ÍÝ»ñÇ Ï³éáõóÙ³Ý ·áñÍÁÝóóáõÙ: îíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ ë³ï³ñÙ³Ý ûµÛ»ÏïÝ»ñÁ ó³Ýϳó³Í ODBC ѳٳï»Õ»ÉÇ ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇÝ Ï³Ù OLE DB ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÝ»ñÇÝ ÙdzݳÉáõ Ñݳñ³íáñáõÃÛáõÝ »Ý ï³ÉÇë: ADO ï»ËÝáÉá·Ç³Ý ÃáõÛÉ ¿ ï³ÉÇë Íñ³·ñ³íáñáÕÇÝ Ñ»ßïáñ»Ý Çñ³Ï³Ý³óÝ»É Ï³åÁ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ ¨ ³ÏïÇí Web ¿ç»ñÇ ÙÇç¨: ü³ÛÉ»ñÇÝ ¹ÇÙáõÙÝ»ñÇ ë³ï³ñÙ³Ý ûµÛ»ÏïÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ³ß˳ï»É ï»ùëï³ÛÇÝ ý³ÛÉ»ñÇ Ñ»ï: ê»ñí»ñ³ÛÇÝ ¨ ѳ׳Ëáñ¹Ç (ÏÉÇ»Ýï³Ï³Ý) ëó»Ý³ñÝ»ñÁ å»ïù ¿ ѳٳϳñ·Ç ѳٳñ ³Ýíï³Ý· ÉÇÝ»Ý: ²Û¹ ï»ë³Ï»ïÇó ïíÛ³É Ï³ï»·áñdzÛÇ ûµÛ»ÏïÝ»ñÁ ã³÷³½³Ýó Ñáõë³ÉÇ »Ý, ù³ÝÇ áñ ÃáõÛÉ »Ý ï³ÉÇë ϳñ¹³É ¨ ·ñ»É ÙdzÛÝ ï»ùëï³ÛÇÝ ý³ÛÉ»ñ ¨ Ùßï³å»ë ·ïÝíáõÙ »Ý ë»ñí»ñÇ ÙǨÝáõÛÝ` áñáß³ÏÇ ÃÕóå³Ý³ÏáõÙ: ¾ç»ñÇ ÙÇç¨ Ï³åÇ ë³ï³ñÙ³Ý ûµÛ»ÏïÝ»ñáõÙ å³Ñå³ÝíáõÙ ¿ URL ѳëó»Ý»ñÇ óáõó³Ï, áñÁ ÃáõÛÉ ¿ ï³ÉÇë Web ѳݷáõÛóÇ ¿ç»ñÇ Ñ»ï ³ß˳ï»É ³ÛÝå»ë, ÇÝãå»ë ·ñùÇ ¿ç»ñÇ Ñ»ï: Ìñ³·ñ³íáñáÕÁ ëï»ÕÍáõÙ ¿ ¿ç»ñÇ å³ñáõݳÏáõÃÛáõÝÁ, ÇëÏ Ï³åÇ ûµÛ»ÏïÝ»ñÁ ÇÝùݳµ»ñ³µ³ñ ÑÕáõÙÝ»ñ »Ý ëï»ÕÍáõ٠ݳËáñ¹ ¨ ѳçáñ¹ Web ¿ç»ñÇÝ: úµÛ»ÏïÝ»ñÇ Ù»Ãá¹Ý»ñÁ ¨ ѳïÏáõÃÛáõÝÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ³í»É³óÝ»É, Ñ»é³óÝ»É ¨ ï»Õ³¹ñ»É ѳݷáõÛóÇ ¿ç»ñÁ` ³é³Ýó ³é³ÝÓÇÝ ¿ç»ñÇ ËÙµ³·ñÙ³Ý: ´ñ³áõ½»ñÇ µÝáõó·ñÙ³Ý ûµÛ»ÏïÝ»ñÇ ÙÇçáóáí å³ñ½³µ³ÝíáõÙ »Ý ѳñóáõ٠ϳï³ñáÕ µñ³áõ½»ñÇ Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ, ¨ ¹ñ³ ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñÇÝ Ñ³Ù³å³ï³ë˳Ý` ¹ÇݳÙÇÏ Ï»ñåáí ûåïÇÙǽ³óíáõÙ ¿ ѳݷáõÛóÇ å³ñáõݳÏáõÃÛáõÝÁ: ºÃ» µñ³áõ½»ñÇ ï»ë³ÏÁ ãÇ ×³Ý³ãíáõÙ, ÇÝùݳµ»ñ³µ³ñ ³é³ç³ÝáõÙ ¿ ÏñÏÝíáÕ ¿ç»ñÇ ß³ñùÇ ëï»ÕÍÙ³Ý (¨ áõÕ»ÏóÙ³Ý) ³ÝÑñ³Å»ßïáõÃÛáõÝ: Àݹ áñáõÙ, ¹³ å»ïù ¿ ϳï³ñíÇ Ûáõñ³ù³ÝãÛáõñ ã׳ݳãí³Í µñ³áõ½»ñÇ Ñ³Ù³ñ: гϳé³Ï ¹»åùáõÙ ³ÝÑñ³Å»ßï ¿ ѳÕáñ¹»É ߳ѳ·áñÍáÕÝ»ñÇÝ, áñ ѳݷáõÛóÇ áñáß Ñݳñ³íáñáõÃÛáõÝÝ»ñ ѳë³Ý»ÉÇ »Ý ÙdzÛÝ áñáß³ÏÇ ïÇåÇ µñ³áõ½»ñÝ»ñÇÝ: ¶áí³½¹Ý»ñÇ Ñ»ñó·ñÙ³Ý ûµÛ»ÏïÝ»ñ: Ü»ñϳÛáõÙë µáÉáñ Ù»Í Web ѳݷáõÛóÝ»ñÁ ³ß˳ïáõÙ »Ý ÏáÙ»ñóÇáÝ ÑÇÙáõÝùÝ»ñáí, ¨ Ñ³×³Ë ³é³ç³ÝáõÙ ¿ ·áí³½¹Ý»ñÇ Õ»Ï³í³ñÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝ: “Èáõñç” Web í³ñå»ïÁ Çñ»Ý ÃáõÛÉ ãÇ ï³ ¿çáõÙ ·áí³½¹ Ùáõïù³·ñ»É: ò³ÝϳÉÇ ¿ ³ÛÝ áã ÙdzÛÝ Ñ»ñÃÇ ¹Ý»É, ³Ûɨ ÁÝïñ»É ߳ѳ·áñÍáÕÇ ×³ß³ÏÇÝ Ñ³Ù³å³ï³ë˳Ý: úñÇݳϪ ÇÙ³ëï ãáõÝÇ ·áí³½¹»É ³íïáÙ»ù»Ý³Ý»ñ ϳ٠·ñù»ñ ¿É»ÏïñáÝÇϳÛÇ Çñ³óáõÙáí ½µ³ÕíáÕ Ë³ÝáõÃáõÙ: ASP–áõ٠ݳ˳ï»ëí³Í »Ý ݳ¨ ѳïáõÏ ûµÛ»ÏïÝ»ñ, áñáÝù å³ñ½»óÝáõÙ »Ý ³ß˳ï³ÝùÁ ·áí³½¹Ý»ñÇ Ñ»ï: 162
4.2.2. ASP ¿ç»ñÇ ëï»ÕÍÙ³Ý ï»ËÝáÉá·Ç³Ý ²ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç (ASP) ëï»ÕÍ»Éáõ å³ñ½³·áõÛÝ »Õ³Ý³ÏÁ ·áÛáõÃÛáõÝ áõÝ»óáÕ HTML ÷³ëï³ÃÕÃÇ Ó¨³÷áËáõÙÝ ¿ ϳ٠ASP Íñ³·ñ³ÛÇÝ Ïá¹Ç Éñ³óáõÙÁ HTML–áí: êï³óí³Í ý³ÛÉÁ ï»Õ³¹ñíáõÙ ¿ Web ë»ñí»ñÇ Ñ³Ù³å³ï³ëË³Ý ÃÕóå³Ý³ÏáõÙ: γ½Ù»Ýù ûñÇݳϪ DateTime.html ý³ÛÉÁ, áñÁ ѳ׳Ëáñ¹ÇÝ óáõó³¹ñáõÙ ¿ ÁÝóóÇÏ ³Ùë³ÃÇíÁ ¨ ųٳݳÏÁ (Íñ. 4.2.1 ¨ å³ïÏ»ñ 4.2.2): Ìñ.4.2.1. ÀÝóóÇÏ ³Ùë³ÃÇíÁ ¨ ųÙÁ ³ñï³å³ïÏ»ñáÕ HTML ¿ç <html> <head><title>ASP sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script> <!-var v_date=new Date(); dat=v_date.getDate(); hour=v_date.getHours(); minut=v_date.getMinutes(); month=v_date.getMonth()+1; if(hour<=18) greeting="´³ñÇ ûñ"; if(hour<=12) greeting="´³ñÇ ³é³íáï"; if(hour>18) greeting="´³ñÇ »ñ»Ïá"; if(minut<10) minut="0"+minut; document.write( "<h2>"+greeting+"</h2>"); document.write("<p>²Ûëûñ <b>" +dat+"</b>-Ý ¿ <b>"+month+"</b>-ñ¹ ³Ùëí³<br />ųÙÁ <b>"+hour+":"+minut+"</b></p>"); //--> </script> </head> <body> </body> </html> ²ÛÅÙ í»ñ³÷áË»Ýù ¿çÝ ³ÛÝå»ë, áñ ³ÛÝ »Éù³·ñÇ áã û ѳ׳Ëáñ¹Ç ѳٳϳñ·ãÇ, ³ÛÉ ë»ñí»ñÇ ÁÝóóÇÏ Å³ÙÝ áõ ³Ùë³ÃÇíÁ: ²Û¹ Ýå³ï³Ïáí û·ï³·áñÍáõÙ »Ýù Response ûµÛ»ÏïÁ (³ÛÝ ÝÙ³Ý ¿ document ûµÛ»ÏïÇÝ, ë³Ï³ÛÝ ë»ñí»ñÁ ãÇ Ï³ñáÕ ¹ÇÙ»É document ûµÛ»ÏïÇÝ, ù³ÝÇ áñ í»ñçÇÝë ѳë³Ý»ÉÇ ¿ ÙdzÛÝ Ñ³×³Ëáñ¹ÇÝ): Üáñ ¿çÁ ³ñï³å³ïÏ»ñáõÙ ¿ ÝáõÛÝ ïíÛ³ÉÝ»ñÁ, µ³Ûó ³Ùë³ÃÇíÁ ¨ ųÙÁ ѳٳå³ï³ë˳ÝáõÙ »Ý ë»ñí»ñÇ ³Ùë³ÃíÇÝ ¨ ųÙÇÝ: Ìñ³·ñ³ÛÇÝ Ïá¹Ç ³ÛÝ Ù³ëÁ, áñÁ ϳï³ñíáõÙ ¿ ë»ñí»ñÇ íñ³, ASP ý³ÛÉ»ñáõÙ ³Ù÷á÷íáõÙ ¿ <% ¨ %> ½áõÛ· ï»·»ñÇ ÙÇç¨: ²Û¹ ï»·»ñÇ ÙÇç¨ ·ïÝíáÕ µáÉáñ Ññ³Ù³ÝÝ»ñÁ ϳï³ñíáõÙ »Ý ÙdzÛÝ ë»ñí»ñÇ íñ³ ¨ ³Ýѳë³Ý»ÉÇ »Ý ѳ׳Ëáñ¹ÇÝ: ºÃ» ³ÝÑñ³Å»ßï ¿ óáõó³¹ñ»É ѳ׳Ëáñ¹ÇÝ áñ¨¿ ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ, ³å³ ¹ñ³ ³ÝáõÝÁ ³Ù÷á÷íáõÙ ¿ <%= %> ï»·áõÙª “=” Ýß³ÝÇó Ñ»ïá: úñÇݳϪ »Ã» ·ñ³ÝóíǪ <%var greeting=”´³ñ¨ Ò»½”; %> <b><%=greeting%></b>, ³å³ ѳ׳Ëáñ¹Ç µñ³áõ½»ñÇ å³ïáõѳÝáõ٠ϳñï³å³ïÏ»ñíÇ Ã³í (bold) ï³é³ß³ñáí ·ñí³Í ´³ñ¨ Ò»½ ïáÕÁ (¨ áã û greeting ÷á÷á˳ϳÝÇ ³ÝáõÝÁ):
163
ä³ïÏ»ñ 4.2.2. ÀÝóóÇÏ ³Ùë³ÃÇíÁ ¨ ųÙÁ ³ñï³å³ïÏ»ñáÕ HTML ¿çÇ ûñÇÝ³Ï Ü»ñϳÛáõÙë ³ÏïÇí ë»ñí»ñ³ÛÇÝ ¿ç»ñÁ ϳ½ÙíáõÙ »Ý ¨° VBScript, ¨° JavaScript, ¨° Jscript (Microsoft-Ç í»ñç»ñë ëï»ÕÍ³Í JavaScript-Ç í»ñ³÷áËí³Í ï³ñµ»ñ³Ïáíª ³Û¹ ¹»åùáõÙ ¿çÁ ÏáãíáõÙ ¿ JSP) É»½áõÝ»ñáí: Î³Ù³Û³Ï³Ý ASP ÷³ëï³ÃÕÃÇ ëϽµÝ³Ù³ëáõÙ ëáíáñ³µ³ñ ·ñ³ÝóíáõÙ ¿ ѳٳå³ï³ëË³Ý Ï³ñ·³·ÇñÁ, áñå»ë½Ç ë»ñí»ñÁ ϳñáճݳ Ñ»ßï ·áñͳñÏ»É ³ÝÑñ³Å»ßï í»ñͳÝÇã Íñ³·ÇñÁ (ÇÝï»ñåñ»ï³ïáñÁ)ª <%@LANGUAGE="VBSCRIPT"%>, »ñµ ÏÇñ³éíáõÙ ¿ VBScript-Á, <%@LANGUAGE="JAVASCRIPT"%> JavaScript-Ç ¨ <%@LANGUAGE="JSCRIPT"%> JScript-Ç û·ï³·áñÍÙ³Ý ¹»åùáõÙ: ì»ñ³÷áËí³Í Íñ. 4.2.1-Á ÏÁݹáõÝÇ Íñ. 4.2.2-áõÙ ·ñ³Ýóí³Í ï»ëùÁ (ï»ë ݳ¨` å³ïÏ»ñ 4.2.3-áõÙ): Ìñ. 4.2.2. ÀÝóóÇÏ ³Ùë³ÃÇíÁ ¨ ųÙÁ ³ñï³å³ïÏ»ñáÕ ASP ¿ç <%@LANGUAGE="JAVASCRIPT"%> <html> <head><title>ASP sample</title></head> <body> <% var v_date=new Date(); dat=v_date.getDate(); hour=v_date.getHours(); minut=v_date.getMinutes(); month=v_date.getMonth()+1; if(hour<=18) greeting="´³ñÇ ûñ"; if(hour<=12) greeting="´³ñÇ ³é³íáï"; if(hour>18) greeting="´³ñÇ »ñ»Ïá"; if(minut<10) minut="0"+minut; %> <h2><%=greeting%></h2> <p>²Ûëûñ <b><%=dat%></b>-Ý ¿ <b><%=month %></b>-ñ¹ ³Ùëí³<br /> ųÙÁ <b><%=hour %>:<%=minut%></b></p> <b> Active Server Page</b> </body></html>
164
ä³ïÏ»ñ 4.2.3. ÀÝóóÇÏ ³Ùë³ÃÇíÁ ¨ ųÙÁ ³ñï³å³ïÏ»ñáÕ ASP ¿çÇ ûñÇÝ³Ï ÆÝãå»ë ï»ëÝáõÙ »Ýù, ë»ñí»ñáõ٠ϳï³ñíáÕ Íñ³·ñ³ÛÇÝ Ïá¹Á ³Ù÷á÷í³Í ¿ <% %> ï»·áõÙ, ÇëÏ ³ÛÝ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ, áñáÝù óáõó³¹ñí»Éáõ »Ý ѳ׳Ëáñ¹ÇÝ (Ù»ñ ¹»åùáõÙ` hour, minut, month ¨ dat), Ý»ñϳéáõóí³Í »Ý ëáíáñ³Ï³Ý HTML Ïá¹áõÙ <%= %> ï»·Ç ÙÇçáóáí:
4.2.3. Ü»ñ¹ñíáÕ ý³ÛÉ»ñÇ û·ï³·áñÍÙ³Ý Ï³ÝáÝÝ»ñÁ ÆÝãå»ë ¨ ëáíáñ³Ï³Ý HTML ¿ç»ñáõÙ, ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñáõÙ Ïá¹Ç áñáß Ù³ë»ñÁ ϳñáÕ »Ý û·ï³·áñÍí»É ÙÇ ù³ÝÇ ëó»Ý³ñÝ»ñáõÙ: ²í»Éáñ¹ ÏñÏÝáõÃÛáõÝÝ»ñÇó Ëáõë³÷»Éáõ ѳٳñ ϳñ»ÉÇ ¿ Ó¨³Ï»ñå»É ¹ñ³Ýù ³é³ÝÓÇÝ ý³ÛÉ»ñÇ ï»ëùáí ¨ Ý»ñ¹Ý»É Ï³Ù³Û³Ï³Ý ASP ý³ÛÉÇ ëϽµáõÙ` #include Ññ³Ñ³Ý·Ç ÙÇçáóáí: Ðñ³Ñ³Ý·Ý áõÝÇ ·ñ³ÝóÙ³Ý Ñ»ï¨Û³É ß³ñ³¹³ëáõÃÛáõÝÁ`ª <!--#include virtual="Áݹ·ñÏíáÕ ý³ÛÉÇ ³ÝáõÝÁ"--> Ø»Ïݳµ³ÝáõÃÛ³Ý ï»·Á (<!-- -->) »ñ³ß˳íáñáõÙ ¿, áñ ïáÕÁ ë˳Éٳٵ ãÇ ÷á˳ÝóíÇ Ñ³×³Ëáñ¹ÇÝ: ºÃ» ý³ÛÉÁ ·ïÝíáõÙ ¿ ÙǨÝáõÛÝ ÃÕóå³Ý³ÏáõÙ (ϳ٠¿É ¹ñ³Ý Ý»ñ¹ñí³Í ÃÕóå³Ý³ÏÝ»ñÇó Ù»ÏáõÙ), û·ï³·áñÍíáõÙ ¿ virtual µ³é-µ³Ý³ÉÇÝ: ºÃ» Ý»ñ¹ñíáÕ ý³ÛÉÁ ·ïÝíáõÙ ¿ Áݹ·ñÏáÕÇó ³í»ÉÇ µ³ñÓñ ٳϳñ¹³Ï áõÝ»óáÕ Ï³Ù áñ¨¿ ³ÛÉ ÃÕóå³Ý³ÏáõÙ, ³å³ ³Û¹ ý³ÛÉÇÝ ¹ÇÙ»Éáõ ѳٳñ virtual-Ç ÷á˳ñ»Ý û·ï³·áñÍáõÙ »Ý file µ³éµ³Ý³ÉÇÝ ¨ áñå»ë ³ñÅ»ù` ·ñ³ÝóáõÙ Ý»ñ¹ñíáÕ ý³ÛÉÇ` ¢ 2.3-áõÙ µ»ñí³Í ϳÝáÝÝ»ñáí Ó¨³Ï»ñåí³Í áõÕÇÝ: úñÇݳÏ` <!--#include file="../Connections/Library.asp" --> Ü»ñ¹ñíáÕ ý³ÛÉ»ñÁ ϳñáÕ »Ý áõÝ»Ý³É ó³Ýϳó³Í ÁݹɳÛÝáõÙ, µ³Ûó ëáíáñ³µ³ñ û·ï³·áñÍíáõÙ ¿ .inc ÁݹɳÛÝáõÙÁ (include µ³éÇó): лï¨Û³É Ññ³Ñ³Ý·Á ASP ¿çáõÙ Áݹ·ñÏáõÙ ¿ DateFunc.inc ý³ÛÉÁ, áñÁ ·ïÝíáõÙ ¿ Support ÃÕóå³Ý³ÏáõÙ: <!--# include virtual =”/ASP/Support/DateFunc.inc“-- >: Ü»ñ¹ñíáÕ ý³ÛÉ»ñÁ ϳñáÕ »Ý Áݹ·ñÏ»É ³ÛÉ ý³ÛÉ»ñ: ²Û¹åÇëÇ ¹»åù»ñáõÙ å»ïù ¿ ѻ層É, áñ ã³é³ç³Ý³ #include Ññ³Ñ³Ý·Ý»ñÇ å³ñµ»ñáõÃÛáõÝ: ºÝó¹ñ»Ýù` Doc1.asp ý³ÛÉÁ Áݹ·ñÏáõÙ ¿ file1.inc-Á ¨ ³ÛÝ, Çñ Ñ»ñÃÇÝ, Áݹ·ñÏáõÙ ¿ file2.inc ý³ÛÉÁ: ²Û¹åÇëÇ ¹»åùáõÙ file2.inc Çñ³íáõÝù ãáõÝÇ Áݹ·ñÏ»É file1.inc ý³ÛÉÁ (µ³óÇ ³Û¹, ý³ÛÉÁ ãå»ïù ¿ Áݹ·ñÏÇ ÇÝùÝ Çñ»Ý): Àݹ·ñÏáÕ ý³ÛÉÁ å»ïù ¿ å³ñáõݳÏÇ ³í³ñïáõÝ ëó»Ý³ñÝ»ñ: ²ÛÉ Ï»ñå ³ë³Í, ëó»Ý³ñÁ ãÇ Ï³ñáÕ ëÏëí»É Ù»Ï Ý»ñ¹ñíáÕ ý³ÛÉáõÙ ¨ ³í³ñïí»É ÙÛáõëáõÙ: ºí í»ñç³å»ë, ý³ÛÉÁ ãÇ Ï³ñáÕ Ý»ñ¹ñí»É ëó»Ý³ñ³ÛÇÝ Ïá¹Ç Ý»ñùá: úñÇݳÏ` Ñ»ï¨Û³É ëó»Ý³ñÁ ãÇ ³ß˳ïǪ < % ë»ñí»ñ³ÛÇÝ Ññ³Ù³ÝÝ»ñ < !-- # include virtual=“DateFunctions.inc”-- > ë»ñí»ñ³ÛÇÝ Ññ³Ù³ÝÝ»ñ % > ²ÝÑñ³Å»ßï ¿ ³ÛÝ ïñáÑ»É Ñ»ï¨Û³É Ï»ñå` <% ë»ñí»ñ³ÛÇÝ Ññ³Ù³ÝÝ»ñ %> < !--#include virtual=“DateFunctions.Inc” --> <% ³ÛÉ Ññ³Ù³ÝÝ»ñ % >, 165
³é³ÝÓݳóÝ»Éáí ëó»Ý³ñ³ÛÇÝ Ïá¹Á Ý»ñ¹ñÙ³Ý Ññ³Ñ³Ý·Çó: ASP ý³ÛÉ»ñáõ٠ϳñáÕ »Ý å³ñáõݳÏí»É ݳ¨ ѳ׳Ëáñ¹Ç ѳٳϳñ·ãáõÙ ³ß˳ïáÕ ëó»Ý³ñÝ»ñ, áñáÝù <script> ï»·Ç ÙÇçáóáí Ý»ñ¹ñíáõÙ »Ý web ¿çáõÙ, áñÝ áõÕ³ñÏíáõÙ ¿ ѳ׳Ëáñ¹ÇÝ: ServerTime.asp ý³ÛÉÁ ëó»Ý³ñÇ Ñ³×³Ëáñ¹³ÛÇÝ Ù³ëáõÙ »Éù³·ñáõÙ ¿ ѳ׳Ëáñ¹Ç ѳٳϳñ·ãÇ, ÇëÏ ë»ñí»ñ³ÛÇÝ Ù³ëáõÙ` ë»ñí»ñ³ÛÇÝ Ñ³Ù³Ï³ñ·ãÇ ï³ñ»ÃÇíÝ áõ ųٳݳÏÁ: ºÃ» ѳ׳Ëáñ¹Á ¨ ë»ñí»ñÁ ·ïÝíáõÙ »Ý ųٳÛÇÝ ï³ñµ»ñ ·áïÇÝ»ñáõÙ, ï³ñµ»ñáõÃÛáõÝÁ Ïϳ½ÙÇ Å³Ù»ñÇ ù³Ý³ÏÁ` ·áõÙ³ñ³Í ÙÇ ù³ÝÇ í³ÛñÏÛ³Ý, áñÇ ÁÝóóùáõÙ HTML Ïá¹Á ѳÕáñ¹íáõÙ ¿ ѳ׳Ëáñ¹Ç ѳٳϳñ·ãÇÝ: ServerTime.asp ¿çÁ (³Ûëï»Õ ëó»Ý³ñÁ VBScript-áí ¿) áõÝÇ Ñ»ï¨Û³É ï»ëùÁª <html> <head><title> ä³ñ½ ASP –Ç óáõó³¹ñáõÙ </title> <script language=”VBScript”> document.Write “<font size=3 face=‘Arial Armenian’>” document.Write “<h1> ´³ñÇ ·³Éáõëï ASP </h1>” document.Write “²Ûëûñí³ ³Ùë³ÃÇíÝ ¿ <b>” & Date() & “</b> ¨ ³Ûë å³ÑÇÝ Å³ÙÁ <b>” & Time() & “ ¿</b>” document.Write “<p>” </script> </head> <body> <b> ê»ñí»ñÇ Å³ÙÝ ¿ <%=Time() %> </b> <br /> <b> Active Server Page </b> áñáß³ÏÇ ï»ùëï </body></html >
¢ 4.3. Response ¨ Requeste ûµÛ»ÏïÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ 4.3.1. Response ûµÛ»ÏïÁ Response ûµÛ»ÏïÁ û·ï³·áñÍíáõÙ ¿ ѳ׳Ëáñ¹Ç µñ³áõ½»ñÇÝ ¹ÇݳÙÇÏáñ»Ý ëï»ÕÍí³Í HTML ¿ç»ñÁ ѳÕáñ¹»Éáõ ѳٳñ: úµÛ»ÏïÝ û·ï³·áñÍáõÙ ¿ IResponse ÇÝï»ñý»ÛëÁ, áñÇ ÙÇçáóáí Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ µáõý»ñ³óÝ»É ¿ç»ñÁ, ³ñÅ»ùÝ»ñ ï³É cookie-Ý»ñÇÝ, ³Ýí³Ý³Ïáã»É web ë»ñí»ñÁ ¨ “ϻ߳íáñ»É” µñ³áõ½»ñÇ ¿ç»ñÁ (³ÛëÇÝùÝ` ųٳݳϳíáñ å³Ñå³Ý»É áñáß ý³ÛÉ»ñ û·ïíáÕÇ Ñ³Ù³Ï³ñ·ãÇ ÑÇßáÕáõÃÛáõÝáõÙ): ²ÛÝ áõÝÇ µ³½Ù³ÃÇí Ù»Ãá¹Ý»ñ, áñáÝóáí Ñݳñ³íáñ ¿ ÙÇ ß³ñù ËݹÇñÝ»ñ ÉáõÍ»É: ASP ý³ÛÉ»ñáõÙ ·ñ³Ýóí³Í ëáíáñ³Ï³Ý HTML Ïá¹Á ³ÝÙÇç³å»ë áõÕ³ñÏíáõÙ ¿ ѳ׳Ëáñ¹ÇÝ: ²ÛÝ ¹»åùáõÙ, »ñµ »Éù³ÛÇÝ ïíÛ³ÉÝ»ñÁ ³ÝÑñ³Å»ßï ¿ ջϳí³ñ»É ëó»Ý³ñÇó, ¹ñ³Ýù ·ñ³ÝóíáõÙ »Ý Response ûµÛ»ÏïÇ ÙÇçáóáí: Response.Write Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ ASP ¿ç»ñÇ ëï»ÕÍÙ³Ý »ñÏñáñ¹ »Õ³Ý³ÏÝ ¿: Write Ù»Ãá¹Á Response.Write Ù»Ãá¹Á ß³ï Ñ³×³Ë ¿ û·ï³·áñÍíáõÙ ASP ý³ÛÉ»ñ ëï»ÕÍ»Éáõ ѳٳñ: ºÝó¹ñ»Ýù` ϳéáõóáõÙ »Ýù ï³ñµ»ñ ٳϳñ¹³ÏÝ»ñÇ í»ñݳ·ñ»ñ å³ñáõݳÏáÕ ¿ç: ì»ñݳ·ñÇ Ù³Ï³ñ¹³ÏÁ ëó»Ý³ñáõÙ áñáßáõÙ »Ýù ihead ÷á÷á˳ϳÝÇ ÙÇçáóáí: úñÇݳÏ, »Ã» ihead ÷á÷á˳ϳÝÁ ѳí³ë³ñ ¿ 2Ç, í»ñݳ·ÇñÁ »ñÏñáñ¹ ٳϳñ¹³ÏÇ ¿(<h2>)ª Response.Write “<h” & ihead & “>” “&” ÝÇßÁ VBScript-áõÙ û·ï³·áñÍíáõÙ ¿ ïáÕ»ñÁ ÙÇÙÛ³Ýó Ïó»Éáõ ¨ Ù»Ï ïáÕ ¹³ñÓÝ»Éáõ ѳٳñ: JavaScriptáõÙ ³Û¹ ÝáõÛÝ ·áñͳéáõÛÃÁ ϳï³ñáõÙ ¿ “+” ÝÇßÁ: ²ÛëÇÝùÝ` »Ã» í»ñÁ µ»ñí³Í Ññ³Ù³ÝÁ ·ñ³ÝóíÇ JavaScript-áí, ³å³ ÏÁݹáõÝÇ Ñ»ï¨Û³É ï»ëùÁª Response.Write (“<h” + ihead + “>”); ºÃ» ihead=2, ³å³ Ññ³Ù³ÝÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùáõ٠ѳ׳Ëáñ¹Ç µñ³áõ½»ñÁ ϳñï³å³ïÏ»ñÇ <h2> ï»ë³ÏÇ ï»·: êïáñ¨ Ý»ñϳ۳óí³Í »Ý Response.Write Ù»Ãá¹Ç ÏÇñ³éáõÃÛ³Ý å³ñ½³·áõÛÝ ûñÇݳÏÝ»ñ (³é³çÇÝÁ` VBScript-áí, »ñÏñáñ¹Á` JavaScript-áí ): -------- VBScript--------<%@LANGUAGE="VBSCRIPT"%> <% Response.Write “<html >” 166
Response.Write “<head >” Response.Write “<title > Response.Write Demo </title >” Response.Write “</head ><body>” Response.Write “<h1>” Response.Write “Response Object: Write Method” Response.Write “</h1>” Response.Write “</body></html>” %> -------- JavaScript--------<%@LANGUAGE="JAVASCRIPT"%> <% Response.Write (“<html >”); Response.Write (“<head >”); Response.Write (“<title > Response.Write Demo </title >”); Response.Write (“</head ><body>”); Response.Write (“<h1>”); Response.Write (“Response Object: Write Method”); Response.Write (“</h1>”); Response.Write (“</body></html>”); %> Redirect Ù»Ãá¹Á Redirect Ù»Ãá¹Á ѳ׳Ëáñ¹ÇÝ áõÕÕáõÙ ¿ ³ÛÉ URL ѳëó»áí: úñÇݳÏ, »ñµ web ѳݷáõÛóÁ ï»Õ³÷áËíáõÙ ¿, Ù»Ãá¹Á ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ñ³×³Ëáñ¹Ý»ñÇÝ ÇÝùݳµ»ñ³µ³ñ Ýáñ URL ѳëó»áí áõÕÕ»Éáõ ѳٳñ: êïáñ¨ µ»ñí³Í ¿ ³Û¹åÇëÇ` í»ñ³Ñ³ëó»³íáñáÕ ASP ѳí»Éí³ÍÇ ûñÇݳϪ <%@LANGUAGE="VBSCRIPT"%> <html> <% Response.Redirect NewURL % > </html> Üáñ URL ѳëó»Ý å³Ñå³ÝíáõÙ ¿ NewURL ÷á÷á˳ϳÝáõÙ, ϳ٠·ñ³ÝóíáõÙ ³ÏÝѳÛï »Õ³Ý³Ïáí: ²é³í»É Ñ³×³Ë Redirect Ù»Ãá¹Á û·ï³·áñÍíáõÙ ¿ å³ïÏ»ñ³Ó¨Á å³ñáõݳÏáÕ ¿çÇó ÙÇ ³ÛÉ (ûñÇݳÏ, ³ñ¹ÛáõÝùÝ»ñÇ ³Ù÷á÷Ù³Ý) ¿ç ³ÝóÝ»Éáõ ѳٳñ, »ñµ å³ïÏ»ñ³Ó¨Á ³ñ¹»Ý Éñ³óí³Í ¿ ¨ ë»ñí»ñÇÝ áõÕ³ñÏí³Í: Clear Ù»Ãá¹Á Ø»Ãá¹Á çÝçáõÙ ¿ Response ûµÛ»ÏïÇ µáõý»ñ³óí³Í ïíÛ³ÉÝ»ñÁ: ê³Ï³ÛÝ Ù»Ãá¹Ç ÏÇñ³éáõÃÛ³Ý ³ñ¹ÛáõÝùáõÙ çÝçíáõÙ ¿ ÙdzÛÝ å³ï³ë˳ÝÇ (Ó¨³íáñí³Í ¿çÇ) Ù³ñÙÇÝÁ, ÇëÏ í»ñݳ·ñ³ÛÇÝ ÇÝýáñÙ³óÇ³Ý å³Ñå³ÝíáõÙ ¿ (ûñÇݳϪ Cookie-Ý»ñÁ): ºÃ» Buffer ѳïÏáõÃÛáõÝÁ ѳí³ë³ñ ¿ FALSE, ³å³ Ù»Ãá¹Ç ÏÇñ³éáõÃÛáõÝÁ ϳñáÕ ¿ µ»ñ»É Íñ³·ñÇ Ï³ï³ñÙ³Ý ë˳ÉÝ»ñÇ: Flush Ù»Ãá¹Á ú·ï³·áñÍ»Éáí ³Û¹ Ù»Ãá¹Á, ϳñ»ÉÇ ¿ ϳï³ñ»É ݳ¨ ¿çÇ ³é³ÝÓÇÝ Ù³ë»ñÇ µáõý»ñ³óáõÙÁ, ³ÛëÇÝùÝ` áõÕ³ñÏ»É Ñ³×³Ëáñ¹ÇÝ ³é³ÝÓÇÝ å³ïñ³ëïÇ Ù³ë»ñÁ: ܳ˳å»ë Buffer ѳïÏáõÃÛ³ÝÁ å»ïù ¿ ßÝáñÑ»É TRUE ³ñÅ»ù: úñÇݳϪ <%@LANGUAGE="VBSCRIPT"%> <html> <% Response.Buffer=TRUE ... ASP Ññ³Ù³ÝÝ»ñ... Response.Flush ...ASP Ññ³Ù³ÝÝ»ñ %> </html> ì»ñÁ µ»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ Response.Flush Ññ³Ù³ÝÇ ÙÇçáóáí ѳ׳Ëáñ¹ÇÝ ³ÝÙÇç³å»ë áõÕ³ñÏíáõÙ ¿ ¹ñ³Ý ݳËáñ¹áÕ Ññ³Ù³ÝÝ»ñÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùÁ: ContentType ѳïÏáõÃÛáõÝÁ ²ÛÝ áñáßáõÙ ¿ ѳ׳Ëáñ¹ÇÝ áõÕ³ñÏíáÕ ÷³ëï³ÃÕÃÇ ï»ë³ÏÁ: ContentType ѳïÏáõÃÛáõÝÁ í»ñ³µ»ñáõÙ ¿ ³ÙµáÕç ¿çÇÝ ¨ Write Ù»Ãá¹áí ·ñ³ÝóíáõÙ ¿ ÇÝýáñÙ³ódzÛÇ »Éù³ÛÇÝ ÑáëùÇ ëϽµáõÙ: 167
гïÏáõÃÛ³Ý ³ñÅ»ùÁ Áëï Éé»ÉÛ³ÛÝ Ñ³í³ë³ñ ¿ application/x-www-form-urlencoded”: лï¨Û³É ûñÇݳÏÝ»ñáõ٠ѳïÏáõÃÛ³ÝÁ ïñíáõÙ »Ý ï³ñµ»ñ ³ñÅ»ùÝ»ñª <% Response.ContentType = “text/plain” %> <% Response.ContentType = “image/GIF” %> <% Response.ContentType = “image/JPEG” %> Buffer ѳïÏáõÃÛáõÝÁ: àñáß ¹»åù»ñáõÙ ³é³ç³ÝáõÙ ¿ ¿ç»ñÇ µáõý»ñ³óÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝ, ³ÛëÇÝùÝ` ¿çÁ å»ïù ¿ ѳ׳Ëáñ¹ÇÝ áõÕ³ñÏíÇ ÙdzÛÝ ³ÛÝ ¹»åùáõÙ, »ñµ Ó¨³íáñÙ³Ý µáÉáñ ASP Ññ³Ù³ÝÝ»ñÝ ³ñ¹»Ý ϳï³ñí»É »Ý: ²Û¹ ¹»åùáõÙ Buffer ѳïÏáõÃÛ³ÝÁ ïñíáõÙ ¿ “TRUE” ³ñÅ»ùÁª Response.Buffer=”TRUE” (µáõý»ñ³óáõÙÁ û·ï³·áñÍíáõÙ ¿, ûñÇÝ³Ï ³ÛÝ ¹»åù»ñáõÙ, »ñµ ¿çÁ å»ïù ¿ í»ñ³áõÕÕ»É ÙÇ ³ÛÉ URL ѳëó»Ç): Àëï Éé»ÉÛ³ÛÝ Response ûµÛ»ÏïÁ »Éù³ÛÇÝ ïíÛ³ÉÝ»ñÁ ѳ׳Ëáñ¹ÇÝ ¿ áõÕ³ñÏáõÙ ASP Íñ³·ñÇ Ññ³Ù³ÝÝ»ñÇ Ï³ï³ñÙ³Ý ÁÝóóùáõÙ, ãëå³ë»Éáí ѳçáñ¹áÕ Ññ³Ù³ÝÝ»ñÇ Ï³ï³ñÙ³ÝÁ, ³ÛëÇÝùÝ` ¿çÇ Édzϳï³ñ Ó¨³íáñÙ³ÝÁ (¹³ ѳٳå³ï³ë˳ÝáõÙ ¿ Buffer ѳïÏáõÃÛ³Ý FALSE ³ñÅ»ùÇÝ): ºÃ» ¿çÇ Ùß³ÏÙ³Ý ÁÝóóùáõÙ å³ñ½í»É ¿, áñ ݳËáñ¹ ïíÛ³É-Ý»ñÁ ѳ׳Ëáñ¹ÇÝ å»ïù ã¿ áõÕ³ñÏ»É, ³å³ Buffer ѳïÏáõÃÛ³ÝÁ ï³Éáí TRUE ³ñÅ»ùÁ, ϳñ»ÉÇ ¿ Ùß³ÏáõÙÁ ¹³¹³ñ»óÝ»É ¨ Response ûµÛ»ÏïÇ Clear Ù»Ãá¹áí Ù³ùñ»É »Éù³ÛÇÝ ÑáëùÁ: îÇåÇÏ ëó»Ý³ñÁ áõÝÇ Ñ»ï¨Û³É ï»ëùÁª <% Response.Buffer=TRUE {ëó»Ý³ñÇ Ññ³Ù³ÝÝ»ñÁ} If SupplierName=UserName Then Response.Clear Response.Redirect “/Suppliers/ AllSuppliers.html” Response.End End If %> êó»Ý³ñáõÙ ëï»ÕÍíáõÙ ¿ ¿ç (ûñÇݳϪ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇó ïíÛ³ÉÝ»ñÝ ÁÝûñó»Éáí): ºÃ» å³ñ½íáõÙ ¿, áñ ѳ׳Ëáñ¹Ý Çñ³Ï³ÝáõÙ ³é³ùáÕÝ»ñÇó Ù»ÏÝ ¿, å³ïñ³ëïÇ »Éù³ÛÇÝ ïíÛ³ÉÝ»ñÁ çÝçíáõÙ »Ý, ÇëÏ Ñ³×³Ëáñ¹Á í»ñ³áõÕÕíáõÙ ¿ ³ÛÉ ¿ç: ê³Ï³ÛÝ »Ã» ѳ׳Ëáñ¹Á »ñϳñ Å³Ù³Ý³Ï ãÇ ëï³ÝáõÙ å³ï³ë˳Ý, ݳ ϳñáÕ ¿ áñáß»É, áñ Çñ ѳñóáõÙÁ ãÇ Ùß³ÏíáõÙ: êáíáñ³µ³ñ HTML ¿ç»ñÁ ã»Ý µáõý»ñ³óíáõÙ, áõëïÇ ëáíáñ³Ï³Ý Çñ³íÇ׳ÏÝ»ñáõÙ ASP ¿ç»ñÁ ÝáõÛÝå»ë ãå»ïù ¿ µáõý»ñ³óí»Ý: Response ûµÛ»ÏïÝ áõÝÇ ¨ë ÙÇ ù³ÝÇ Ñ³ïÏáõÃÛáõÝÝ»ñ, áñáÝóÇó ϳñ»ÉÇ ¿ Ýᯐ Charset, Status ¨ Expires-Á: ê³Ï³ÛÝ ³é³í»É Ñ»ï³ùñùÇñ ¨ ÏÇñ³éíáÕ ¿ ûµÛ»ÏïÇ ÙdzÏ` Cookies ѳí³ù³ÍáõÝ: ²ÛÝ û·ï³·áñÍíáõÙ ¿ Cookie ý³ÛÉ»ñÁ ѳ׳Ëáñ¹ÇÝ Ñ³Õáñ¹»Éáõ ѳٳñ: ¸ñ³Ýù ѳïáõÏ ïáÕ»ñ »Ý, áñáÝù å³Ñå³ÝíáõÙ »Ý ÉáÏ³É Ñ³Ù³Ï³ñ·ãáõÙ ¨ Request Ù»Ãá¹Ç û·ÝáõÃÛ³Ùµ ÁÝûñóíáõÙ »Ý ASP ѳí»Éí³ÍáõÙ: Cookie-Ý»ñáõÙ å³Ñå³ÝíáõÙ »Ý áñáß³ÏÇ ïíÛ³ÉÝ»ñ, áñáÝù ѻﳷ³ û·ï³·áñÍÙ³Ý ÁÝóóùáõÙ å»ïù ¿ ÷á˳ݳÏí»Ý web ѳݷáõÛóÇ ï³ñµ»ñ ¿ç»ñÇ ÙÇç¨: Web-áõÙ û·ï³·áñÍíáÕ HTTP ³ñӳݳ·ñáõÃÛáõÝÁ ãÇ Ý³Ë³ï»ëáõÙ íÇ×³Ï ÑÇß»Éáõ Ñݳñ³íáñáõÃÛáõÝÁ: ºñµ ѳ׳Ëáñ¹Á ϳï³ñáõÙ ¿ ѳñóáõÙ, ³ÛÝ ÷á˳ÝóíáõÙ ¿ ë»ñí»ñÇÝ, áñÁ ѳٳå³ï³ëË³Ý ë»ñí»ñ³ÛÇÝ Íñ³·ñÇ ÙÇçáóáí å³ï³ë˳ÝáõÙ ¿ ³Û¹ ѳñóÙ³ÝÁ: ¸ñ³Ýáí ·áñͳéÝáõÃÛáõÝÝ ³í³ñïíáõÙ ¿: ºÃ» ÝáõÛÝ Ñ³×³Ëáñ¹Á ÙÇ ³ÛÉ ÷³ëï³ÃÕÃÇ Ñ³ñóáõÙ ¿ ϳï³ñáõÙ (ÝáõÛÝ ë»ñí»ñÇó), áã ѳ׳Ëáñ¹Á ¨ áã ¿É ë»ñí»ñÁ ã»Ý ÑÇßáõ٠ݳËáñ¹ ·áñͳéÝáõÃÛáõÝÁ: Cookie ý³ÛÉ»ñÇ û·ÝáõÃÛ³Ùµ ÉáõÍíáõÙ ¿ ¿çÇó ¿ç ³ÝóÝ»ÉÇë ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ å³Ñå³Ý»Éáõ ÑÇÙݳËݹÇñÁ: ºÃ» ÙÇ ù³ÝÇ Web ¿ç»ñÝ áõÝ»Ý ýáÝÇ ÝáõÛÝ ·áõÛÝÁ (áñÝ, ûñÇݳÏ, ÁÝïñáõÙ ¿ ߳ѳ·áñÍáÕÁ), ³å³ ³ÛÝ Ï³ñáÕ ¿ å³Ñå³Ýí»É Cookie ý³ÛÉáõÙ ¨ ÁÝûñóí»É ݳËù³Ý Ýáñ ¿ç ϳéáõó»ÉÝ áõ áõÕ³ñÏ»ÉÁ (÷á÷á˳ϳÝÇ å³Ñå³Ýí³Í ³ñÅ»ùÁ ϳñ¹³Éáõ ѳٳñ û·ï³·áñÍíáõÙ ¿ Request ûµÛ»ÏïÇ Cookies ѳïÏáõÃÛáõÝÁ): Cookie-Ç ëï»ÕÍÙ³Ý Ññ³Ù³ÝÇ ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Response.Cookies(“³ÝáõÝÁ”)[(“µ³Ý³ÉÇ”)] [.³ïñǵáõï]=³ñÅ»ù “´³Ý³ÉÇÝ” ¨ “³ïñǵáõïÁ” áã å³ñï³¹Çñ å³ñ³Ù»ïñ»ñ »Ý ¨ û·ï³·áñÍíáõÙ »Ý ³ÛÝ ¹»åù»ñáõÙ, »ñµ ϳéáõóíáõÙ »Ý Cookie-Ý»ñÇ, ³Ûëå»ë Ïáãí³Í, µ³é³ñ³ÝÝ»ñ, ³ÛëÇÝùÝ` ÙǨÝáõÛÝ ³ÝáõÝÁ, µ³Ûó ï³ñµ»ñ µ³Ý³ÉÇÝ»ñ áõÝ»óáÕ Cookie-Ý»ñ: úñÇݳÏ, »Ã» ëï»ÕÍíáõÙ »Ý ÙÇ ù³ÝÇ ï³ñµ»ñ ·áõݳÛÇÝ ³ñÅ»ùÝ»ñ å³Ñå³ÝáÕ, µ³Ûó “color” ÁݹѳÝáõñ ³ÝáõÝ áõÝ»óáÕ Cookie-Ý»ñ, ³å³ Íñ³·ñ³ÛÇÝ Ïá¹Á ÏÉÇÝÇ Ñ»ï¨Û³ÉÁª <% 168
Response.Cookies(“COLOR”)(“col1”)=”green” Response.Cookies(“COLOR”)(“col2”)=”red” Response.Cookies(“COLOR”)(“col3”)=”dark blue” %> Response ûµÛ»ÏïÇ í»ñݳ·ñ³ÛÇÝ Ù³ëáõÙ Ï·ñ³ÝóíǪ Set-Cookie: COLOR=col1=green&col2=red&col3=dark+blue ºÃ» ³ÛÅÙ ëï»ÕÍíÇ ÝáõÛݳÝáõÝ Cookie, áñÁ ãáõÝÇ µ³Ý³ÉÇ, ³å³ µáÉáñ ݳËáñ¹ ëï»ÕÍí³ÍÝ»ñÁ ÏçÝçí»Ý: úñÇݳÏ, »Ã» ·ñ³ÝóíǪ Response.Cookies(“COLOR”) =”black”, ݳËáñ¹ »ñ»ù Cookie-Ý»ñÁ Ïí»ñ³Ý³Ý: ê³Ï³ÛÝ »Ã» ·ñ³Ýó»Ýùª Response.Cookies(“COLOR”) (“col4”) =”black”, ³Û¹ ¹»åùáõÙ Ïå³Ñå³Ýí»Ý ݳ¨ ݳËáñ¹Ý»ñÁ: Âí³ñÏ»Ýù Cookie-Ý»ñÇ ¨ë ÙÇ ù³ÝÇ µÝáõó·ñÇãÝ»ñ. Domain - ³½¹³ñ³ñáõÙ ¿, áñ ïíÛ³É Cookie-Ý ÏáõÕ³ñÏíÇ ÙdzÛÝ ïíÛ³É ¹áÙ»ÛÝÇó »Ï³Í ϳÝã»ñÇÝ, Expires - ë³ÑÙ³ÝáõÙ ¿ ·áñͳÍáõÃÛ³Ý Å³ÙÏ»ïÁ, Path - ³½¹³ñ³ñáõÙ ¿, áñ ïíÛ³É Cookie-Ý ÏáõÕ³ñÏíÇ ÙdzÛÝ ïíÛ³É Ñ³ëó»Çó »Ï³Í ϳÝã»ñÇÝ, Secure – ë³ÑÙ³ÝáõÙ ¿ å³ßïå³Ýí³ÍáõÃÛáõÝÁ (ϳñáÕ ¿ ÁݹáõÝ»É »ñÏáõ ³ñÅ»ùª TRUE ¨ FALSE): úñÇݳϪ <% Response.Cookies(“COLOR”) = ”black” Response.Cookies(“COLOR”).Expires = ”July 31, 2010” Response.Cookies(“COLOR”).Domain = ”msn.com” Response.Cookies(“COLOR”).Path = ”/www/home/” Response.Cookies(“COLOR”).Secure = FALSE %>
4.3.2. Request ûµÛ»ÏïÁ Request ûµÛ»ÏïÇ ÙÇçáóáí ëÏñÇåïáõÙ ÁÝûñóíáõÙ ¿ ѳ׳Ëáñ¹Ý»ñÇó ëï³ó³Í ÇÝýáñÙ³ódzÝ, ÇÝãå»ë ݳ¨ Cookie ý³ÛÉ»ñÇ ³ñÅ»ùÝ»ñÁ: úµÛ»ÏïÝ áõÝÇ Ù»Ï Ñ³ïÏáõÃÛáõÝ` TotalBytes, áñÇ ÙÇçáóáí áñáßíáõÙ ¿ ѳ׳Ëáñ¹Çó ëï³ó³Í ѳñóÙ³Ý Ù³ñÙÝáõÙ å³ñáõݳÏíáÕ ïíÛ³ÉÝ»ñÇ Í³í³ÉÁ` µ³Ûï»ñáí: êïáñ¨ Ý»ñϳ۳óí³Í ëÏñÇåïáõÙ ëï»ÕÍíáõÙ ¿ bytecount ÷á÷á˳ϳÝÁ, ¨ ¹ñ³Ý ïñíáõÙ ¿ ѳñóÙ³Ý ÙÇçáóáí Request-Çó ëï³óí³Í µ³Ûï»ñÇ ÁݹѳÝáõñ ù³Ý³ÏÁ` <% Dim bytecount bytecount = Request.TotalBytes %>: úµÛ»ÏïÇ ÙdzÏ` BinaryRead(count) Ù»Ãá¹Á ÃáõÛÉ ¿ ï³ÉÇë ½³Ý·í³ÍÇ ï»ëùáí í»ñ³¹³ñÓÝ»É post Ù»Ãá¹áí áõÕ³ñÏí³Í ѳñóÙ³Ý ïíÛ³ÉÝ»ñÇ count ͳí³Éáí Ù³ëÁ ¨ å³Ñå³Ý»É ³ÛÝ SafeArray (ϳ٠Variant) ½³Ý·í³ÍáõÙ: êïáñ¨ µ»ñí³Í ûñÇݳÏáõÙ í»ñ³Ï³Ý·ÝíáõÙ »Ý ѳñóÙ³Ý µáÉáñ µ³Ûï»ñÁ` <% Dim vntPostedData, lngCount lngCount = Request.TotalBytes vntPostedData = Request.BinaryRead(lngCount) %>: ²é³í»É ϳñ¨áñ ¨ Ñ³×³Ë û·ï³·áñÍíáÕ »Ý Request ûµÛ»ÏïÇ ÑÇÝ· ѳí³ù³ÍáõÝ»ñÁ (ÏáÉ»ÏódzݻñÁ)` QueryString - í»ñ³¹³ñÓÝáõÙ ¿ ѳñóÙ³Ý ïáÕÇ (GET Ù»Ãá¹áí áõÕ³ñÏí³Í) “?” Ýß³ÝÇÝ Ñ³çáñ¹áÕ Ù³ëÁ (QUERY_STRING ë»ñí»ñ³ÛÇÝ ÷á÷á˳ϳÝÇ í»ñÉáõÍí³Í í³ñϳÍÝ ¿): ServerVariables - í»ñ³¹³ñÓÝáõÙ ¿ ë»ñí»ñÇ ÙÇç³í³ÛñÇ µáÉáñ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ: Cookies - í»ñ³¹³ñÓÝáõÙ ¿ HTTP ѳñóÙ³Ý ÙÇçáóáí áõÕ³ñÏí³Í µáÉáñ Cookie ý³ÛÉ»ñÁ: Form - í»ñ³¹³ñÓÝáõÙ ¿ POST Ù»Ãá¹áí ѳÕáñ¹í³Í å³ïÏ»ñ³Ó¨Ç µáÉáñ ï³ññ»ñÇ ³ñÅ»ùÝ»ñÁ (áñáÝù ï»Õ³¹ñíáõÙ »Ý ѳñóÙ³Ý Ù³ñÙÝáõÙ): ClientCertificate – í»ñ³¹³ñÓÝáõÙ ¿ web µñ³áõ½»ñÇ Ñ³í³ëï³·ñÙ³Ý ¹³ßï»ñÇ ³ñÅ»ùÝ»ñÁ: QueryString ѳí³ù³ÍáõÝ: гñóáõÙÁ ϳñáÕ ¿ Ó¨³íáñí»É ÙÇ ù³ÝÇ »Õ³Ý³ÏÝ»ñáí: лï¨Û³É ûñÇݳÏáõÙ ³ÛÝ Ï³éáõóíáõÙ ¿ ˳ñëËÇ (ÑÕáõÙÇ) ÙÇçáóáí` <a href= "example.asp?string=ë³ ûñÇÝ³Ï ¿">ïáÕÇ ûñÇݳÏ</a>: 169
γ½Ù»Éáí Ñ»ï¨Û³É Ññ³Ù³ÝÁ` <% Response.Write(Request.QueryString) %> ³ñ¹ÛáõÝùáõÙ Ïëï³Ý³Ýù “ë³+ûñÇݳÏ+¿” í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ: гñóÙ³Ý ïáÕÁ ϳñ»ÉÇ ¿ ϳéáõó»É ݳ¨ å³ïÏ»ñ³Ó¨Ç ÙÇçáóáí (»ñµ í»ñçÇÝë ѳÕáñ¹íáõÙ ¿ get Ù»Ãá¹áí): öá÷á˳ϳÝÝ»ñÇ ù³Ý³ÏÁ ³Ûë ¹»åùáõ٠ϳñ»ÉÇ ¿ áñáß»É` ÏÇñ³é»Éáí ѳí³ù³ÍáõÇ Count ѳïÏáõÃÛáõÝÁ` <% Dim varCount= Request.QueryString.Count %> ì»ñÁ µ»ñí³Í ûñÇݳÏáõÙ varCount ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ÏÉÇÝÇ 0, ù³ÝÇ áñ ѳñóáõÙÁ ãáõÝÇ “³ÝáõÝ=³ñÅ»ù” ï»ë³ÏÇ ·ñ³ÝóáõÙÝ»ñ: ²é³ÝÓÇÝ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ϳñ»ÉÇ ¿ ëï³Ý³É Áëï ÷á÷á˳ϳÝÝ»ñÇ Ñ³Ù³ñÝ»ñÇ (½³Ý·í³ÍáõÙ) ϳ٠Áëï ¹ñ³Ýó ³ÝáõÝÝ»ñÇ: úñÇݳÏ, »Ã» ѳñóÙ³Ý ïáÕÝ áõÝÇ Ñ»ï¨Û³É ï»ëùÁ` name=ì³Õ³ñß&age=25, ³å³ Ñ»ï¨Û³É »ñÏáõ ¹»åùáõÙ ¿É Ò»ñ ³ÝáõÝÝ ¿` <%= Request.QueryString(0) %>, Ò»ñ ³ÝáõÝÝ ¿` <%= Request.QueryString(“name”) %> »Éù³ÛÇÝ ¿çáõ٠ϳñï³å³ïÏ»ñíÇ` “Ò»ñ ³ÝáõÝÝ ¿` ì³Õ³ñß” ïáÕÁ: ºñµ ѳñóÙ³Ý ïáÕÇ ÷á÷á˳ϳÝÝ»ñÇ ³ÝáõÝÝ»ñÁ ѳÛïÝÇ ã»Ý, ϳñ»ÉÇ ¿ ¹ñ³Ýó ³ñÅ»ùÝ»ñÁ ëï³Ý³É` û·ï³·áñÍ»Éáí óÇÏÉÇ áñ¨¿ ûå»ñ³ïáñ: úñÇݳÏ, »Ã» ѳñóÙ³Ý ïáÕÁ Ñ»ï¨Û³ÉÝ ¿` http://localhost/script/names.asp?name=²½³ï&name=ÞáÕÇÏ, ëïáñ¨ µ»ñí³Í Íñ³·ÇñÁ (name.asp) ϳñï³å³ïÏ»ñÇ Ñ³ñóÙ³Ý ïáÕÇ µáÉáñ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ: <% For Each item In Request.QueryString Response.Write Request.QueryString (item) & "<br />" Next %>: ²ñ¹ÛáõÝùáõÙ Ïëï³óíÇ` ²½³ï ÞáÕÇÏ: ÜáõÛÝ Ùáï»óáõÙÁ ϳñ»ÉÇ ¿ ÏÇñ³é»É ݳ¨, »ñµ ѳñóÙ³Ý ïáÕÝ Áݹ·ñÏáõÙ ¿ ÙǨÝáõÛÝ ³ÝáõÝáí ÙÇ ù³ÝÇ ÷á÷á˳ϳÝÝ»ñ: Àݹ áñáõÙ, ³Û¹ ÷á÷á˳ϳÝÝ»ñÁ Ïϳ½Ù»Ý ³é³ÝÓÇÝ »Ýó½³Ý·í³Í (í»ñçÇÝ ûñÇݳÏáõÙ ¹³ Request.QueryString (“name”) ½³Ý·í³ÍÝ ¿): name.asp ý³ÛÉÁ ·ñ³ÝóíáõÙ ¿ Ñ»ï¨Û³É ï»ëùáí` <% For Each item In Request.QueryString(“name”) Response.Write Request.QueryString(“name”)(item) & "<br />" Next %> ²ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùÁ ÏÉÇÝÇ ÝáõÛÝÁ, ÇÝã ¨ ݳËáñ¹ ûñÇݳÏáõÙ: ServerVariables ѳí³ù³ÍáõÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` Request.ServerVariables (÷á÷á˳ϳÝÇ_³ÝáõÝÁ): гí³ù³ÍáõáõÙ å³Ñå³ÝíáõÙ ¿ ³ÙµáÕç ³éϳ ÇÝýáñÙ³óÇ³Ý Ñ³×³Ëáñ¹Ç ¨ ë»ñí»ñÇ í»ñ³µ»ñÛ³É: Âí³ñÏ»Ýù ѳí³ù³ÍáõÇ ³é³í»É Ñ³×³Ë û·ï³·áñÍíáÕ ÷á÷á˳ϳÝÝ»ñÁ. SERVER_NAME - ë»ñí»ñÇ DNS ³ÝáõÝÁ, ÑáëïÇ ³ÝáõÝÁ ϳ٠IP ѳëó»Ý, »ñµ ³ÛÝ Ó¨³íáñíáõÙ ¿ ÇÝùÝ Çñ»Ý ¹ÇÙ»Éáõ ѳٳñ: SERVER_PROTOCOL - ³ñӳݳ·ñáõÃÛ³Ý û·ï³·áñÍíáÕ í³ñϳÍÇ ³ÝáõÝÁ ¨ ѳٳñÁ (ëáíáñ³µ³ñ` HTTP / 1.1): SERVER_PORT – åáñïÇ Ñ³Ù³ñÁ, áñÇó ëï³óí»É ¿ ѳñóáõÙÁ, ûñÇݳÏ` 80: SERVER_SOFTWARE - ë»ñí»ñ³ÛÇÝ Íñ³·ñ³ÛÇÝ ³å³ÑáíÙ³Ý ³ÝáõÝÁ ¨ í³ñϳÍÁ: ¶ñ³ÝóíáõÙ ¿ ³ÝáõÝ/í³ñÏ³Í Ó¨³ã³÷áõÙ, ûñÇݳÏ` Apache/1.3.20(Darwin): SCRIPT_NAME - ϳï³ñíáÕ ëó»Ý³ñÇ íÇñïáõ³É áõÕÇÝ ¨ ³ÝáõÝÁ, ûñÇݳÏ` /scripts/printany.asp: QUERY_STRING - URL-áõÙ (?) ѳñó³Ï³Ý Ýß³ÝÇÝ Ñ³çáñ¹áÕ ÇÝýáñÙ³ódzÝ, ûñÇݳÏ` name=ì³Õ³ñß&age=25: 170
REQUEST_METHOD - Ù»Ãá¹Á, áñÝ û·ï³·áñÍíáõÙ ¿ ѳ׳Ëáñ¹Ç ïíÛ³ÉÝ»ñÁ ë»ñí»ñÇÝ áõÕ³ñÏ»Éáõ ѳٳñ: ²é³í»É Ñ³×³Ë ¹³ GET ¨ POST ³ñÅ»ùÝ»ñÝ »Ý (ϳñáÕ ¿ ÉÇÝ»É Ý³¨ PUT, HEAD ¨ ³ÛÉÝ): CONTENT_TYPE - ë»ñí»ñÇÝ áõÕ³ñÏíáÕ ïíÛ³ÉÝ»ñÇ ï»ë³ÏÁ: Àëï Éé»ÉÛ³ÛÝ` text/html: CONTENT_LENGTH - ïíÛ³ÉÝ»ñÁ å³ñáõݳÏáÕ ïáÕÇ »ñϳñáõÃÛáõÝÁ (û·ï³·áñÍíáõÙ ¿ POST Ù»Ãá¹Ç ÏÇñ³éáõÃÛ³Ý ¹»åùáõÙ): REMOTE_HOST – Ñ»é³óí³Í ÑáëïÇ ³ÝáõÝÁ, áñÇó ϳï³ñí»É ¿ ѳñóáõÙÁ: ºñµ ³Û¹ ÇÝýáñÙ³óÇ³Ý µ³ó³Ï³ÛáõÙ ¿, ÷á÷á˳ϳÝÇÝ ïñíáõÙ ¿ ¹³ï³ñÏ ³ñÅ»ù: REMOTE_ADDR - ѳ׳Ëáñ¹Ç IP ѳëó»Ý, áñÇó ëï³óí»É ¿ ѳñóáõÙÁ, ûñÇݳÏ` 192.168.1.5. лï¨Û³É Íñ³·ÇñÁ (servvar.asp) ³ÕÛáõë³ÏÇ ï»ëùáí ³ñï³ïåáõÙ ¿ ë»ñí»ñ³ÛÇÝ µáÉáñ ÷á÷á˳ϳÝÝ»ñÁ (ëï³óíáÕ ³ÕÛáõë³ÏÇ ÙÇ Ù³ëÁ Ý»ñϳ۳óí³Í ¿ å³ïÏ»ñ 4.3.1-áõÙ)` Ìñ. 4.3.1. ê»ñí»ñ³ÛÇÝ ÷á÷á˳ϳÝÝ»ñÁ ³ñï³ïåáÕ servvar.asp ý³ÛÉÁ <%@LANGUAGE="VBSCRIPT"%> <html> <head><title>ASP Process Environment</title> </head> <body> <table border="1"> <thead><th>öá÷á˳ϳÝÁ</th><th>²ñÅ»ùÁ</th ></thead> <% For Each strKey In Request.ServerVariables %> <tr> <td><%= strKey %></td> <td><%= Request.ServerVariables(strKey) %></td> </tr> <% Next %> </table><body></html> Cookies ѳí³ù³ÍáõÝ hݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éáõÙ ëï³Ý³Éáõ Cookie ý³ÛÉ»ñÇ ³ñÅ»ùÝ»ñÁ: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` Request.Cookies(³ÝáõÝ)[(µ³Ý³ÉÇÝ)|.³ïñǵáõïÁ]:
ä³ïÏ»ñ 4.3.1. ê»ñí»ñÇ ÙÇç³í³ÛñÇ ÷á÷á˳ϳÝÝ»ñÁ
171
ä³ñ½³·áõÛÝ ¹»åùáõÙ, »ñµ Cookie-Ý µ³é³ñ³Ý ã¿ (³ÛëÇÝùÝ` ãÇ å³ñáõݳÏáõÙ »Ýóµ³Ý³ÉÇÝ»ñáí ï³ñµ»ñíáÕ ÙÇ ù³ÝÇ ³ñÅ»ùÝ»ñ), ¹ñ³ ³ñÅ»ùÁ ϳñ»ÉÇ ¿ ëï³Ý³É Ñ»ï¨Û³É Ññ³Ù³ÝÇ û·ÝáõÃÛ³Ùµ` <%= Request.Cookies("myCookie") %>: ºÃ» »ñÏáõ Cookie-Ý áõÝ»Ý ÙǨÝáõÛÝ ³ÝáõÝÁ ¨ ã»Ý ï³ñµ»ñíáõÙ »Ýóµ³Ý³ÉÇáí, í»ñÁ µ»ñí³Í ·ñ³ÝóÙ³Ý ¹»åùáõ٠ϳñï³ïåíÇ ³ÛÝ Cookie-Ý, áñÇ áõÕÇÝ ³í»ÉÇ »ñϳñ ¿: úñÇݳÏ, »ñÏáõ ÝáõÛݳÝáõÝ Cookie-Çó Ù»ÏÇ áõÕÇÝ ¿ /www/, ÙÛáõëÇÝÁ` /www/home/: Àݹ áñáõÙ, ѳ׳Ëáñ¹Ç µñ³áõ½»ñáõÙ ¹ñ³Ýù ï»Õ³¹ñí³Í »Ý /www/home/ ¹Çñ»ÏïáñdzÛáõÙ: ²ÛëåÇëÇ ¹»åùáõÙ Request.Cookies Ññ³Ù³ÝÁ Ïí»ñ³¹³ñÓÝÇ ÙdzÛÝ »ñÏñáñ¹ Cookie-Ý: ê³Ï³ÛÝ Ñݳñ³íáñ ¿ ëï³Ý³É ¨° µáÉáñ Cookie-Ý»ñÇ ³ÝáõÝÝ»ñÁ, ¨° µáÉáñ »Ýóµ³Ý³ÉÇÝ»ñÇ ³Ýí³ÝáõÙÝ»ñÁ: ¸³ ϳñ»ÉÇ ¿ Çñ³·áñÍ»É, ûñÇݳÏ, Ñ»ï¨Û³É Íñ³·ñÇ ÙÇçáóáí` <% For Each strKey In Request.Cookies Response.Write strKey & " = " & Request.Cookies(strKey) & "<br />" If Request.Cookies(strKey).HasKeys Then For Each strSubKey In Request.Cookies(strKey) Response.Write "- >" & strKey & "(" & strSubKey & ") = " &_ Request.Cookies(strKey)(strSubKey) & "<br />" Next End If Next %> Form ѳí³ù³ÍáõÝ: ÆÝãå»ë ¨ QueryString-Á, Form ѳí³ù³-ÍáõÝ å³ñáõݳÏáõÙ ¿ å³ñ³Ù»ïñ»ñÇ ³ñÅ»ùÝ»ñ: ê³Ï³ÛÝ »Ã» QueryString-áõÙ Áݹ·ñÏíáõÙ »Ý ë»ñí»ñÇÝ Ñ³Õáñ¹íáÕ µáÉáñ å³ñ³Ù»ïñ»ñÁ, ³å³ Form-áõÙ` ÙdzÛÝ å³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇÝ í»ñ³µ»ñáÕ ïíÛ³ÉÝ»ñÁ: ²é³ÝÓÇÝ ï³ññÇ ³ñÅ»ùÁ ëï³Ý³Éáõ ѳٳñ ³ÝÑñ³Å»ßï Ññ³Ù³ÝÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Request.Form(ï³ññÇ ³ÝáõÝÁ) ºÃ» ï³ññÁ ϳñáÕ ¿ áõÝ»Ý³É Ù»ÏÇó ³í»ÉÇ ³ñÅ»ùÝ»ñ (³ÛëÇÝùÝ` ѳí³ù³Íáõ ¿, ûñÇݳÏ, <select> ë³ÑÁÝÏÝáÕ ÁÝïñ³ó³ÝÏÁ), ³å³ ¹ñ³ ³ñÅ»ùÝ»ñÇ ù³Ý³ÏÁ ϳñ»ÉÇ ¿ áñáᯐ Count ѳïÏáõÃÛ³Ý ÙÇçáóáíª Request.Form(ï³ññÇ ³ÝáõÝÁ).Count, Áݹ áñáõÙ` ¹ñ³Ýó ѳٳñ³Ï³ÉáõÙÁ ëÏëíáõÙ ¿ 1-Çó (áã 0-Çó): ´³½Ù³ÏÇ ³ñÅ»ùÝ»ñ ãáõÝ»óáÕ ï³ññ»ñÇ Count ѳïÏáõÃÛ³Ý ³ñÅ»ùÁ ѳí³ë³ñ ¿ 1-Ç, ÇëÏ »ñµ ïíÛ³É ³ÝáõÝáí ï³ññ ãÇ ·ïÝí»Éª 0-Ç: úñÇݳÏ, ë»ñí»ñÇÝ Ñ³Õáñ¹íáõÙ »Ý Ñ»ï¨Û³É å³ïÏ»ñ³Ó¨Ç ³ñÅ»ùÝ»ñÁª <form action = "/scripts/submit.asp" method = "post"> <p>Ò»ñ ³ÝáõÝÁ: <input name ="firstname" size =”40”></p> <p>ä³Õå³Õ³ÏÇ á±ñ ï»ë³ÏÝ »ù ¹áõù ݳËÁÝïñáõÙ: <select name = "flavor"> <option>í³ÝÇɳÛÇÝ</option> <option>»É³ÏÇ</option> <option>ßáÏáɳ¹»</option> <option>ÁÝÏáõÛ½áí</option></select></p> <p> <button type =”submit”>àõÕ³ñÏ»É</button> </form></p> ºÃ» Ññ³Ù³ÝÁ ·ñ³ÝóíÇ Ñ»ï¨Û³É Ï»ñåª <%= Request.Form %>, ϳñï³ïåíÇ ãÙß³Ïí³Í ѳñóÙ³Ý ïáÕÁ, ûñÇݳϪ firstname=²ñÙ»Ý&flavor=»É³ÏÇ (ѳ׳Ëáñ¹Ç ³ÝáõÝÁ ²ñÙ»Ý ¿, ¨ ݳ ëÇñáõÙ ¿ »É³ÏÇ å³Õå³Õ³Ï): ÆëÏ »Ã» Ó¨³Ï»ñå»Ýùª ´³ñ¨ Ò»½, <%= Request.Form("firstname") %>: ¸áõù ëÇñáõÙ »ù <%= Request.Form("flavor") %> å³Õå³Õ³Ï: ϳñï³ïåíÇ Ñ»ï¨Û³É ïáÕÁª ´³ñ¨ Ò»½, ²ñÙ»Ý: ¸áõù ëÇñáõÙ »ù »É³ÏÇ å³Õå³Õ³Ï: ClientCertificate ѳí³ù³ÍáõÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Request.ClientCertificate( Key[SubField] ) гí³ëï³·ÇñÁ µ³Õϳó³Í ¿ Ñ»ï¨Û³É ¹³ßï»ñÇóª Certificate – »ñÏáõ³Ï³Ý ïáÕ ¿, áñÁ óáõó³¹ñáõÙ ¿ ѳí³ëï³·ñÇ µáí³Ý¹³ÏáõÃÛáõÝÁ ASN.1 172
Ó¨³ã³÷áõÙ: Issuer – ïáÕ ¿, áñÁ µ³Õϳó³Í ¿ Ññ³ï³ñ³ÏáÕÇ í»ñ³µ»ñÛ³É ïíÛ³ÉÝ»ñÁ å³ñáõݳÏáÕ »Ýó¹³ßï»ñÇó: ú·ï³·áñÍ»Éáí SubField µ³Ý³ÉÇÝ»ñÁ` ϳñ»ÉÇ ¿ ëï³Ý³É Ûáõñ³ù³ÝãÛáõñ »Ýó¹³ßïáõÙ ·ñ³Ýóí³Í ³ñÅ»ùÁ: úñÇݳϪ <%Request.ClientCertificate(“IssuerCN”)[“C”]%>·ñ³ÝóÙ³Ý ¹»åùáõÙ Ïëï³Ý³Ýù Ññ³ï³ñ³ÏáÕÇ ·ïÝí»Éáõ í³ÛñÁ (US, RU ¨ ³ÛÉÝ): лï¨Û³É ·ñ³ÝóÙ³Ý ¹»åùáõÙª <%Request.ClientCertificate(“IssuerCN”)%> ï»Õ»ÏáõÃÛáõÝÝ»ñÁ ÏÓ¨³Ï»ñåí»Ý ³ÕÛáõë³Ï³ÛÇÝ (commasepareted values) ï»ëùáí: SerialNumber – ѳí³ëï³·ñÇ ë»ñÇ³Ï³Ý Ñ³Ù³ñÝ ¿, ûñÇݳϪ 04-67-F3-02: Subject – ïíÛ³ÉÝ»ñÝ »Ý ѳí³ëï³·ñíáÕ ëáõµÛ»ÏïÇ í»ñ³µ»ñÛ³É (ëï³óÙ³Ý »Õ³Ý³ÏÁ ÝáõÛÝÝ ¿, ÇÝã Issuer-ÇÝÁ): ValidFrom – ѳí³ëï³·ñÇ áõÅÇ Ù»ç ÙïÝ»Éáõ ųÙÏ»ïÁ: ValidUntil – ѳí³ëï³·ñÇ áõÅÁ ÏáñóÝ»Éáõ ųÙÏ»ïÁ: Âí³ñÏ»Ýù ݳ¨ Issue ¨ Subject-Ç Ñݳñ³íáñ »Ýó¹³ßï»ñÁª C - »ñÏñÇ (ï³ñ³Í³ßñç³ÝÇ) ³Ýí³ÝáõÙÁ, CN – û·ïíáÕÇ ÁݹѳÝáõñ ³ÝáõÝÁ, GN – û·ïíáÕÇ Ñ³ïáõÏ ³ÝáõÝÁ, I – ÇÝÇódzÉÝ»ñÁ, L – ѳëó»Ý, O – ϳ½Ù³Ï»ñåáõÃÛ³Ý ³Ýí³ÝáõÙÁ, OU – ϳ½Ù³Ï»ñåáõÃÛ³Ý ÙdzíáñÇ ³ÝáõÝÁ:
173
¢ 4.4. Session ¨ Application ûµÛ»ÏïÝ»ñÇ ÏÇñ³éáõÃÛáõÝÁ Session ûµÛ»ÏïÁ û·ï³·áñÍíáõÙ ¿ ³é³ÝÓÇÝ Ñ³×³Ëáñ¹Ç ÁÝóóÇÏ ë»³ÝëÇ í»ñ³µ»ñÛ³É ÇÝýáñÙ³óÇ³Ý å³Ñå³Ý»Éáõ ¨ í»ñ³¹³ñÓÝ»Éáõ ѳٳñ: Ð³×³Ë ÙǨÝáõÛÝ ÇÝýáñÙ³óÇ³Ý ³ÝÑñ³Å»ßï ¿ ÉÇÝáõÙ û·ï³·áñÍ»É web ϳÛùÇ ï³ñµ»ñ ¿ç»ñáõÙ: úñÇݳÏ, »ñµ å»ïù ¿ å³ñ½»É û·ïíáÕÇ ³ÝáõÝÁ ¨ ÷á˳Ýó»É ³ÛÝ ÙÇ ³ÛÉ ¿ç ϳ٠óáõó³¹ñ»É ïíÛ³É Ñ³×³Ëáñ¹Ç í»ñçÇÝ ³Ûó»ÉáõÃÛ³Ý ï³ñ»ÃÇíÝ áõ ųÙÏ»ïÁ ¨ ³ÛÉÝ: ¸³ ϳñ»ÉÇ ¿ Çñ³Ï³Ý³óÝ»É Ñ»ï¨Û³É »Õ³Ý³ÏÝ»ñáí. ÆÝýáñÙ³óÇ³Ý å³Ñå³Ý»É Session ¨ Application ûµÛ»ÏïÝ»ñáõÙ, áñáÝó ÷á÷á˳ϳÝÝ»ñÁ Ñݳñ³íáñ ¿ û·ï³·áñÍ»É µáÉáñ ¿ç»ñáõÙ: ÆÝýáñÙ³óÇ³Ý å³Ñå³Ý»É Cookie ý³ÛÉ»ñáõÙ` ϳï³ñ»Éáí ³ÝÑñ³Å»ßï ÷á÷áËáõÃÛáõÝÝ»ñÁ Ûáõñ³ù³ÝãÛáõñ Ýáñ ѳ׳ËÙ³Ý ÁÝóóùáõÙ: ÆÝýáñÙ³óÇ³Ý å³Ñå³Ý»É ïíÛ³ÉÝ»ñÇ µ³½³ÛáõÙ` ϳå³Ïó»Éáí ³ÛÝ Ï³ÛùÇÝ ¨ û·ï³·áñÍ»Éáí ïíÛ³ÉÝ»ñÇ í»ñÉáõÍáõÃÛ³Ý ¨ ï»ë³Ï³íáñÙ³Ý Ñ³Ù³å³ï³ëË³Ý ·áñÍÇù³ÛÇÝ ³å³ÑáíáõÙÁ: ºñµ ³é³çÇÝ Ñ³×³Ëáñ¹Á ¹ÇÙáõÙ ¿ ASP ϳÛùÇÝ (ѳïáõÏ ·ñ³Ï³ÝáõÃÛáõÝáõÙ ³ÛÝ ³Ýí³ÝáõÙ »Ý application, ÇÝãå»ë ¨ ó³Ýϳó³Í Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³Ýù), ë»ñí»ñÁ ³ÝÙÇç³å»ë ëï»ÕÍáõÙ ¿ Ù»Ï Application ûµÛ»Ïï, áñÁ å³Ñå³ÝíáõÙ ¿ ϳÛùÇ ³ß˳ï³ÝùÇ ³ÙµáÕç ÁÝóóùáõÙ: úµÛ»ÏïÁ ϳ½Ù³ÉáõÍíáõÙ ¿ ³ÛÝ å³ÑÇÝ, »ñµ í»ñçÇÝ Ñ³×³Ëáñ¹Á Ñ»é³ÝáõÙ ¿ ϳÛùÇó: Session ûµÛ»ÏïÁ ëï»ÕÍíáõÙ ¿ Ûáõñ³ù³ÝãÛáõñ ³é³ÝÓÇÝ û·ïíáÕÇ Ñ³Ù³ñ ³ÛÝ å³ÑÇÝ, »ñµ ݳ ³é³çÇÝ ³Ý·³Ù ¹ÇÙáõÙ ¿ ϳÛùÇÝ: úµÛ»ÏïÁ í»ñ³óíáõÙ ¿, »ñµ ³Û¹ û·ïíáÕÁ ϳÙáíÇÝ (³Ýç³ïáõÙ ¿ µñ³áõ½»ñÁ) ϳ٠ëïÇåáÕ³Ï³Ý (ÏÇñ³éíáõÙ ¿ Session.Abandon Ù»Ãá¹Á) ÉùáõÙ ¿ ϳÛùÁ: Æ ï³ñµ»ñáõÃÛáõÝ ApplicationÇ, áñÁ ÁݹѳÝñ³Ï³Ý ¿ µáÉáñ ѳ׳Ëáñ¹Ý»ñÇ Ñ³Ù³ñ, Session ûµÛ»ÏïÁ ÁݹѳÝñ³Ï³Ý ¿ ÙdzÛÝ ³é³ÝÓÇÝ Ñ³×³Ëáñ¹Ç ï»ë³Ï»ïÇó: êï»ÕÍ»Éáõ ¨ ÷á÷á˳ϳÝÝ»ñÇÝ ³ñÅ»ùÝ»ñ ßÝáñÑ»Éáõ »Õ³Ý³ÏÁ »ñÏáõ ûµÛ»ÏïÝ»ñÇ Ñ³Ù³ñ ¿É ÙǨÝáõÛÝÝ ¿ª Application(“÷á÷á˳ϳÝÇ_³ÝáõÝ”) = ³ñÅ»ù Session(“÷á÷á˳ϳÝÇ_³ÝáõÝ”) = ³ñÅ»ù ³ñÅ»ù = Application(“÷á÷á˳ϳÝÇ_³ÝáõÝ”) ³ñÅ»ù = Session(“÷á÷á˳ϳÝÇ_³ÝáõÝ”) úñÇݳÏ, IIS ë»ñí»ñáõÙ ÏÇñ³éíáõÙ ¿ Global.asa ý³ÛÉÁ, áñÁ ÇÝùݳµ»ñ³µ³ñ ·áñͳñÏíáõÙ ¿, »ñµ ·áñͳñÏíáõÙ ¿ ϳ٠÷³Ïíáõ٠ϳÛùÁ, ϳ٠»ñµ Ûáõñ³ù³ÝãÛáõñ ³é³ÝÓÇÝ Ñ³×³Ëáñ¹ ëÏëáõÙ ¨ í»ñç³óÝáõÙ ¿ 뻳ÝëÁ: ºñµ ϳÛùÝ ³Ûó»ÉáõÙ ¿ ³é³çÇÝ Ñ³×³Ëáñ¹Á, ·áñͳñÏíáõÙ ¿ Global.asa ý³ÛÉÇ Application_OnStart Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÇãÁ, áñÝ áõÝÇ Ùáï³íáñ³å»ë Ñ»ï¨Û³É ï»ëùÁª -------- Application_OnStart--------Sub Application_OnStart() Application(“counter”) = 0 End Sub Application ûµÛ»ÏïÇ counter ÷á÷á˳ϳÝÇÝ ïñíáõÙ ¿ 0 ³ñÅ»ùÁ: Úáõñ³ù³ÝãÛáõñ ѳçáñ¹ ѳ׳Ëáñ¹Ç ³é³çÇÝ ³Ý·³Ù ¹ÇÙ»Éáõó Ñ»ïá ·áñͳñÏíáõÙ ¿ Session_OnStart Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÇãÁ, áñÁ ÁݹѳÝáõñ ѳ׳ËáõÙÝ»ñÇ ù³Ý³ÏÁ ³í»É³óÝáõÙ ¿ Ù»Ïáí ¨ ÙÇ³Å³Ù³Ý³Ï ßÝáñÑáõÙ ¿ ëï³óí³Í ³ñÅ»ùÁ Session ûµÛ»ÏïÇ ÝáõÛݳÝáõÝ ÷á÷á˳ϳÝÇݪ -------- Session_OnStart--------Sub Session_OnStart() iCount=Application(“counter”) iCount=iCount+1 Application(“counter”)=iCount Session(“counter”)=iCount End Sub ºÃ» ϳÛùÇ Ù»ÏݳñϳÛÇÝ ¿çÁ å³ñáõݳÏáõÙ ¿ ëïáñ¨ µ»ñí³Í Ïá¹Áª <body> <h1>´³ñÇ ¶³Éáõëï</h1> ¸áõù <%=Session("counter")%> - ñ¹ ѳ׳Ëáñ¹Ý »ù <%=Application("Counter")%> - Çó </body>, 174
¿çÁ ³é³çÇÝ ³Ý·³Ù ѳ׳˻ÉÇë û·ïíáÕÁ Ïï»ëÝÇ, áñ »ñÏáõ ³ñÅ»ùÝ»ñÁ ѳÙÁÝÏÝáõÙ »Ý: ê³Ï³ÛÝ »Ã» ݳ í»ñ³¹³éݳ Ù»ÏݳñϳÛÇÝ ¿çÇÝ ÙÇ ³ÛÉ ¿çÇó, ³å³ ¹ñ³Ýù ϳñáÕ »Ý ÉÇÝ»É ï³ñµ»ñ, ù³ÝÇ áñ ¿ç»ñÁ ¹Çï³ñÏ»Éáõ ÁÝóóùáõ٠ϳÛùÁ ϳñáÕ »Ý ³Ûó»É»É Ýáñ ѳ׳Ëáñ¹Ý»ñ: Session ¨ Application ûµÛ»ÏïÝ»ñÁ å³Ñå³ÝáõÙ »Ý ÙdzÛÝ ¹ÇݳÙÇÏ (ÁÝóóÇÏ) ÇÝýáñÙ³ódzÝ, ¨ »Ã» ³ÝÑñ³Å»ßï ¿ å³Ñå³Ý»É ³ÛÝ Ñ»ï³·³ û·ï³·áñÍÙ³Ý Ñ³Ù³ñ, ³å³ å»ïù ¿ ÁÝïñ»É ÙÇ áñ¨¿ ³ÛÉ ÙÇçáó: úñÇݳÏ` ϳñ»ÉÇ ¿ û·ïí»É Global.asa ý³ÛÉÇ Ñ³Ù³å³ï³ë˳ݪ Application_OnEnd ¨ Session_OnEnd Ùß³ÏÇãÝ»ñÇó ϳ٠å³Ñå³Ý»É ÇÝýáñÙ³óÇ³Ý Cookie ý³ÛÉ»ñáõÙ: Session ûµÛ»ÏïÝ áõÝÇ ãáñë ѳïÏáõÃÛáõÝÝ»ñª CodePage ѳïÏáõÃÛáõÝÁ ë³ÑÙ³ÝáõÙ ¿ Ïá¹³íáñÙ³Ý ³ÛÝ Ñ³Ù³Ï³ñ·Á, Áëï áñÇ å»ïù ¿ ³å³Ïá¹³íáñí»Ý ϳÛùÇ ¿ç»ñÁ (ï³ñµ»ñ É»½áõÝ»ñÇ Ñ³Ù³ñ ¹ñ³Ýù ï³ñµ»ñ »Ý): LCID ѳïÏáõÃÛ³Ý ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ ï³ñ»Ãí»ñÇ, ųٳݳÏÇ ¨ ³ÛÉ Ù»ÍáõÃÛáõÝÝ»ñÇ (ûñÇݳÏ, ï³ñ³¹ñ³ÙÁ) ·ñ³ÝóÙ³Ý Ó¨³ã³÷Ç Í³Íϳ·ÇñÁ: ²ÛÝ ÝáõÛÝå»ë ï³ñµ»ñ ¿ ï³ñµ»ñ ³ß˳ñѳ·ñ³Ï³Ý ·áïÇÝ»ñÇ Ñ³Ù³ñ: úñÇݳÏ, ´ñÇï³ÝdzÛÇ Ñ³Ù³ñ ³ÛÝ 2027 ¿, ¨ »Ã» ·ñ³ÝóíÇ Ñ»ï¨Û³É Íñ³·ñ³ÛÇÝ Ïá¹Áª <% Session.LCID=2027 Dim curNumb curNumb=FormatCurrency(125) Response.Write(curNumb) %>, ³å³ ϳñï³å³ïÏ»ñíǪ £125 £ (ýáõÝï»ñÇ Ýß³Ýáí): SessionID ѳïÏáõÃÛáõÝÁ í»ñ³¹³ñÓÝáõÙ ¿ µ³ó³éÇÏ (áõÝÇϳÉ) ǹ»ÝïÇýÇϳïáñÁ, áñÁ ÇÝùݳµ»ñ³µ³ñ ëï»ÕÍáõÙ ¿ ë»ñí»ñÁ` Ûáõñ³ù³ÝãÛáõñ “ë»ëdzݔ µ³ó»ÉÇë: Timeout ѳïÏáõÃÛ³Ý ÙÇçáóáí ë³ÑÙ³ÝíáõÙ ¿ ³ÛÝ Å³Ù³Ý³Ï³Ñ³ïí³ÍÁ, áñÇ ÁÝóóùáõÙ û·ïíáÕÁ ϳñáÕ ¿ ¹Çï³ñÏ»É áñ¨¿ ¿ç, ³é³Ýó ÷á÷áËáõÃÛáõÝ Ï³ï³ñ»Éáõ ϳ٠³ÛÉ ¿çÇ ¹ÇÙ»Éáõ: гϳé³Ï ¹»åùáõÙ ûµÛ»ÏïÁ ³ÝÙÇç³å»ë í»ñ³óíáõÙ ¿: Session ûµÛ»ÏïÝ áõÝÇ »ñÏáõ ѳí³ù³ÍáõÝ»ñ: Contents ѳí³ù³ÍáõÝ å³ñáõݳÏáõÙ ¿ µáÉáñ ëï»ÕÍí³Í ÷á÷á˳ϳÝÝ»ñÁ ¨ ³ÛÝ ûµÛ»ÏïÝ»ñÁ, áñáÝù ëï»ÕÍí»É »Ý ³é³Ýó <object> ï»·Á û·ï³·áñÍ»Éáõ: StaticObjects ѳí³ù³ÍáõáõÙ å³Ñå³ÝíáõÙ »Ý µáÉáñ ³ÛÝ ûµÛ»ÏïÝ»ñÁ, áñáÝù ëï»ÕÍí»É »Ý <object> ï»·Ç ÙÇçáóáí: лï¨Û³É Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ Session ûµÛ»ÏïÇÝ ßÝáñÑíáõÙ ¿ Ù»Ï ½³Ý·í³Í, Ù»Ï ÷á÷áË³Ï³Ý ¨ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï ϳå³ÏóÙ³Ý ûµÛ»Ïï (³ÛÝ ëï»ÕÍíáõÙ ¿ Server ûµÛ»ÏïÇ ÙÇçáóáí, áñÇÝ Ï³Ý¹ñ³¹³éݳÝù ѻﳷ³ ß³ñ³¹ñ³ÝùáõÙ)ª <%@ LANGUAGE="VBSCRIPT" %> <% Dim sessitem Dim anArray(3) response.write "SessionID: " & Session.SessionID & "<p>" anArray(0)="one" anArray(1)="second" anArray(2)="third" Session("anArray")=anArray Session("scalar")="1234567890ABCDEFG" set objConn=Server.CreateObject("adodb.connection") set Session("object")=objConn %> Session ûµÛ»ÏïÝ áõÝÇ Ý³¨ »ñ»ù Ù»Ãá¹Ý»ñ, áñáÝóÇó »ñÏáõëÁª Remove() ¨ RemoveAll() ÏÇñ³éáõÙ »Ý Content ѳí³ù³ÍáõÇó ÷á÷á˳ϳÝÝ»ñ ¨/ϳ٠ûµÛ»ÏïÝ»ñ Ñ»é³óÝ»Éáõ ѳٳñ: Remove() Ù»Ãá¹Ç ÙÇçáóáí ϳñ»ÉÇ ¿ Ñ»é³óÝ»É ³é³ÝÓÇÝ ÷á÷á˳ϳÝÝ»ñ ϳ٠ûµÛ»ÏïÝ»ñ` ¹ÇÙ»Éáí ¹ñ³Ýó ³ÝáõÝáí ϳ٠Çݹ»ùë³ÛÇÝ (ѳçáñ¹³Ï³Ý) ѳٳñáí, ûñÇݳϪ Session.Content.Remove(“anArray”) Ññ³Ù³ÝÁ Ñ»é³óÝáõÙ ¿ Content ѳí³ù³ÍáõÇ anArray ½³Ý·í³ÍÁ: RemoveAll() Ù»Ãá¹Á Ñ»é³óÝáõÙ ¿ ³ÙµáÕç Content ѳí³ù³Íáõݪ 175
Session.Content.RemoveAll(): Abandon() Ù»Ãá¹Ç ÙÇçáóáí ÁÝóóÇÏ ¿çáõÙ ·ñ³Ýóí³Í Ññ³Ù³ÝÝ»ñÇ Ï³ï³ñÙ³Ý ³í³ñïÇó Ñ»ïá ³ñÑ»ëï³Ï³Ýáñ»Ý Ñ»é³óíáõÙ »Ý Session-áõÙ å³Ñå³ÝíáÕ µáÉáñ ûµÛ»ÏïÝ»ñÁ: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª <% Session.Abandon() Session(“MyName”)=”ì³Õ³ñß” Response.Write(Session(“MyName”)) %>, ϳñï³å³ïÏ»ñíÇ ì³Õ³ñß ³ÝáõÝÁ: ê³Ï³ÛÝ »Ã» ÷áñÓ»Ýù û·ï³·áñÍ»É MyName ÷á÷á˳ϳÝÇ ³ñÅ»ùÁ ÙÇ ³ÛÉ ¿çáõÙ, ³å³ ³ÛÝ ÏÉÇÝÇ ³ñ¹»Ý ¹³ï³ñÏ: Application ûµÛ»ÏïÇÝ ÝáõÛÝå»ë ѳïáõÏ »Ý Content ¨ StaticObjects ѳí³ù³ÍáõÝ»ñÁ, ÇÝãå»ë ݳ¨ Remove() ¨ RemoveAll() Ù»Ãá¹Ý»ñÁ: Àݹ áñáõÙ, ¹ñ³Ýó ÏÇñ³éáõÃÛ³Ý »Õ³Ý³ÏÝ»ñÁ µ³ó³ñӳϳå»ë ÝáõÛÝÝ »Ý: ´³óÇ Ãí³ñÏí³ÍÝ»ñÇó, ûµÛ»ÏïÇÝ Ñ³ïáõÏ »Ý ݳ¨ Lock() ¨ Unlock() Ù»Ãá¹Ý»ñÁ: Lock() Ù»Ãá¹Á ÏÇñ³éáõÙ »Ý, »ñµ ³ÝÑñ³Å»ßï ¿ µáÉáñ ѳ׳Ëáñ¹Ý»ñÇÝ, µ³óÇ Ù»ÏÇó, ³ñ·»É»É Application ûµÛ»ÏïáõÙ å³Ñå³Ýí³Í ïíÛ³ÉÝ»ñÇ ÷á÷áËáõÃÛáõÝÁ: Unlock() Ù»Ãá¹Á í»ñ³óÝáõÙ ¿ ³Û¹ ë³Ñٳݳ÷³ÏáõÙÁ: úñÇݳÏ` <% Application.Lock() Application(“numVisits”) = Application(“numVisits”) +1 Application(“datLastVisit”) = Now() Application.Unlock() %> Íñ³·ñ³ÛÇÝ Ïá¹áõ٠ѳ׳ËáõÙÝ»ñÇ ù³Ý³ÏÁ ³í»É³óíáõÙ ¿ Ù»Ïáí, ¨ í»ñçÇÝ Ñ³×³ËÙ³Ý ï³ñ»ÃíÇÝ ßÝáñÑíáõÙ ¿ ÁÝóóÇÏ ³ñÅ»ùÁ: àñå»ë½Ç ³Û¹ ·áñÍáÕáõÃÛáõÝÁ ѳë³Ý»ÉÇ ÉÇÝÇ ÙdzÛÝ ³ÛÝ Ñ³×³Ëáñ¹ÇÝ, áñÁ ïíÛ³É å³ÑÇÝ ¹Çï³ñÏáõÙ ¿ ¿çÁ, ëϽµáõÙ ÏÇñ³éíáõÙ ¿ Lock Ù»Ãá¹Á, ¨ ³ÝÑñ³Å»ßï ÷á÷áËáõÃÛáõÝÝ»ñÁ ϳï³ñ»Éáõó Ñ»ïá ÙdzÛÝ, ³ñ·»ÉùÁ ÉáõͳñíáõÙ ¿ Unlock Ù»Ãá¹Ç û·ÝáõÃÛ³Ùµ:
176
¢ 4.5. Server ûµÛ»ÏïÁ: ²ß˳ï³ÝùÁ ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ê»ñí»ñ ûµÛ»ÏïÁ ͳé³ÛáõÙ ¿ web ¹³ë»ñÇ ·áñͳñÏÙ³Ý Ñ³Ù³ñ ³ÝÑñ³Å»ßï ûµÛ»ÏïÝ»ñÁ ϳéáõó»Éáõ ¨ ë»ñí»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ ϳñ·³íáñ»Éáõ ѳٳñ: ä³ïÏ»ñ³óÝ»Ýù, ûñÇݳÏ, áñ áñ¨¿ Çñ³¹³ñÓáõÃÛ³Ý Ùß³ÏÙ³Ý ·áñÍÁÝóóáõÙ û·ï³·áñÍíáõÙ ¿, ³Ûëå»ë Ïáãí³Í, “µÇ½Ý»ë ûµÛ»ÏïÝ»ñÇ” (Íñ³·ñ³ÛÇÝ ³ñï³¹ñ³ÝùÝ»ñÇ) ·ñ³¹³ñ³Ý, ¨ ¹ñ³ÝóÇó Ù»ÏÁ å»ïù ¿ û·ï³·áñÍíÇ Ï³ÛùÇ ÙÇ ß³ñù ¿ç»ñáõÙª ѳ׳Ëáñ¹Ç ë»ëdzÛÇ ³ÙµáÕç ÁÝóóùáõÙ: ²Û¹åÇëÇ ·ñ³¹³ñ³ÝÁ ѳñÙ³ñ ¿ å³Ñå³Ý»É Session ûµÛ»ÏïáõÙ, ݳ˳å»ë ³ÛÝ ëï»ÕÍ»Éáí Server ûµÛ»ÏïÇ CreateObject Ù»Ãá¹Ç ÙÇçáóáí: êïáñ¨ µ»ñí³Í Íñ³·ñ³ÛÇÝ Ïá¹áõÙ óáõÛó ¿ ïñí³Í, û ÇÝãå»ë ϳñ»ÉÇ ¿ Çñ³·áñÍ»É ³Û¹ Ýå³ï³ÏÁ: Dim bObj as SomeBusinessObject Set bObj=Server.CreateObject(MyCompany.SomeBusinessObject.1) …µÇ½Ý»ë ûµÛ»ÏïÁ ϳÝã»Éáõ ¨ û·ï³·áñÍ»Éáõ Ññ³Ù³ÝÝ»ñÁ… Set Session(“bObjInstance”)=bObj Server ûµÛ»ÏïÝ áõÝÇ Ù»Ï` ScriptTimeout ѳïÏáõÃÛáõÝÁ ¨ ÙÇ ß³ñù Ù»Ãá¹Ý»ñ: ScriptTimeout-Á ë³ÑÙ³ÝáõÙ ¿ ³ÛÝ ³é³í»É³·áõÛÝ Å³Ù³Ý³ÏÁ, áñÇ ÁÝóóùáõÙ ëÏñÇåïÁ ϳñáÕ ¿ ·áñÍ»É, ÙÇÝ㨠ë»ñí»ñÁ ¹³¹³ñ»óÝÇ ¹ñ³ ³ß˳ï³ÝùÁ: гïÏáõÃÛáõÝÁ áõÅÇ Ù»ç ¿ ÙïÝáõÙ ÙdzÛÝ ³ÛÝ ¹»åùáõÙ, »ñµ ³í³ñïáõÙ »Ý ³ß˳ï³ÝùÁ ë»ñí»ñÇ µ³Õ³¹ñÇãÝ»ñÁ: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Server.ScriptTimeout = ųٳݳÏÁ í³ÛñÏÛ³ÝÝ»ñáí: гïÏáõÃÛ³Ý ³ñÅ»ùÁ ãå»ïù ¿ ·»ñ³½³ÝóÇ Áëï Éé»ÉÛ³ÛÝ ë³ÑÙ³Ýí³ÍÇÝ (ëáíáñ³µ³ñ 90 í³ÛñÏÛ³Ý, ³ÛÝ Ï³ñ»ÉÇ ¿ ݳ¨ ÷áË»É` û·ï³·áñÍ»Éáí ë»ñí»ñÇ AspScriptTimeout ѳïÏáõÃÛáõÝÁ): úñÇݳϪ <% Server.ScriptTimeout=100 %>: лï¨Û³É ûñÇݳÏáõÙ í»ñ³¹³ñÓíáõÙ ¿ ѳïÏáõÃÛ³Ý ë³ÑÙ³Ýí³Í ³ñÅ»ùÁ ¨ å³Ñå³ÝíáõÙ timeOut ÷á÷á˳ϳÝáõÙª <% timeOut = Server.ScriptTimeout %>: ¸Çï³ñÏ»Ýù server ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÁ ¨ ¹ñ³Ýó ÏÇñ³éáõÃÛ³Ý áñáß »Õ³Ý³ÏÝ»ñÁ:
4.5.1. CreateObject() Ù»Ãá¹Á Ø»Ãá¹Ç ÙÇçáóáí ¿çáõÙ ëï»ÕÍíáõÙ ¨ Ý»ñ¹ñíáõÙ »Ý ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ³ß˳ï³ÝùÇ Ñ³Ù³ñ ³ÝÑñ³Å»ßïª ï³ñµ»ñ µ³Õ³¹ñÇãÝ»ñ: Ø»Ãá¹Ç ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Server.CreateObject(progID), áñï»Õ` progID ³ñ·áõÙ»ÝïÇ Ó¨³ã³÷Ý áõÝÇ Ñ»ï¨Û³É ï»ëùÁª [²é³ùáÕÁ.]Ü»ñ¹ñíáÕ_µ³Õ³¹ñÇãÁ[.ì³ñϳÍÁ] : úñÇݳϪ Server.CreateObject(MSWC.AdRotator) Server.CreateObject(MSWC.Tools) Server.CreateObject(MSWC.PageCounter) Server.CreateObject(ADODB.Recordset) ¨ ³ÛÉÝ (MS WC - Microsoft Web Components): CreateObject Ù»Ãá¹áí ëï»ÕÍí³Í µáÉáñ ûµÛ»ÏïÝ»ñÇ “ÏÛ³ÝùÇ ï¨áÕáõÃÛáõÝÁ” Áëï Éé»ÉÛ³ÛÝ ë³Ñٳݳ÷³ÏíáõÙ ¿ ³ÛÝ ¿çáí, áñáõÙ ¹ñ³Ýù ëï»ÕÍí»É »Ý: ê»ñí»ñÁ ÇÝùݳµ»ñ³µ³ñ í»ñ³óÝáõÙ ¿ ¹ñ³Ýù, »ñµ ³í³ñïíáõÙ ¿ ¿çÇ ³ß˳ï³ÝùÁ (ÇѳñÏ», ·áÛáõÃÛáõÝ áõÝ»Ý ¹ñ³Ýù å³Ñå³Ý»Éáõ ¨ ³ÛÉ ¿ç»ñÇÝ Ñ³Õáñ¹»Éáõ »Õ³Ý³ÏÝ»ñ, ûñÇݳÏ, Session ûµÛ»ÏïÇ Ï³Ù Transfer Ù»Ãá¹Ç û·ÝáõÃÛ³Ùµ): Ü»ñ¹ñíáÕ µ³Õ³¹ñÇãÝ»ñÇ ï»ë³Ï³ÝÇÝ µ³í³Ï³Ý³ã³÷ Ù»Í ¿: ¸ñ³Ýó ÉñÇí óáõó³ÏÇÝ ¨ ÏÇñ³éáõÃÛ³Ý »Õ³Ý³ÏÝ»ñÇÝ Ï³ñ»ÉÇ ¿ ͳÝáÃ³Ý³É Ñ³ïáõÏ ·ñ³Ï³ÝáõÃÛáõÝáõÙ: Ø»Ýù ÏùÝݳñÏ»Ýù ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ³ß˳ï»Éáõ ѳٳñ ³ÝÑñ³Å»ßï µ³Õ³¹ñÇãÝ»ñÁ, áñáÝù ÏáãíáõÙ »Ý îíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇÝ Ñ³ë³Ý»ÉÇáõÃÛ³Ý µ³Õ³¹ñÇãÝ»ñ (Database Access Components) -DAC: DAC-Ý Áݹ·ñÏáõÙ ¿ ADO (ActiveX Data Objects), ODBC (Open Database Connectivity) ¨ OLEDB (Object Linking and Embedding for Databases) ï»ËÝáÉá·Ç³Ý»ñáí ëï»ÕÍí³Í µ³Õ³¹ñÇãÝ»ñÁ: ²é³í»É Ñ³×³Ë û·ï³·áñÍíáÕ ï»ËÝáÉá·Ç³Ý»ñÇó Ù»ÏÁ ADO-Ý ¿, ù³ÝÇ áñ û·ï³·áñÍÙ³Ý ï»ë³Ï»ïÇó ³ÛÝ µ³í³Ï³ÝÇÝ ¹ÛáõñÇÝ ¿: ¸ñ³Ý ѳïáõÏ »Ý 7 ûµÛ»ÏïÝ»ñ, áñáÝù ϳñ»ÉÇ ¿ ëï»ÕÍ»É Server ûµÛ»ÏïÇ ÙÇçáóáí: îíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ³ß˳ï³ÝùáõÙ ¹ñ³ÝóÇó ³é³í»É Ñ³×³Ë »Ý û·ï³·áñÍíáõÙ Ñ»ï¨Û³É »ñ»ùÁª Connection – µ³ó Ï³å ¿ ë³ÑÙ³ÝáõÙ ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÇ Ñ»ï: Command – ëï»ÕÍáõÙ ¿ ѳïáõÏ Ññ³Ù³Ý, áñÇ ÙÇçáóáí ïíÛ³ÉÝ»ñÇ Ñ»ï ϳï³ñíáõÙ ¿ áñáß³ÏÇ ·áñÍáÕáõÃÛáõÝ: 177
Recordset – Ñݳñ³íáñáõÃÛáõÝ ¿ ëï»ÕÍáõÙ “»ñè»Ï»Éáõ” µ³½³ÛÇ ³ÕÛáõë³ÏÝ»ñÇ ïáÕ»ñÇ (·ñ³ÝóáõÙÝ»ñÇ` records) µ³½ÙáõÃÛáõÝáõÙ (ûµÛ»ÏïÇ áñáß Ñ³ïÏáõÃÛáõÝÝ»ñÁ ¨ Ù»Ãá¹Ý»ñÁ ùÝݳñÏí»É »Ý ¢ 3.9-áõÙ): Connection ûµÛ»ÏïÇ ÏÇñ³éáõÃÛáõÝÁ ÝÙ³Ý ¿ RDS-Ç ÏÇñ³éáõÃÛ³ÝÁ: úµÛ»ÏïÁ ëï»ÕÍ»Éáõó Ñ»ïá ³ÝÑñ³Å»ßï ¿ ³ñÅ»ùÝ»ñ ßÝáñÑ»É ¹ñ³ ѳٳå³ï³ëË³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÇݪ ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÇ Ñ»ï µ³ó Ï³å ³å³Ñáí»Éáõ ѳٳñ: êáíáñ³µ³ñ ¹³ Çñ³·áñÍíáõÙ ¿ ConnectionString (ϳå³ÏóÙ³Ý ïáÕ) ѳïÏáõÃÛ³Ý ÙÇçáóáí, áñÇ Ý»ñùá Ñݳñ³íáñ ¿ ßÝáñÑ»É ³ñÅ»ùÝ»ñ ݳ¨ ³ÛÉ Ñ³ïÏáõÃÛáõÝÝ»ñÇÝ: êïáñ¨ µ»ñí³Í ûñÇݳÏáõÙ ëï»ÕÍíáõÙ ¿ Connection ûµÛ»ÏïÁ ¨ ConnectionString-Ç û·ÝáõÃÛ³Ùµ ³å³ÑáííáõÙ ¿ ϳåÁ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï (VBScript É»½íáí)ª <% Dim Conn, stringConn Set Cûnn = Server.CreateObject("ADODB.Connection") stringConn = "Provider= Microsoft.Jet.OLEDB.4.0;Data Source = MyServer;Initial Catalog=MyBaza;User Id=sa;Password=;" Conn.Open( stringConn) %> ´»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ Ý³Ë Ñ³Ûï³ñ³ñíáõÙ »Ý Conn ¨ stringConn ÷á÷á˳ϳÝÝ»ñÁ, áñáÝóÇó ³é³çÇÝÇÝ áñå»ë ³ñÅ»ù ßÝáñÑíáõÙ ¿ ëï»ÕÍí³Í ûµÛ»ÏïÁ (»ñµ ÷á÷á˳ϳÝÇÝ áñå»ë ³ñÅ»ù ßÝáñÑíáõÙ ¿ ûµÛ»Ïï, å³ñï³¹Çñ å»ïù ¿ û·ï³·áñÍ»É Set µ³é-µ³Ý³ÉÇÝ)ª Set Cûnn = Server.CreateObject("ADODB.Connection"), ÇëÏ »ñÏñáñ¹ÇÝ Ï³å³ÏóÙ³Ý ïáÕÇ ³ñÅ»ùÁ, áñÁ å³ñáõݳÏáõÙ ¿ ³é³ùáÕÇ ³ÝáõÝÁ, ïíÛ³ÉÝ»ñÇ µ³½³Ý å³ñáõݳÏáÕ ÃÕóå³Ý³ÏÇ ³ÝáõÝÁ (MyBaza), ·³Õïݳµ³éÁ, ë»ñí»ñÇ ¹áÙ»ÛݳÛÇÝ ³ÝáõÝÁ (ûñÇݳϪ http://localhost) ¨ ³ÛÉÝ (ÉáÏ³É ó³Ýó»ñáõÙ ³ß˳ï»ÉÇë ë»ñí»ñÇ ¹áÙ»ÛݳÛÇÝ ³ÝáõÝÇ ÷á˳ñ»Ý ·ñ³ÝóíáõÙ ¿ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ ýǽÇÏ³Ï³Ý Ñ³ëó»Ý, ûñÇݳÏ, c:\MyBaza\baza.mdb)ª stringConn = "Provider= Microsoft.Jet.OLEDB.4.0;Data Source= MyServer;Initial Catalog=MyBaza;User Id=sa;Password=;" Üß»Ýù, áñ Conn ¨ stringConn ÷á÷á˳ϳÝÝ»ñÁ ëï»ÕÍíáõÙ »Ý, áñå»ë½Ç ѳçáñ¹áÕ Íñ³·ñ³ÛÇÝ Ïá¹áõÙ û·ï³·áñÍ»Éáõ ¹»åùáõÙ ·ñ³ÝóáõÙÁ ÉÇÝÇ Ñ³ÏÇñ×: ¸ñ³ÝÇó Ñ»ïá Ï³å ¿ ѳëï³ïíáõÙ ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï: ¸ñ³ ѳٳñ û·ï³·áñÍíáõÙ ¿ Connection ûµÛ»ÏïÇ Open() Ù»Ãá¹Á, áñÇÝ áñå»ë ³ñ·áõÙ»Ýï ÷á˳ÝóíáõÙ ¿ ϳå³ÏóÙ³Ý ïáÕÇ ³ñÅ»ùÁª Conn.Open( stringConn): ²ñ¹ÛáõÝùáõÙ` ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï ³½³ï ³ß˳ï»Éáõ Ñݳñ³íáñáõÃÛáõÝ ¿ ÁÝÓ»éíáõÙ: ê³Ï³ÛÝ µ³½³ÛÇ ³ÕÛáõë³ÏÝ»ñÇ ·ñ³ÝóáõÙÝ»ñÁ ¹Çï³ñÏ»Éáõ, ÷á÷áË»Éáõ, Ñ»é³óÝ»Éáõ, ³ÛÉ ·áñÍáÕáõÃÛáõÝÝ»ñ ϳï³ñ»Éáõ, ÇÝãå»ë ݳ¨ µ³½³Ûáí “»ñè»Ï»Éáõ” ѳٳñ ³ÝÑñ³Å»ßï ¿ ëï»ÕÍ»É ¨ ϳñ·³íáñ»É ¨ë Ù»Ï ·áñÍÇù` Recordset ûµÛ»ÏïÁ: ²ÛÝ ÝáõÛÝå»ë ëï»ÕÍíáõÙ ¿ CreateObject Ù»Ãá¹Ç ÙÇçáóáíª <% Set rsCustomers = Server.CreateObject("ADODB.Recordset") strSQLCustomers = "select CompanyName, ContactName, City from Customers" Set rsCustomers = Conn.Execute(strSQLCustomers) %> ²Ûëï»Õ ëï»ÕÍí»É ¿ Recordset ûµÛ»Ïï` ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Customers ³ÕÛáõë³ÏÇ Ñ³Ù³ñª Set rsCustomers = Server.CreateObject("ADODB.Recordset"), áñÁ ѻﳷ³Ûáõ٠ϳñ·³íáñíáõÙ ¿ ѳٳå³ï³ëË³Ý SQL ѳñóÙ³Ý ÙÇçáóáíª strSQLCustomers = "select CompanyName, ContactName, City from Customers", (¹³ Ý߳ݳÏáõÙ ¿ª ÁÝïñ»É Customers ³ÕÛáõë³ÏÇ CompanyName, ContactName, City ëÛáõݳÏÝ»ñÇ ïíÛ³ÉÝ»ñÁ) ¨ ³å³ Recordset ûµÛ»ÏïÇÝ ßÝáñÑíáõÙ ¿ ëï»ÕÍí³Í Connection ûµÛ»ÏïÇ Execute Ù»Ãá¹Ç í»ñ³¹³ñÓíáÕ ³ñÅ»ùÁ: ²ÛÝ Áݹ·ñÏáõÙ ¿ ³ÕÛáõë³ÏÇó ÁÝïñí³Í µáÉáñ ѳٳå³ï³ëË³Ý ·ñ³ÝóáõÙÝ»ñÁ (áñå»ë ³ñ·áõÙ»Ýï` Ù»Ãá¹ÇÝ ÷á˳ÝóíáõÙ ¿ SQL ѳñóÙ³Ý ïáÕÁ)ª Set rsCustomers = Conn.Execute(strSQLCustomers): ÜáõÛÝ ³ñ¹ÛáõÝùÁ ϳñ»ÉÇ ¿ ëï³Ý³É` û·ï³·áñÍ»Éáí Recordset ûµÛ»ÏïÇ Open() Ù»Ãá¹Á: úñÇݳϪ <% Set rsCustomers = Server.CreateObject("ADODB.Recordset") strSQLCustomers = "select CompanyName, ContactName, City 178
from Customers" rsCustomers.Open(strSQLCustomers, Conn, adOpenDynamic, adLockPessimistic, adCmdText) %> àñå»ë ³ñÅ»ù Open() Ù»Ãá¹Ç ³é³çÇÝ »ñÏáõ ³ñ·áõÙ»ÝïÝ»ñÇÝ ÷á˳ÝóíáõÙ »Ýª ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÁ (¹³ ϳñáÕ ¿ ÉÇÝ»É SQL ѳñóáõ٠ϳ٠³ÕÛáõë³ÏÇ ³ÝáõÝ) ¨ ϳå³ÏóÙ³Ý ûµÛ»ÏïÁ: гçáñ¹ »ñÏáõëÁ ë³ÑÙ³ÝáõÙ »Ý ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÇ ¨ ¹ñ³ áõջϳåÙ³Ý ï»ë³ÏÁª ѳٳå³ï³ë˳ݳµ³ñ CursorType ¨ LockType: ¸ñ³Ýó ³ñÅ»ùÝ»ñÁ ϳñ»ÉÇ ¿ ÷á˳Ýó»É ï³é³ÛÇÝ (ÇÝãå»ë µ»ñí³Í ûñÇݳÏáõÙ) ϳ٠ѳëï³ïáõÝ Ãí³ÛÇÝ Ù»ÍáõÃÛ³Ý ï»ëùáí: ²ÕÛáõë³ÏÝ»ñ 4.5.1 ¨ 4.5.2-áõÙ µ»ñí³Í »Ý ³Û¹ ³ñ·áõÙ»ÝïÝ»ñÇ Ñݳñ³íáñ ³ñÅ»ùÝ»ñÁ ¨ ¹ñ³Ýó Ýϳñ³·ñáõÃÛáõÝÁ: ²ÕÛáõë³Ï 4.5.1 CursorType ³ñ·áõÙ»ÝïÇ Ñݳñ³íáñ ³ñÅ»ùÝ»ñÁ î³é³ÛÇÝ ÂÇí Üϳñ³·ñáõÃÛáõÝÁ adOpenForwardOnly 0 ØdzÏáÕÙ³ÝÇ ÏáÕÙÝáñáßáõÙ áõÝ»óáÕ ïíÛ³ÉÝ»ñÇ ÁÝïñ³Ýù, áñÁ Ñݳñ³íáñ ¿ ¹Çï³ñÏ»É` ëÏë³Í ³é³çÇÝ ·ñ³ÝóáõÙÇó ÙÇÝ㨠í»ñçÇÝÁ (¨ áã ѳϳé³Ï áõÕÕáõÃÛ³Ùµ): adOpenKeyset 1 îíÛ³ÉÝ»ñÇ ë³Ñٳݳ÷³Ï ÁÝïñ³Ýù (ÙdzÛÝ ÁÝûñóÙ³Ý Ñ³Ù³ñ), áñÁ ãÇ ³ñï³óáÉáõÙ ÙÛáõë û·ïíáÕÝ»ñÇ ÏáÕÙÇó ϳï³ñí³Í ÷á÷áËáõÃÛáõÝÝ»ñÁ: adOpenDynamic 2 îíÛ³ÉÝ»ñÇ ¹ÇݳÙÇÏ ÁÝïñ³Ýù, áñÁ Áݹ·ñÏáõÙ ¿ µáÉáñ ·ñ³ÝóáõÙÝ»ñÁ ¨ ³ñï³óáÉáõÙ ³ÛÉ û·ïíáÕÝ»ñÇ ÏáÕÙÇó ϳï³ñí³Í ÷á÷áËáõÃÛáõÝÝ»ñÁ: adOpenStatic 3 îíÛ³ÉÝ»ñÇ ë³Ñٳݳ÷³Ï ÁÝïñ³Ýù (ÙdzÛÝ ÁÝûñóÙ³Ý Ñ³Ù³ñ), áñÁ å³ñáõݳÏáõÙ ¿ ÁÝïñ³ÝùÁ ϳï³ñ»Éáõ å³ÑÇÝ ³éϳ ·ñ³ÝóáõÙÝ»ñÁ: ²ÕÛáõë³Ï 4.5.2 LockType ³ñ·áõÙ»ÝïÇ Ñݳñ³íáñ ³ñÅ»ùÝ»ñÁ î³é³ÛÇÝ adLockReadOnly
ÂÇí Üϳñ³·ñáõÃÛáõÝÁ 1 ÀÝïñ³ÝùÇ ·ñ³ÝóáõÙÝ»ñÁ ѳë³Ý»ÉÇ »Ý ÙdzÛÝ ÁÝûñóÙ³Ý Ñ³Ù³ñ: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÝ ¿: adLockPessimistic 2 ä»ëÇÙÇëïÇÏ áõջϳåáõÙ (µÉáÏÇñáíϳ): ¶ñ³ÝóáõÙÁ áõջϳåíáõÙ ¿ ³ÝÙÇç³å»ë ³ÛÝ å³ÑÇÝ, »ñµ û·ïíáÕÁ ëÏëáõÙ ¿ ÷á÷áË»É ·ñ³ÝóÙ³Ý ¹³ßï»ñÁ: adLockOptimistic 3 úåïÇÙÇëïÇÏ: ¶ñ³ÝóáõÙÁ áõջϳåíáõÙ ¿ ÙdzÛÝ Ýáñ ³ñÅ»ùÝ»ñÇ ·ñ³ÝóÙ³Ý å³ÑÇÝ: àõջϳåáõÙÁ û·ï³·áñÍíáõÙ ¿, »ñµ áñ¨¿ û·ïíáÕ ·ñ³ÝóáõÙÝ»ñáõÙ ÷á÷áËáõÃÛáõÝÝ»ñ ¿ ϳï³ñáõÙ, ¨ ³ÝÑñ³Å»ßï ¿ ë³Ñٳݳ÷³Ï»É ³ÛÉ û·ïíáÕÝ»ñÇ Ñ³ë³Ý»ÉÇáõÃÛáõÝÁ ÷á÷áËíáÕ ·ñ³ÝóáõÙÝ»ñÇÝ: ºÃ» áõջϳåáõÙÁ ãû·ï³·áñÍíÇ, ³å³ ϳñáÕ »Ý ³é³ç³Ý³É ÏáÝýÉÇÏï³ÛÇÝ Çñ³íÇ׳ÏÝ»ñ, »ñµ ÙÇ³Å³Ù³Ý³Ï ÙÇ ù³ÝÇ û·ïíáÕ ó³ÝÏ³Ý³Ý å³Ñå³Ý»É ÙǨÝáõÛÝ ·ñ³ÝóÙ³Ý Ù»ç ϳï³ñ³Í ÷á÷áËáõÃÛáõÝÝ»ñÁ: ì»ñçÇÝ ³ñ·áõÙ»ÝïÁ µ³ó³Ñ³ÛïáõÙ ¿ ³é³çÇÝ å³ñ³Ù»ïñÇ ï»ë³ÏÁª ѳݹÇë³Ýáõ±Ù ¿ ¹³ SQL Ññ³Ù³Ý, û± ³ÕÛáõë³ÏÇ ³ÝáõÝ, û± å³Ñå³Ýí³Í ÁÝóó³Ï³ñ· (åñáó»¹áõñ³) ¨ ³ÛÉÝ: îíÛ³É ¹»åùáõÙ asCmdText (ϳ٠Ãí³ÛÇÝ ³ñï³Ñ³Ûïٳٵ 1) Ý߳ݳÏáõÙ ¿, áñ ³é³çÇÝ ³ñ·áõÙ»ÝïÁ SQL ѳñóáõÙ ¿: îíÛ³ÉÝ»ñÇ Ï³å³ÏóáõÙÁ ¿çÇÝ (ÇÝãå»ë ¨ TDC ¨ RDS ûµÛ»ÏïÝ»ñÇ û·ï³·áñÍÙ³Ý ¹»åùáõÙ) ϳñ»ÉÇ ¿ 179
Çñ³·áñÍ»É »ñÏáõ »Õ³Ý³ÏÝ»ñáí` ³ÝÙÇç³Ï³Ý ¨ ³ÕÛáõë³Ï³ÛÇÝ: î³ñµ»ñíáõÙ »Ý ÙdzÛÝ Çñ³·áñÍÙ³Ý Ù»Ãá¹Ý»ñÁ: TDC ¨ RDS ûµÛ»ÏïÝ»ñÇ Ý»ñ¹ñÙ³Ý ¹»åùáõ٠ϳå³ÏóíáÕ Ùáõïù³·ñÙ³Ý ¹³ßïÇ Ï³Ù ³ÕÛáõë³ÏÇ datasrc ¨ datafld µÝáõó·ñÇãÝ»ñÇÝ áñå»ë ³ñÅ»ùÝ»ñ ßÝáñÑíáõÙ ¿ÇÝ, ѳٳå³ï³ë˳ݳµ³ñ, ϳå³ÏóáÕ ûµÛ»ÏïÇ Ç¹»ÝïÇýÇϳïáñÁ ¨ ëϽµÝ³ÕµÛáõñ ³ÕÛáõë³ÏÇ ëÛáõݳÏÝ»ñÇ ³ÝáõÝÝ»ñÁ: ADODB ûµÛ»ÏïÝ»ñÇ ÏÇñ³éáõÃÛ³Ý ¹»åùáõÙ ¹³ ³ñíáõÙ ¿ ³ÛÉ Ï»ñå` Ùáõïù³·ñÙ³Ý å³ïáõѳÝáõ٠ϳ٠³ÕÛáõë³ÏÇ ëÛáõݳÏáõÙ ·ñ³ÝóíáõÙ ¿ recordset ûµÛ»ÏïÇ Ñ³Ù³å³ï³ëË³Ý ¹³ßïÁ: úñÇݳÏ, »Ã» ·ñ³ÝóíÇ` <input type=”text” value=”<%=rsCustomers("CompanyName")%>”, ÏÝ߳ݳÏÇ, áñ Ùáõïù³·ñÙ³Ý å³ïáõѳÝáõ٠ϳñï³óáÉí»Ý ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Customers ³ÕÛáõë³ÏÇ CompanyName ëÛáõݳÏÇ ïíÛ³ÉÝ»ñÁ: ¶ñ³ÝóáõÙÝ»ñÁ ¹Çï³ñÏ»Éáõ ѳٳñ ϳñ»ÉÇ ¿ ¿çáõ٠ϳ½Ù³Ï»ñå»É ݳíÇ·³óÇáÝ Ïá׳ÏÝ»ñ (ÇÝãå»ë ¹³ ³ñí³Í ¿ ¢ 3.9-áõÙ) ¨ û·ï³·áñÍ»É recordset ûµÛ»ÏïÇ MoveFirst, MoveNext, MoveLast ¨ MovePrevios Ù»Ãá¹Ý»ñÁ: îíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóÙ³Ý Ñ³Ù³ñ û·ï³·áñÍíáõÙ ¿ MoveNext Ù»Ãá¹Á: ASP ëó»Ý³ñáõÙ óÇÏÉÇ ûå»ñ³ïáñÇ ÙÇçáóáí ϳ½Ù³Ï»ñåíáõÙ ¿ ³ÕÛáõë³ÏÇ ïáÕ»ñÇ Éñ³óáõÙÁ` ѳçáñ¹³Ï³Ý ·ñ³ÝóáõÙÝ»ñáí, ÇÝãå»ë ¹³ ³ñí³Í ¿ ëïáñ¨ µ»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ, Áݹ áñáõÙ` Ûáõñ³ù³ÝãÛáõñ óÇÏÉÇ ëϽµáõÙ ëïáõ·íáõÙ ¿ ·ñ³ÝóáõÙÝ»ñÇ µ³½ÙáõÃÛ³Ý ³í³ñïÇ å³ÛÙ³ÝÁ` rsCustomers.EOF: ----ïíÛ³ÉÝ»ñÇ ³ÕÛáõë³Ï³ÛÇÝ Ï³å³ÏóáõÙ---<table> <!-- ì»ñݳ·ñ³ÛÇÝ ïáÕÇ ëÏǽµÁ--> <tr> <tÑ>γ½Ù³Ï»ñåáõÃÛ³Ý ³Ýí³ÝáõÙÁ</tÑ> <tÑ>γåÇ ï»ë³ÏÁ</tÑ> <tÑ>ø³Õ³ùÁ</tÑ> </tr> <!--Customer ³ÕÛáõë³ÏÇ ïíÛ³ÉÝ»ñÇ óáõó³¹ñÙ³Ý óÇÏÉÁ--> <% Do Until rsCustomers.EOF %> <tr class=”tbody”> <td> <%=rsCustomers("CompanyName")%> </td> <td> <%=rsCustomers("ContactName")%></td> <td> <%=rsCustomers("City")%> </td> </tr> <% rsCustomers.MoveNext Loop %> </table> ²ÛÅÙ Ùdzíáñ»Ýù ïíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï ϳå³ÏóÙ³Ý ¨ ¿çáõÙ ïíÛ³ÉÝ»ñÇ ³ñï³óáÉÙ³Ý ÷áõÉ»ñÁ ¨ ϳ½Ù»Ýù ³í³ñïáõÝ ASP ý³ÛÉ, áñÁ ÏÙ³ïáõóÇ û·ïíáÕÇÝ ³ÕÛáõë³ÏÇ ï»ëùáí Ó¨³íáñí³Í ïíÛ³ÉÝ»ñÁ (³Ýí³Ý»Ýù ³ÛÝ displayTable.asp, ï»ë` Íñ. 4.5.1): Ìñ. 4.5.1. displayTable.asp ý³ÛÉÁ <% ‘ гÛï³ñ³ñáõÙ »Ýù ÷á÷á˳ϳÝÝ»ñÁ Dim Conn, stringConn Dim rsCustomers, strSQLCustomers ‘µ³óáõÙ »Ýù ϳåÁ µ³½³ÛÇ Ñ»ï Set Cûnn = Server.CreateObject("ADODB.Connection") stringConn = "Provider= Microsoft.Jet.OLEDB.4.0;Data Source=http://localhost;Initial Catalog=MyBaza;User Id=;Password=;" Conn.Open( stringConn) ‘êï»ÕÍáõÙ ¨ µ³óáõÙ »Ýù recordset ûµÛ»ÏïÁ Set rsCustomers = Server.CreateObject("ADODB.Recordset") strSQLCustomers = "select CompanyName, ContactName, City from Customers" rsCustomers.Open(strSQLCustomers, Conn, adOpenDynamic, adLockPessimistic, adCmdText) 180
%> <table> <!-- ì»ñݳ·ñ³ÛÇÝ ïáÕÇ ëÏǽµÁ--> <tr> <tÑ>γ½Ù³Ï»ñåáõÃÛ³Ý ³Ýí³ÝáõÙÁ</tÑ> <tÑ>γåÇ ï»ë³ÏÁ</tÑ> <tÑ>ø³Õ³ùÁ</tÑ> </tr> <!--Customer ³ÕÛáõë³ÏÇ ïíÛ³ÉÝ»ñÇ óáõó³¹ñÙ³Ý óÇÏÉÁ--> <% Do Until rsCustomers.EOF %> <tr CLASS=tbody> <td> <%=rsCustomers("CompanyName")%> </td> <td> <%=rsCustomers("ContactName")%></td> <td> <%=rsCustomers("City")%> </td> </tr> <% rsCustomers.MoveNext Loop %> </table> <% ‘ö³ÏáõÙ »Ýù recordset ¨ ϳåÇ ûµÛ»ÏïÝ»ñÁ rsCustomers.Close() Conn.Close() ‘öá÷á˳ϳÝÝ»ñÇÝ ßÝáñÑáõÙ »Ýù ¹³ï³ñÏ ³ñÅ»ùÝ»ñ Set rsCustomers = Nothing Set Conn = Nothing %> îíÛ³ÉÝ»ñÇ µ³½³ÛÇ Ñ»ï µ³ó ϳå³ÏóÙ³Ý ³ÝÑñ³Å»ßïáõÃÛáõÝÁ ³é³ç³ÝáõÙ ¿ µ³½Ù³åñáýÇɳÛÇÝ ¿ç»ñÇ Ï³éáõóÙ³Ý ¹»åù»ñáõÙ, ³ÛëÇÝùÝ` »ñµ ïíÛ³É ¿çÁ Ý߳ݳÏí³Í ¿ ¨° ïíÛ³ÉÝ»ñÇ ¹Çï³ñÏÙ³Ý, ¨° áñáß³ÏÇ ÷á÷áËáõÃÛáõÝÝ»ñÇ Ï³ï³ñÙ³Ý Ñ³Ù³ñ: Àݹ áñáõÙ, ³Û¹åÇëÇ ÷á÷áËáõÃÛáõÝÝ»ñÁ Çñ»Ýó Ñ»ñÃÇÝ å³Ñ³ÝçáõÙ »Ý ݳ¨ åݹٳÝ, ѻﳹ³ñÓÇ ¨ ³ÛÉ ïñ³Ý½³ÏódzݻñÇ Ï³ï³ñáõÙ: ²ÛÝ ¹»åù»ñáõÙ, »ñµ ¿çÁ Áݹ·ñÏáõÙ ¿ ÙdzÛÝ Ù»Ï å³ïÏ»ñ³Ó¨, áñÇ ÙÇçáóáí û·ïíáÕÁ ϳï³ñáõÙ ¿ Ù»Ï ·áñÍáÕáõÃÛáõÝ ¨ ãÇ å³Ñ³ÝçíáõÙ ïíÛ³ÉÝ»ñÇ Éñ³óáõóÇã ¹Çï³ñÏáõÙ (ٳݳí³Ý¹, »ñµ ¿çáõ٠ϳ½Ù³Ï»ñåíáõÙ ¿ ݳ¨ å³ïÏ»ñ³Ó¨Ç µáí³Ý¹³ÏáõÃÛ³Ý Ý³ËÝ³Ï³Ý Ùß³ÏáõÙÁ, ï»ëª ¢ 3.8), ëáíáñ³µ³ñ û·ï³·áñÍíáõÙ ¿ Command ûµÛ»ÏïÁ: Command ûµÛ»ÏïÁ ÝáõÛÝå»ë ëï»ÕÍíáõÙ ¿ CreateObject Ù»Ãá¹Ç ÙÇçáóáí, ûñÇÝ³Ï (³Ûëï»Õ û·ï³·áñÍí³Í ¿ JavaScript É»½áõÝ)ª var editCmd = Server.CreateObject(“ADODB.Command”) ´³½³ÛÇ Ñ»ï ϳåÁ ѳëï³ï»Éáõ ѳٳñ ëï»ÕÍí³Í ûµÛ»ÏïÇ ActiveConnection ѳïÏáõÃÛ³ÝÁ ßÝáñÑíáõÙ ¿ ѳٳå³ï³ëË³Ý ³ñÅ»ùÁª editConnection = "Provider= Microsoft.Jet.OLEDB.4.0;Data Source= http://localhost;Initial Catalog=MyBaza; UserId=;Password=;" editCmd.ActiveConnection = editConnection; γåÁ ѳëï³ï»Éáõó Ñ»ïá ѳٳå³ï³ëË³Ý SQL Ññ³Ù³ÝÁ áñå»ë ³ñÅ»ù ßÝáñÑíáõÙ ¿ ûµÛ»ÏïÇ CommandText ѳïÏáõÃÛ³ÝÁª editQuery = “insert into Customers (CompanyName, ContactName, City) values (‘³ñÅ»ù1’,’³ñÅ»ù2’,’³ñÅ»ù3’)”; editCmd.CommandText = editQuery; ì»ñÁ µ»ñí³Í SQL Ññ³Ù³ÝÁ Ý߳ݳÏáõÙ ¿, áñ Customers ³ÕÛáõë³ÏÇ CompanyName, ContactName ¨ City ëÛáõݳÏÝ»ñáõÙ å»ïù ¿ Ùáõïù³·ñí»Ý, ѳٳå³ï³ë˳ݳµ³ñ, ‘³ñÅ»ù1’, ‘³ñÅ»ù2’ ¨ ‘³ñÅ»ù3’ Ù»ÍáõÃÛáõÝÝ»ñÁ (áñáÝù ëï³óíáõÙ »Ý ѳñóáõ٠ϳï³ñáÕ ¿çÇ å³ïÏ»ñ³Ó¨Çó): ¸ñ³ÝÇó Ñ»ïá Execute() Ù»Ãá¹Ç ÙÇçáóáí Ññ³Ù³ÝÁ ϳï³ñíáõÙ ¿ ¨ Command ûµÛ»ÏïÇ Ï³åÁ µ³½³ÛÇ Ñ»ï ³ÝÙÇç³å»ë ÁݹѳïíáõÙ ¿ (Close() Ù»Ãá¹áí)ª editCmd.Execute(); 181
editCmd.ActiveConnection.Close(); êïáñ¨ Ý»ñϳ۳óí³Í ¿ JavaScript ASP ëó»Ý³ñÇ (insertCust.asp ý³ÛÉÁ) ûñÇݳÏ, áñÇ ÙÇçáóáí å³ïÏ»ñ³Ó¨áõÙ Ùáõïù³·ñíáÕ ïíÛ³ÉÝ»ñÁ ·ñ³ÝóíáõÙ »Ý µ³½³ÛÇ Customers ³ÕÛáõë³ÏáõÙ: ´³½³ÛÇ Ñ»ï ϳå³ÏóáõÙÁ ³å³Ñáí»Éáõ ѳٳñ ëï»ÕÍí³Í ¿ ³é³ÝÓÇÝ asp ý³ÛÉ (Baza.asp), áñÁ ¿çáõÙ Ý»ñ¹ñí³Í ¿ #include Ññ³Ñ³Ý·Ç ÙÇçáóáí: àõß³¹ñáõÃÛáõÝ ¹³ñÓñ»ù, û ÇÝãå»ë »Ý Ùß³ÏíáõÙ å³ïÏ»ñ³Ó¨Çó ëï³óí³Í ïíÛ³ÉÝ»ñÁ ¨ ÇÝãå»ë ¿ ϳéáõóíáõÙ SQL Ññ³Ù³ÝÁ: ------Baza.asp ý³ÛÉÁ------<% // FileName="Connection_odbc_conn_dsn.htm" // Type="ADO" // DesigntimeType="ADO" // HTTP="false" // Catalog="" // Schema="" var MyBaza_STRING = "Provider= Microsoft.Jet.OLEDB.4.0;Data Source=http://localhost;Initial Catalog=MyBaza; UserId=;Password=;"; %> ------insertCust.asp ý³ÛÉÁ------<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%> <!--#include file="../Connections/Baza.asp" --> <% var editAction = Request.ServerVariables("SCRIPT_NAME"); if (Request.QueryString) { editAction += "?" + Server.HTMLEncode(Request.QueryString); } var abortEdit = false; var editQuery = ""; if (String(Request("insert")) == "form_insert") { var editConnection = MyBaza_STRING; var editTable = "Customers"; var editRedirectUrl = "insertCust.asp"; var fieldsStr = "CompanyName|value|ContactName|value|City|value"; var columnsStr = "CompanyName|none,none,NULL|ContactName|none,none,NULL|City|none,none,NULL"; // create the fields and columns arrays var fields = fieldsStr.split("|"); var columns = columnsStr.split("|"); // set the form values for (var i=0; i+1 < fields.length; i+=2) { fields[i+1] = String(Request.Form(MM_fields[i])); } // append the query string to the redirect URL if (editRedirectUrl && Request.QueryString && Request.QueryString.Count > 0) { editRedirectUrl += ((editRedirectUrl.indexOf('?') == -1)?"?":"&") + Request.QueryString; } } // append the query string to the redirect URL if (editRedirectUrl && Request.QueryString && Request.QueryString.Count > 0) { editRedirectUrl += ((editRedirectUrl.indexOf('?') == -1)?"?":"&") + Request.QueryString; } } // Insert Record: construct a sql insert statement and execute it if (String(Request("MM_insert")) != "undefined") { // create the sql insert statement 182
var tableValues = "", dbValues = ""; for (var i=0; i+1 < fields.length; i+=2) { var formVal = fields[i+1]; var typesArray = columns[i+1].split(","); var delim = (typesArray[0] != "none") ? typesArray[0] : ""; var altVal = (typesArray[1] != "none") ? typesArray[1] : ""; var emptyVal = (typesArray[2] != "none") ? typesArray[2] : ""; if (formVal == "" || formVal == "undefined") { formVal = emptyVal; } else { if (altVal != "") { formVal = altVal; } else if (delim == "'") { // escape quotes formVal = "'" + formVal.replace(/'/g,"''") + "'"; } else { formVal = delim + formVal + delim; } } tableValues += ((i != 0) ? "," : "") + columns[i]; dbValues += ((i != 0) ? "," : "") + formVal; } editQuery = "insert into " + editTable + " (" + tableValues + ") values (" + dbValues + ")"; if (!abortEdit) { // execute the insert var editCmd = Server.CreateObject('ADODB.Command'); editCmd.ActiveConnection = editConnection; editCmd.CommandText = editQuery; editCmd.Execute(); editCmd.ActiveConnection.Close(); if (editRedirectUrl) { Response.Redirect(editRedirectUrl); } } } %> <html> <head> <title></title> </head> <body> <form action="<%=editAction%>" method="post" name="form_insert"> <input type="text" name="CompanyName" /> <input type="text" name="ContactName" /> <input type="text" name="City" /> <input type="hidden" name="insert" value="form_insert"> </form> </body> </html>
4.5.2. Execute() Ù»Ãá¹Á Ø»Ãá¹Ç ÙÇçáóáí ϳ½Ù³Ï»ñåíáõÙ ¿ “.asp” ÁݹɳÛÝáõÙáí ý³ÛÉ»ñÇ Ï³ÝãÁ ¨ ϳï³ñáõÙÁ: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÝ ¿ª Server.Execute(path), 183
áñï»Õ` path-Á ϳï³ñíáÕ .asp ý³ÛÉÇ Ñ³ëó»Ý ¿: Àݹ áñáõÙ, ³ÛÝ ãå»ïù ¿ å³ñáõݳÏÇ Ñ³ñóÙ³Ý ïáÕ, ³ÛëÇÝùÝ` “?” Ýß³ÝÇó Ñ»ïá ·ñ³Ýóí³Í Ù³ë: Ø»Ãá¹Ç ÙÇçáóáí ϳñ»ÉÇ ¿ ³å³Ñáí»É ASP ëÏñÇåïÝ»ñÇ ÙÇ ³ÙµáÕç ·ñ³¹³ñ³ÝÇ Ñ³ë³Ý»ÉÇáõÃÛáõÝÁ, ÇÝãå»ë ݳ¨ ³Û¹ ëÏñÇåïÝ»ñÇ Ï³ÝãÝ áõ ϳï³ñáõÙÁ: γÝãáÕ ¿çÇ µáÉáñ Ý»ñϳéáõóí³Í ûµÛ»ÏïÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ, ѳí³ù³ÍáõÝ»ñÁ, Ù»Ãá¹Ý»ñÁ ¨ ÷á÷á˳ϳÝÝ»ñÁ ѳë³Ý»ÉÇ »Ý ¹³éÝáõ٠ϳÝãíáÕ ¿çÇ Ñ³Ù³ñ: ÜáõÛÝå»ë ѳë³Ý»ÉÇ »Ý µáÉáñ ëï»ÕÍí³Í ÷á÷á˳ϳÝÝ»ñÁ ¨ ûµÛ»ÏïÝ»ñÁ: ê³Ï³ÛÝ Ï³ÝãíáÕ ý³ÛÉÇÝ ³Ýѳë³Ý»ÉÇ »Ý #include ¹Çñ»ÏïÇíÇ ÙÇçáóáí Ý»ñ¹ñí³Í é»ëáõñëÝ»ñÁ: êïáñ¨` welcome.asp ý³ÛÉáõ٠ϳ½Ù³Ï»ñåíáõÙ ¿ ѳٳå³ï³ëË³Ý asp ëÏñÇåïÇ Ï³ï³ñáõÙÁ, áñÇ ÙÇçáóáí ϳÝãáÕ ¿çáõÙ ³ñï³å³ïÏ»ñíáõÙ ¿ ѳٳå³ï³ëË³Ý É»½íáí ·ñí³Í áÕçáõÛÝÁ: ---welcome.asp --<html> <body> <h1> Company Name</h1> <% Lang = Request.ServerVariables("HTTP_ACCEPT_LANGUAGE") Lang = Left(AcceptLang, 2) Server.Execute(Lang & "Welcome.asp") %> </body> </html> <--enWelcome.asp ý³ÛÉÁ (³Ý·É»ñ»Ý) <% Response.Write "Welcome to my website!" %> <--deWelcome.asp ý³ÛÉÁ (·»ñٳݻñ»Ý) <% Response.Write "Willkommen zu meinem website!" %> <--esWelcome.asp ý³ÛÉÁ (Çëå³Ý»ñ»Ý) <% Response.Write "Recepción a mi website!" %> ØÇç³í³ÛñÇ HTTP_ACCEPT_LANGUAGE ÷á÷á˳ϳÝÇ ³ñÅ»ùÇó ϳËí³Í, ³ñï³å³ïÏ»ñÙ³Ý ³ñ¹ÛáõÝùáõÙ Ïëï³óí»Ý Ñ»ï¨Û³É áÕçáõÛÝÝ»ñÁª ----³Ý·É»ñ»Ý--Company Name Welcome to my website! ----·»ñٳݻñ»Ý--Company Name Willkommen zu meinem website! ----Çëå³Ý»ñ»Ý--Company Name Recepción a mi website!
4.5.3. GetLastError() Ù»Ãá¹Á Ø»Ãá¹Á í»ñ³¹³ñÓÝáõÙ ¿ ϳï³ñí³Í ë˳ÉÇ ï»ë³ÏÇ Ýϳñ³·ñáõÃÛáõÝÁ, ûñÇݳϪ åñ»åñáó»ëáñÇ Ññ³Ù³ÝÝ»ñÇ ¨ ÷á÷á˳ϳÝÝ»ñÇ ë³ÑÙ³ÝÙ³Ý, ÏáÙåÇɳóÙ³Ý (ϳï³ñíáÕ Íñ³·ñÇ Ññ³Ù³ÝÝ»ñÇ Ïá¹»ñÇ Ó¨³Ï»ñåÙ³Ý) ¨ ϳï³ñÙ³Ý (³ÛëÇÝùÝ` ³ÝÃáõÛɳïñ»ÉÇ ·áñÍáÕáõÃÛáõÝÝ»ñÇ û·ï³·áñÍÙ³Ý, ûñÇݳÏ` ½ñáÛÇ µ³Å³ÝÙ³Ý): Ø»Ãá¹Ç ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿` Server.GetLastError () :
4.5.4. HTMLEncode() Ù»Ãá¹Á
Ø»Ãá¹Ç ÙÇçáóáí ïñí³Í ïáÕáõÙ å³ñáõݳÏáÕ HTML Ïá¹Á Ý»ñϳ۳óíáõÙ ¿ åñÇÙÇïÇíÝ»ñÇ ï»ëùáí: úñÇݳÏ, Ñ»ï¨Û³É ëÏñÇåïÇ <%= Server.HTMLEncode(“ä³ñ³·ñ³ýÇ ï»·Á - <p>”)%> ϳï³ñÙ³Ý ³ñ¹ÛáõÝùáõÙ Ïëï³óíǪ ä³ñ³·ñ³ýÇ ï»·Á - &lt;p&gt; :
4.5.5. MapPath() Ù»Ãá¹Á Ø»Ãá¹Ç ÙÇçáóáí ϳÝãíáÕ ý³ÛÉ»ñÇ íÇñïáõ³É ϳ٠ѳñ³µ»ñ³Ï³Ý ѳëó»Ý»ñÁ í»ñ³ÍíáõÙ »Ý ë»ñí»ñ³ÛÇÝ ¹Çñ»ÏïáñdzݻñÇ ÉñÇí ýǽÇÏ³Ï³Ý Ñ³ëó»Ý»ñÇ: úñÇݳÏ, ÁÝóóÇÏ ý³ÛÉÇ ýǽÇÏ³Ï³Ý Ñ³ëó»Ý ëï³Ý³Éáõ ѳٳñ ϳñ»ÉÇ ¿ û·ï³·áñÍ»É Ñ»ï¨Û³É ëÏñÇåïÁª 184
<% = Server.MapPath(Request.ServerVariables("PATH_INFO")) %><br /> êÏñÇåïÇ Ï³ï³ñÙ³Ý ³ñ¹ÛáõÝùÁ ϳñáÕ ¿ ÉÇÝ»É ³ÛëåÇëÇݪ c:\inetpub\wwwroot\script\test.asp ø³ÝÇ áñ ѳçáñ¹ »ñÏáõ ûñÇݳÏÝ»ñáõ٠ѳëó»Ý»ñÁ ïñí³Í »Ý ѳñ³µ»ñ³Ï³Ý ï»ëùáí ¨ ã»Ý ëÏëíáõÙ ß»Õ ·ÍÇÏáí, ³å³ ¹ñ³Ýó ³í»É³óíáõÙ ¿ ÁÝóóÇÏ ÃÕóå³Ý³ÏÇ Ñ³ëó»Ý (ûñÇݳÏÝ»ñáõÙ ¹³ c:\inetpub\wwwroot\script-Ý ¿)ª <%= Server.MapPath("data.txt")%><br /> <%= Server.MapPath("script/data.txt")%> ²ñ¹ÛáõÝùáõÙ Ïëï³óíǪ c:\inetpub\wwwroot\script\data.txt c:\inetpub\wwwroot\script\script\data.txt Ø»ÏݳñϳÛÇÝ ¿çÇ ýǽÇÏ³Ï³Ý Ñ³ëó»Ý (³Ûëå»ë Ïáãí³Í` home directory-Ý) ϳñ»ÉÇ ¿ ëï³Ý³É Ñ»ï¨Û³É ëÏñÇåïÇ ÙÇçáóáíª <%= Server.MapPath("/")%> ²ñ¹ÛáõÝùáõÙ Ïëï³óíǪ c:\inetpub\wwwroot :
4.5.6. Transfer() Ù»Ãá¹Á Ø»Ãá¹Ç ÙÇçáóáí áñ¨¿ .asp ý³ÛÉÇ Ï³ï³ñÙ³Ý ÁÝóóùáõÙ Ïáõï³Ïí³Í ³ÙµáÕç ÇÝýáñÙ³óÇ³Ý Ñ³Õáñ¹íáõÙ ¿ (³ÛëÇÝùÝ` ѳë³Ý»ÉÇ ¿ ¹³éÝáõÙ) Ù»Ï ³ÛÉ .asp ý³ÛÉÇÝ: Ðñ³Ù³ÝÁ ·ñ³ÝóíáõÙ ¿ Ñ»ï¨Û³É ï»ëùáíª Server.Transfer (path), áñï»Õ path-Á ³ÛÝ ý³ÛÉÇ Ñ³ëó»Ý ¿, áñÇÝ Ñ³Õáñ¹íáõÙ ¿ Ïáõï³Ïí³Í ÇÝýáñÙ³ódzÝ, Áݹ áñáõÙ` ¹³ ÝáõÛÝÇëÏ Ï³ñáÕ ¿ ÉÇÝ»É ÙÇ ³ÛÉ Ï³ÛùÇ (³ÛÉ application-Ç) ý³ÛÉ: úñÇݳÏ, ¹Çóáõù` å»ïù ¿ ÷á˳Ýó»É asp1.asp ý³ÛÉáõÙ Ïáõï³Ïí³Í ÇÝýáñÙ³óÇ³Ý asp2.asp ý³ÛÉÇÝ: γ½Ù»Ýù »ñÏáõ ý³Ûɪ ---asp1--<html> <body> <% Dim sessvar1 Response.Write(Session.SessionID) Response.Write ("<br />") Response.Write("I am going to asp2 <br />") Server.Transfer("/Myasps/asp2.asp") %> </body> </html> ---asp2--<html> <body> <% Response.Write(Session.SessionID) %> </body> </html> ²ß˳ï³ÝùÇ ³ñ¹ÛáõÝùáõÙ Ïëï³óí»Ý Ñ»ï¨Û³É ³ñï³å³ïÏ»ñáõÙÝ»ñÁª ---asp1--ë»ëdzÛÇ ID-Ý I am going to asp2 ---asp2--ë»ëdzÛÇ ID-Ý:
4.5.7. URLEncode() Ù»Ãá¹Á Ø»Ãá¹Á, URL ϳÝáÝÝ»ñÇ Ñ³Ù³Ó³ÛÝ, Ïá¹³íáñáõÙ ¿ áñå»ë ³ñ·áõÙ»Ýï ·ñ³Ýóí³Í ѳëó»Ý: ¶ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ Ñ»ï¨Û³ÉÝ ¿ª Server.URLEncode(ïáÕ): úñÇݳÏ, Ñ»ï¨Û³É asp Ññ³Ù³ÝÇ 185
<%Response.Write(Server.URLEncode("http://www.microsoft.com")) %> ϳï³ñÙ³Ý ³ñ¹ÛáõÝùáõ٠ϳñï³å³ïÏ»ñíÇ http%3A%2F%2Fwww%2Emicrosoft%2Ecom ïáÕÁ:
¢4.6. XML É»½íÇ ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÝ»ñÁ ²é³çÇÝ Ñ³Û³óùÇó XML É»½áõÝ ÝÙ³ÝíáõÙ ¿ HTML-ÇÝ: ºñÏáõëÇ ÑÇÙùÝ ¿É SGML (Standard Generalized Markup Language) É»½áõÝ ¿: ºñÏáõëÝ ¿É áõÝ»Ý ëï»ÕÍÙ³Ý ÙdzÝÙ³Ý ·áñÍÇù³ÛÇÝ µ³½ÙáõÃÛáõÝ: ê³Ï³ÛÝ É»½áõÝ»ñÁ ï³ñµ»ñíáõÙ »Ý »ñÏáõ ÑÇÙÝ³Ï³Ý áõÕÕáõÃÛáõÝÝ»ñáíª ß³ñ³¹³ëáõÃÛ³Ý ¨ ÇÙ³ëï³ÛÇÝ: Þ³ñ³¹³ë³Ï³Ý ï³ñµ»ñáõÃÛáõÝÝ»ñÇ ¨ ¹ñ³Ýù ѳÕóѳñ»Éáõ (XHTML É»½áõÝ û·ï³·áñÍ»Éáõ, µÝáõó·ñÇãÝ»ñÇ ³ñÅ»ùÝ»ñÁ ã³Ï»ñïÝ»ñáõÙ ·ñ³Ýó»Éáõ, ÷³ÏáÕ ï»·Ç ‘/’ Ýß³ÝÁ å³ñï³¹Çñ û·ï³·áñÍ»Éáõ ¨ ³ÛÉÝ) Ñݳñ³íáñáõÃÛ³Ý Ù³ëÇÝ ³ñ¹»Ý ³ëí»É ¿ ݳËáñ¹ ß³ñ³¹ñ³ÝùáõÙ: HTML-Á ÑÇÙÝí³Í ¿ Ù»Ï “µ³é³ñ³ÝÇ” û·ï³·áñÍÙ³Ý íñ³: úñÇݳÏ` <b> ·ñ³ÝóáõÙÁ ÙÇßï ¿É ÙǨÝáõÛÝ Ó¨áí ¿ ѳëϳóíáõÙ HTML åñáó»ëáñÝ»ñÇ ÏáÕÙÇó: Æ ï³ñµ»ñáõÃÛáõÝ HTML-Ç, XML-Á ÃáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É ·Í³ÝßÙ³Ý ³Ýѳï³Ï³Ý µ³é³ñ³Ý ϳ٠ó³ÝóáõÙ ³é³ç³ñÏíáÕ µ³é³ñ³ÝÝ»ñÇ ï³ñµ»ñ³ÏÝ»ñÇó ÁÝïñ»É Çñ³·áñÍíáÕ Ýå³ï³ÏÝ»ñÇÝ ³é³í»É ѳٳå³ï³ë˳ÝáÕÁ: ê˻ٳݻñÇ ¨ ÷³ëï³ÃÕûñÇ ï»ë³ÏÝ»ñÇ ë³ÑÙ³ÝáõÙÝ»ñÇ (DTD) û·ï³·áñÍáõÙÁ ÃáõÛÉ ¿ ï³ÉÇë ϳ½Ù»É å³Ñ³ÝçíáÕ ï»ë³ÏÇ µ³é³ñ³ÝÝ»ñ: ö³ëï³ÃÕûñÁ ϳñ»ÉÇ ¿ ëï»ÕÍ»É Ý³¨ ýáñÙ³É ë³ÑÙ³ÝáõÙÝ»ñ ãå³ñáõݳÏáÕ µ³é³ñ³ÝÝ»ñÇ û·ÝáõÃÛ³Ùµ: “²Ýí³Ý³¹³ßï»ñÁ” (namespacis) Ñݳñ³íáñáõÃÛáõÝ »Ý ÁÝÓ»éáõ٠ǹ»ÝïÇýÇϳóÝ»Éáõ û·ï³·áñÍíáÕ µ³é³ñ³ÝÁ: HTML-Ç ¨ XML-Ç ï³ñµ»ñáõÃÛ³Ý í»ñ³µ»ñÛ³É ëϽµÝ³Ï³Ý å³ïÏ»ñ³óáõÙ ëï³Ý³Éáõ ѳٳñ ѳٻٳï»Ýù »ñÏáõ É»½áõÝ»ñáí ϳ½Ùí³Í ÙǨÝáõÝ ÷³ëï³ÃáõÕÃÁ: ---- HTML ÷³ëï³ÃáõÕÃÁ----<head> <title>printer</title> </head> <body> <h1>²ñï³¹ñáÕÇ_³Ýí³Ý. wizbang 3000 dot matrix printer</h1> <ul>features: <li>40 pages per minute <li>60 dpi printing </ul> <p>$200.00 <p>10 lbs. </body> -------XML ÷³ëï³ÃáõÕÃÁ-----<?xml version="1.0"?> <manufacturer>komputersource <product> <class>printer <type>dot matrix</type> </class> <name>wizbang3000</name> <features> <speed units="ppm">40</speed> <quality units="dpi">60</quality> </features> <price units="usd"> <retail>200</retail> <wholesale>110</wholesale> </price> <weight units="lbs">10</weight> </product> </manufacturer> 186
гٻٳï»Éáí »ñÏáõ ÷³ëï³ÃÕûñÁ` ϳñ»ÉÇ ¿ ï»ëÝ»É, áñ XML ÷³ëï³ÃÕÃáõÙ ëå³éÇã Ï»ñåáí µ³ó³Ñ³Ûïí³Í ¿ µáí³Ý¹³ÏáõÃÛáõÝÁ ¨ ï³ññ»ñÇ ÑÇ»ñ³ñËÇ³Ý (ãÝ³Û³Í ãÇ µ³ó³Ñ³ïíáõÙ, û ÇÝãå»±ë å»ïù ¿ ³ÛÝ Ó¨³ã³÷íÇ): ¸³ Ñݳñ³íáñ ¿ ¹³éÝáõÙ ÙǨÝáõÛÝ ¹»ëÏñÇåïáñÝ»ñ (³ÝáõÝÝ»ñ) áõÝ»óáÕ µ³óíáÕ ¨ ÷³ÏíáÕ ï»·»ñÇ å³ñï³¹Çñ ³éϳÛáõÃÛ³Ý ¨ ¹ñ³Ýó ×ß·ñÇï Ý»ñ¹ñÙ³Ý Ñ³ßíÇÝ: úñÇݳÏ, å³ñ½ ¿, áñ product (³ñï³¹ñ³ï»ë³Ï) ï»·Á ѳݹÇë³ÝáõÙ ¿ manufacturer ï»·Ç “½³í³ÏÁ”, ³ÛëÇÝùÝ` ïíÛ³É ¹»åùáõÙ “ÍÝáÕ” ï»·áõÙ Ñݳñ³íáñ ¿ ï»Õ³¹ñ»É ÙÇ ù³ÝÇ “½³í³ÏÝ»ñ”: Úáõñ³ù³ÝãÛáõñ ³ñï³¹ñ³ï»ë³Ï Çñ Ñ»ñÃÇÝ áõÝÇ µ³½Ù³ÃÇí “½³í³ÏÝ»ñ”, ûñÇݳÏ` ¹³ë (class), ³ÝáõÝ (name), µÝáõó·ñ»ñ (features) ¨ ³ÛÉÝ: ÆѳñÏ», í³×³éáÕÇ ï»ë³ÝÏÛáõÝÇó Ûáõñ³ù³ÝãÛáõñ ³ñï³¹ñ³ï»ë³Ï ϳñáÕ ¿ áõÝ»Ý³É µ³½Ù³ÃÇí ³ñï³¹ñáÕÝ»ñ, ¨ ³Û¹ ¹»åùáõÙ ÷³ëï³ÃÕÃÇ ï³ññ»ñÇ ÑÇ»ñ³ñËÇ³Ý å»ïù ¿ ϳéáõóíÇ ³ÛÉ Ï»ñå: ò³Ýϳó³Í ¹»åùáõÙ XML-Ç Ï³éáõóí³Íù³ÛÇÝ ëË»Ù³Ý Ñ³ëϳݳÉÇ ¿ ¨° Ù³ñ¹áõ, ¨° ѳٳϳñ·ãÇ Ñ³Ù³ñ: Àݹ áñáõÙ, ï»·»ñÁ ¨ ϳéáõóí³ÍùÁ ³íïáÙ³ï³óÙ³Ý ³í»ÉÇ Ñ³ñáõëï Ñݳñ³íáñáõÃÛáõÝÝ»ñ »Ý ÁÝÓ»éáõÙ: úñÇݳϪ ß³ï Ñ»ßï ¿ ϳï³ñ»É ïíÛ³ÉÝ»ñÇ ï»ë³Ï³íáñáõÙÁ Áëï ï³ñµ»ñ ѳÛï³ÝÇßÝ»ñÇ, ÷á÷áË»É ³ñï³¹ñ³ï»ë³ÏÇ ï³ñµ»ñ µÝáõó·ñ»ñÁ ¨ ³ÛÉÝ: ²Û¹åÇëÇ Ï³éáõóí³ÍùÁ ÃáõÛÉ ¿ ï³ÉÇë û·ï³·áñÍ»É XML ý³ÛÉ»ñÁ áñå»ë ïíÛ³ÉÝ»ñÇ ÷áùñÇÏ µ³½³Ý»ñ, ³Ûëå»ë Ïáãí³Í, “ïíÛ³ÉÝ»ñÇ ÏÕ½Û³ÏÝ»ñ” (data islands): Àݹ áñáõÙ, áã ÙdzÛÝ å³ñ½³·áõÛÝ ïíÛ³ÉÝ»ñ å³Ñå³Ý»Éáõ, ³Ûɨ Íñ³·ñ³íáñÙ³Ý ï³ñµ»ñ É»½áõÝ»ñáí ·ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍÝ»ñ ¨ ³ÙµáÕç³Ï³Ý Íñ³·ñ»ñ: úñÇݳÏ, ¹Çóáõù` ó³ÝϳÝáõÙ »Ýù å³Ñå³Ý»É Ó»éݳñÏáõÃÛ³Ý ³ß˳ï³ÏÇóÝ»ñÇ í»ñ³µ»ñÛ³É ïíÛ³ÉÝ»ñª ³ÝáõÝÁ, ³½·³ÝáõÝÁ, ѳÛñ³ÝáõÝÁ, ѳëó»Ý, ½µ³Õ»óñ³Í å³ßïáÝÁ ¨ ³ß˳ï³í³ñÓÇ ã³÷Á: àñå»ë ³ñÙ³ï³ÛÇÝ Ñ³ëϳóáõÃÛáõÝ ÁݹáõÝ»Ýù ³ß˳ïáÕÝ»ñÇ óáõó³ÏÁ (employeelist): ²é³ÝÓÇÝ ³ß˳ïáÕÇ í»ñ³µ»ñÛ³É ·ñ³ÝóáõÙÝ»ñÁ ³Ýí³Ý»Ýù employeerecord ¨ ³Û¹å»ë ÑÇ»ñ³ñËdzÛáí ¹»åÇ í³ñ: òáõó³ÏÁ ϳñ»ÉÇ ¿ Ý»ñϳ۳óÝ»É Ñ»ï¨Û³É XML ÷³ëï³ÃÕÃÇ ï»ëùáíª <?xml version="1.0"?> <employeelist> <employeeRecord> <name>ì³Õ³ñßÛ³Ý ì³Õ³ñß</name> <homeAddress>ù. ºñ¨³Ý, ÷. ì³Õ³ñßÛ³Ý, ß.1, µÝ. 1</homeAddress> <jobTitle>´³ÅÝÇ å»ï</jobTitle> <salary>$175,000</salary> </employeeRecord> …¶ñ³ÝóáõÙÝ»ñ (<employeeRecord>…</employeeRecord>) ÙÛáõë ³ß˳ïáÕÝ»ñÇ Ù³ëÇÝ… </employeelist> ÐÇ»ñ³ñËdzÛÇ Ù³Ï³ñ¹³ÏÝ»ñÇ ù³Ý³ÏÁ ϳËí³Í ¿ Ýñ³ÝÇó, û ÇÝã Ýå³ï³ÏÝ»ñÇ Ñ³Ù³ñ å»ïù ¿ ͳé³ÛÇ ïíÛ³É ÷³ëï³ÃáõÕÃÁ: ºÃ» ³ÝÑñ³Å»ßï ¿ ϳï³ñ»É ïíÛ³ÉÝ»ñÇ ï»ë³Ï³íáñáõÙ, Áëï ï³ñµ»ñ ѳÛï³ÝÇßÝ»ñÇ ½ïáõÙ (ýÇÉïñáõÙ) ¨ ³ÛÉÝ, å»ïù ¿ ³í»É³óÝ»É ëïáñ³µ³Å³ÝÙ³Ý Ñ³ïϳÝÇßÝ»ñÇ ù³Ý³ÏÁ ϳ٠ÑÇ»ñ³ñËdzÛÇ Ù³Ï³ñ¹³ÏÝ»ñÁ: úñÇݳÏ, »Ã» ³ß˳ï³ÏÇóÝ»ñÇÝ å»ïù ¿ ï»ë³Ï³íáñ»É Áëï µÝ³Ï³í³ÛñÇ, ³å³ ϳñ»ÉÇ ¿ ³í»É³óÝ»É <city> ï»·Á ¨ ·ñ³Ýó»É ù³Õ³ùÇ ³ÝáõÝÁ: Àëï ³½·³ÝáõÝÝ»ñÇ ï»ë³Ï³íáñ»Éáõ ѳٳñ å»ïù ¿ ³é³ÝÓݳóÝ»É ³ÝáõÝÁ ¨ ³½·³ÝáõÝÁ ³é³ÝÓÇÝ ï»·»ñáõÙ: ºÃ» ³ÝÑñ³Å»ßï ¿ ³ß˳ï³í³ñÓÁ ³ñï³Ñ³Ûï»É ¹ñ³Ùáí ϳ٠³ÛÉ ³ñÅáõÛÃáí, ϳñ»ÉÇ ¿ ¹ñ³ ã³÷Ù³Ý ÙdzíáñÁ Ý»ñϳ۳óÝ»É áñå»ë <salary> ï»·Ç µÝáõó·ñÇ㪠<salary currency=”usd”>: ì»ñ³÷áËí³Í ÷³ëï³ÃáõÕÃÁ ϳñáÕ ¿ ÁݹáõÝ»É, ûñÇݳÏ, Ñ»ï¨Û³É ï»ëùÁª <?xml version="1.0"?> <employeelist> <employeeRecord> <firstname>ì³Õ³ñß</firstname> <lastname>ì³Õ³ñßÛ³Ý</lastname> <city>ºñ¨³Ý</city> <homeAddress>÷. ì³Õ³ñßÛ³Ý, ß.1, µÝ. 1</homeAddress> <jobTitle>´³ÅÝÇ å»ï</jobTitle> <salary currency=”usd”>175,000</salary> </employeeRecord> …¶ñ³ÝóáõÙÝ»ñ ÙÛáõë ³ß˳ïáÕÝ»ñÇ Ù³ëÇÝ… </employeelist> 187
XML ÷³ëï³ÃÕûñÇ ïíÛ³ÉÝ»ñÇ û·ï³·áñÍÙ³Ý »Õ³Ý³ÏÝ»ñÁ ÝáõÛÝÝ »Ý, ÇÝã ¨ ³ÛÉ ÷³ëï³ÃÕûñÇÝÁª ý³ÛÉ»ñÁ ϳñ»ÉÇ ¿ ·ñ³Ýó»É ³ÝÙÇç³å»ë HTML ÷³ëï³ÃÕÃÇ Ù»ç, Ý»ñ¹Ý»É <xml src=”ѳëó»”> ï»·Ç, #include ¹Çñ»ÏïÇíÇ Ï³Ù <object> ï»·Ç ÙÇçáóáí ¨, í»ñç³å»ë, ϳå³Ïó»É <link> ï»·Ç û·ÝáõÃÛ³Ùµ: ÆëÏ ïíÛ³ÉÝ»ñÇ Ï³å³ÏóÙ³Ý »Õ³Ý³ÏÝ»ñÁ ÝáõÛÝÝ »Ý, ÇÝã ¨ TDC ϳ٠RDS ï³ññ»ñÇ Ñ³Ù³ñª ³ÝÙÇç³Ï³Ý ¨ ³ÕÛáõë³Ï³ÛÇÝ: ä³ñ½³µ³Ý»Éáõ ѳٳñ µ»ñ»Ýù »ñÏáõ ûñÇݳÏ: ²é³çÇÝ ûñÇݳÏáõÙ ³ß˳ï³ÏÇóÝ»ñÇ` í»ñÁ ϳ½Ù³Í óáõó³ÏÁ ï»Õ³¹ñí³Í ¿ ³ÝÙÇç³å»ë HTML ÷³ëï³ÃÕÃáõÙ (Íñ. 4.6.1): ºñÏñáñ¹ ûñÇݳÏáõÙ XML ÷³ëï³ÃáõÕÃÁ Ó¨³Ï»ñåí³Í ¿ áñå»ë ³é³ÝÓÇÝ ý³ÛÉ ¨ Ý»ñ¹ñí³Í ¿ HTML ÷³ëï³ÃÕÃáõÙ <xml> ï»·Ç ÙÇçáóáí (Íñ. 4.6.2): Ìñ. 4.6.1. XML ÷³ëï³ÃÕÃÇ ·ñ³ÝóáõÙÁ ³ÝÙÇç³å»ë HTML ý³ÛÉáõÙ <html><head><title></title></head> <body> <xml id="empList"> <?xml version="1.0"?> <employeelist> <employeeRecord> < firstname >ì³Õ³ñß</firstname> <lastname>ì³Õ³ñßÛ³Ý</lastname> <city>ºñ¨³Ý</city> <homeAddress>÷. ì³Õ³ñßÛ³Ý, ß.1, µÝ. 1</homeAddress> <jobTitle>´³ÅÝÇ å»ï</jobTitle> <salary currency=”usd”>175,000</salary> </employeeRecord> …·ñ³ÝóáõÙÝ»ñ ÙÛáõë ³ß˳ïáÕÝ»ñÇ Ù³ëÇÝ… </employeelist> </xml> <table datasrc="#empList"> <tr> <td><div datafld="firstname"></div></td> <td><div datafld="lastname"></div></td> <td><div datafld="city"></div></td> <td><div datafld="homeAddress"></div></td> ... </tr> </table> </body> </html> Ìñ. 4.6.2. XML ý³ÛÉÇ Ý»ñ¹ñáõÙÁ HTML ý³ÛÉáõÙ -----emploee.xml ý³ÛÉÁ------<xml id="empList"> <?xml version="1.0"?> <employeelist> <employeeRecord> <firstname>ì³Õ³ñß</firstname> <lastname>ì³Õ³ñßÛ³Ý</lastname> <city>ºñ¨³Ý</city> <homeAddress>÷. ì³Õ³ñßÛ³Ý, ß.1, µÝ. 1</homeAddress> <jobTitle>´³ÅÝÇ å»ï</jobTitle> <salary currency=”usd”>175,000</salary> </employeeRecord> …·ñ³ÝóáõÙÝ»ñ ÙÛáõë ³ß˳ïáÕÝ»ñÇ Ù³ëÇÝ… </employeelist> </xml> ------emploee.html ý³ÛÉÁ---<html><head><title></title> 188
<xml id=”empList” src=”emploee.xml”></xml> </head> <body> <table datasrc="#empList"> <tr> <td><div datafld="firstname"></div></td> <td><div datafld="lastname"></div></td> <td><div datafld="city"></div></td> <td><div datafld="homeAddress"></div></td> ...ÙÛáõë ëÛáõݳÏÝ»ñÁ… </tr> </table> </body></html> Script µ³Õ³¹ñÇãÝ»ñ å³ñáõݳÏáÕ XML ý³ÛÉ»ñÁ (script component file) ÝÙ³Ý »Ý HTML ý³ÛÉ»ñÇÝ, ë³Ï³ÛÝ å³ñáõݳÏáõÙ »Ý ѳïáõÏ ï³ññ»ñ, áñáÝó ÙÇçáóáí ë³ÑÙ³ÝíáõÙ »Ý ³Û¹ µ³Õ³¹ñÇãÝ»ñÁ ¨ ¹ñ³Ýó “í³ñí»É³Ï»ñåÁ” (behavior): Script µ³Õ³¹ñÇãÝ»ñ å³ñáõݳÏáÕ ý³ÛÉ»ñáõÙ û·ï³·áñÍíáõÙ »Ý Ñ»ï¨Û³É ÑÇÙÝ³Ï³Ý ï³ññ»ñÁ: <component> ¨ <package> <component> ï³ññÁ Áݹ·ñÏáõÙ ¿ ÙdzÛÝ Ù»Ï script-Ç ë³ÑÙ³ÝáõÙ: ²ÛÝ ¹»åùáõÙ, »ñµ µ³Õ³¹ñÇãÝ»ñÇ ù³Ý³ÏÁ Ù»ÏÇó ³í»ÉÇÝ ¿, ¹ñ³Ýù ϳñáÕ »Ý å³Ñå³Ýí»É “.wsc” ÁݹɳÛÝáõÙáí ý³ÛÉáõÙ, ë³Ï³ÛÝ å»ïù ¿ ³Ù÷á÷í»Ý Ù»Ï <package> ï³ññáõÙ: Àݹ áñáõÙ, Ù»Ï <package>-áõ٠ϳñáÕ »Ý Áݹ·ñÏí»É Íñ³·ñ³íáñÙ³Ý ï³ñµ»ñ É»½áõÝ»ñáí ·ñí³Í µ³Õ³¹ñÇãÝ»ñ: <registration> ä³ñáõݳÏáõÙ ¿ script-Ç ·ñ³ÝóÙ³Ý Ñ³Ù³ñ ³ÝÑñ³Å»ßï ÇÝýáñÙ³ódzÝ: ê³Ï³ÛÝ ³ÛÝ å³ñï³¹Çñ ã¿, ù³ÝÇ ¹»é áã µáÉáñ µñ³áõ½»ñÝ»ñÝ »Ý ×Çßï Ù»Ïݳµ³ÝáõÙ Windows-Ç ï»ë³Ï³ÛÇÝ Ñ³ßí³éáõÙÁ (é»·Çëïñ³ódzÝ): <public> ä³ñáõݳÏáõÙ ¿ ³ÛÝ Ñ³ïÏáõÃÛáõÝÝ»ñÇ, Ù»Ãá¹Ý»ñÇ ¨ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÇ ë³ÑÙ³ÝáõÙÝ»ñÁ, áñáÝù Ýϳñ³·ñíáõÙ »Ý script µ³Õ³¹ñÇãáõÙ: гٳå³ï³ëË³Ý Ùß³ÏáÕ ýáõÝÏódzݻñÁ ¨ ÷á÷á˳ϳÝÝ»ñÁ Ýϳñ³·ñíáõÙ »Ý ¹ñ³Ý ѳñ³ÏÇó <script> ï³ññáõÙ: <script> ä³ñáõݳÏáõÙ ¿ ³ÛÝ Íñ³·ÇñÁ, áñÇ ÙÇçáóáí Çñ³·áñÍíáõÙ ¿ script µ³Õ³¹ñÇãÇ ëï»ÕÍÙ³Ý Ýå³ï³ÏÁ: <resourse> ä³ñáõݳÏáõÙ ¿ ³ÛÝ ïíÛ³ÉÝ»ñÁ, áñáÝù û·ï³·áñÍíáõÙ »Ý ëÏñÇåïáõÙ, ë³Ï³ÛÝ Íñ³·ñ³ÛÇÝ Ïá¹Ç Ù³ë ã»Ý ϳ½ÙáõÙ (Ý»ñ¹ñíáõÙ ¿ Íñ³·ñáõÙ <object> ï»·Ç ÙÇçáóáí) <reference> ä³ñáõݳÏáõÙ ¿ ÑÕáõÙÝ»ñ ³ÛÝ Íñ³·ñ»ñÇÝ, áñáÝù ³ÝÑñ³Å»ßï ¿ û·ï³·áñÍ»É ïíÛ³É script-áõÙ: êïáñ¨ Ý»ñϳ۳óí³Í ¿ ³Û¹åÇëÇ ý³ÛÉÇ Ï³éáõóí³Íù³ÛÇÝ ÏÙ³ËùÁ (Ìñ. 4.6.3.): Ìñ. 4.6.3. Script components ý³ÛÉÇ ·ñ³ÝóÙ³Ý ß³ñ³¹³ëáõÃÛáõÝÁ <?XML version="1.0"?> <package> <?component error="true" debug="true"?> <comment> This skeleton shows how script component elements are assembled into a .wsc file. </comment> <component id="MyScriptlet"> <registration progid="progID" description="description" version="version" clsid="{00000000-0000-0000-000000000000}"/> <reference object="progID"> <public> 189
<property name="propertyname"/> <method name="methodname"/> <event name="eventname"/> </public> <implements type=”COMhandlerName” id=”internalName”> (interface-specific definitions here) </implements> <script language="VBScript"> <![CDATA[ dim propertyname Function methodName() ' Script here. End Function ]]> </script> <script language="JScript"> <![CDATA[ function get_propertyname() { // Script here. } function put_propertyname(newValue) { // Script here. fireEvent(eventname) } ]]> </script> <object id="objID" classid="clsid:00000000-0000-0000-000000000000"> <resource ID="resourceID1">string or number here</resource> <resource ID="resourceID2">string or number here</resource> </component> </package> γñ»ÉÇ ¿ Ýϳï»É, áñ <script> ï³ññ»ñáõÙ Íñ³·ñ³ÛÇÝ Ïá¹Á ³Ù÷á÷í³Í ¿ ![CDATA[ ]] ѳïí³ÍáõÙ: ¸³ ³ñí³Í ¿ Ñ»ï¨Û³É å³ï׳éáí: ø³ÝÇ áñ XML-áõÙ ³ñ·»Éí³Í ¿ “<”, “ >”, “&” ¨ áñáß ³ÛÉ ëÇÙíáÉÝ»ñÇ û·ï³·áñÍáõÙÁ, ¹ñ³Ýù å»ïù ¿ ·ñ³Ýóí»Ý åñÇÙÇïÇíÝ»ñÇ ï»ëùáí, ûñÇݳϪ “<”-Ý` áñå»ë “&lt;”, “>”-Ý` áñå»ë “&gt;” ¨ ³ÛÉÝ: ê³Ï³ÛÝ Íñ³·ñ»ñáõÙ ³Û¹ Ýß³ÝÝ»ñÁ Ñݳñ³íáñ ã¿ û·ï³·áñÍ»É åñÇÙÇïÇíÝ»ñÇ ï»ëùáí ¨ ѳϳëáõÃÛáõÝÝ»ñÇó Ëáõë³÷»Éáõ Ýå³ï³Ïáí Íñ³·ñ³ÛÇÝ Ù³ëÁ ³Ù÷á÷íáõÙ ¿ ![CDATA[ ]] µÉáÏáõÙ: Ìñ³·ñ³ÛÇÝ µ³Õ³¹ñÇãÝ»ñÇ (ÏáÙåáÝ»ÝïÝ»ñÇ) û·ï³·áñÍáõÙÁ ѳëϳݳÉáõ Ýå³ï³Ïáí ϳ½Ù»Ýù ÙÇ å³ñ½ ûñÇݳÏ: γéáõó»Ýù ý³ÏïáñdzÉÇ Ñ³ßí³ñÏÇ Íñ³·ñ³ÛÇÝ µ³Õ³¹ñÇã (Íñ. 4.6.4): Ìñ. 4.6.4. ü³ÏïáñdzÉÇ Ñ³ßí³ñÏÇ Íñ³·ñ³ÛÇÝ µ³Õ³¹ñÇãÁ <?XML version="1.0"?> <component id="MyComponent"> <public> <method name="factorial"/> <method name="random" internalName="getRandomNumber"> <parameter name="upperBound"/> <parameter name="seed"/> </method> </public> <script language="VBScript"> Function factorial(n) <![CDATA[ If isNumeric(n) Then If n <= 1 Then 190
factorial = 1 Else factorial = n*factorial(n-1) End If Else factorial = -2 ' ê˳ÉÇ Ïá¹Á. End If End Function Function getRandomNumber(upperBound, seed) getRandomNumber = Cint(upperBound * Rnd(seed) + 1) End Function ]]> </script> </component> Ìñ. 4.6.4-Ç <public> ï³ññáõ٠ѳÛï³ñ³ñí³Í »Ý »ñÏáõ Ù»Ãá¹Ý»ñ (ýáõÝÏódzݻñ)ª factorial ¨ getRandomNumber, áñáÝó Íñ³·ñ³ÛÇÝ Ïá¹Á ï»Õ³¹ñí³Í ¿ <script> Ù³ëáõÙ: ºñÏáõ ï³ññ»ñÝ ¿É Áݹ·ñÏí³Í »Ý MyComponent ǹ»ÝïÇýÇϳïáñáí µ³Õ³¹ñÇãáõÙ (<component> ï³ññáõÙ): ºÃ» ͳÝáà »ù Íñ³·ñ³íáñÙ³Ý C++ ûµÛ»Ïï³ÛÇÝ É»½íÇÝ, ³å³ ϳñáÕ »ù Ýϳï»É, áñ Íñ³·ñ³ÛÇÝ µ³Õ³¹ñÇãÇ ëï»ÕÍáõÙÁ ÝÙ³Ý ¿ ¹³ëÇ ëï»ÕÍÙ³ÝÁª ѳÛï³ñ³ñíáõÙ »Ý ¨, ³å³, Ýϳñ³·ñíáõÙ ¹³ëÇ (ïíÛ³É ¹»åùáõÙ` Íñ³·ñ³ÛÇÝ µ³Õ³¹ñÇãÇ) Ù»Ãá¹Ý»ñÁ: üáõÝÏódzÛÇ ³ñ·áõÙ»ÝïÝ»ñÇ ³ÝáõÝÝ»ñÁ ѳÛï³ñ³ñíáõÙ »Ý <parameter> ï»·áõÙ: ÜáõÛÝ ëϽµáõÝùáí »Ý Ñ³Ûï³ñ³ñíáõ٠ݳ¨ µ³Õ³¹ñÇãÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ (³ÛëÇÝùÝ` ÷á÷á˳ϳÝÝ»ñÁ) ¨ Çñ³¹³ñÓáõÃÛáõÝÝ»ñÁ: úñÇݳÏ, ëïáñ¨ µ»ñí³Í Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍáõÙ <public> ï»·áõ٠ѳÛï³ñ³ñíáõÙ »Ý name ¨ tagVar ѳïÏáõÃÛáõÝÝ»ñÁ (÷á÷á˳ϳÝÝ»ñÁ), ÇëÏ <script> ï»·áõÙ ¹ñ³Ýó ïñíáõÙ »Ý ëϽµÝ³Ï³Ý ³ñÅ»ùÝ»ñ (³ñÅ»ùÝ»ñÁ ϳñáÕ »Ý ßÝáñÑí»É ݳ¨ ýáõÝÏódzݻñáõ٠ϳ٠áñáß³ÏÇ Ñ³ßí³ñÏÝ»ñÇ ³ñ¹ÛáõÝùáõÙ) ª <public> <property name="name"/> <property name="tag" internalName="tagVar"/> </public> <script language="VBScript"> <![CDATA[ Dim name name = "script component" ' name ѳïÏáõÃÛ³ÝÁ ßÝáñÑíáõÙ ¿ ‘ëϽµÝ³Ï³Ý ³ñÅ»ù Dim tagVar tagVar = "10" ' Initializes the value of tag property. ]]> </script> Ìñ³·ñ³ÛÇÝ µ³Õ³¹ñÇãÇ Ù»Ãá¹Ý»ñÇ ¨ ѳïÏáõÃÛáõÝÝ»ñÇ û·ï³·áñÍáõÙÁ ÝáõÛÝå»ë ÝÙ³Ý ¿ ¹³ëÇ Ù»Ãá¹Ý»ñÇ ¨ ѳïÏáõÃÛáõÝÝ»ñÇ û·ï³·áñÍÙ³ÝÁª ëï»ÕÍíáõÙ ¿ µ³Õ³¹ñÇãÇ ÝÙáõß ¨ ¹ñ³ ÙÇçáóáí Çñ³Ï³Ý³óíáõÙ ¿ ¹ÇÙáõÙÁ ûµÛ»ÏïÇ Ù»Ãá¹Ý»ñÇÝ ¨ ѳïÏáõÃÛáõÝÝ»ñÇÝ: úñÇݳÏ, áñå»ë½Ç û·ï³·áñÍí»Ý Íñ. 4.6.4-áõÙ ë³ÑÙ³Ýí³Í Ù»Ãá¹Ý»ñÁ, ëó»Ý³ñáõ٠ϳñáÕ »Ýù ëï»ÕÍ»É MyComponent-Ç ÝÙáõß ¨ ¹ÇÙ»É Ñ³Ù³å³ï³ëË³Ý Ù»Ãá¹Ý»ñÇݪ Set component = CreateObject("component.MyComponent") n = component.factorial(4) rand=component. getRandomNumber(100,3) : Ø»Ãá¹Ý»ñÇó áñ¨¿ Ù»ÏÁ (ÙdzÛÝ Ù»ÏÁ) ϳñ»ÉÇ ¿ ѳÛï³ñ³ñ»É áñå»ë Áëï Éé»ÉÛ³ÛÝ ÁݹáõÝíáÕª ÁÝïñí³Í Ù»Ãá¹Ç dispid (dispatch identifier) µÝáõó·ñÇãÇÝ ßÝáñÑ»Éáí “0” ³ñÅ»ùÁ: úñÇݳÏ, »Ã» ·ñ³Ýó»Ýùª <public> <method name="factorial" dispid="0"/> <method name="random" internalName="getRandomNumber"> <parameter name="upperBound"/> <parameter name="seed"/> </public>, ³å³ Íñ³·ñáõÙ Ù»Ãá¹ÇÝ Ï³ñ»ÉÇ ¿ ¹ÇÙ»É Ñ»ï¨Û³É Ï»ñåª 191
Set component = CreateObject("component.MyComponent") n = component(4): ²í»ÉÇ Ù³Ýñ³Ù³ëÝ XML-Ç ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÝ»ñÇÝ (¹³ ³é³ÝÓÇÝ Ó»éݳñÏÇ ÝÛáõà ¿) ϳñ»ÉÇ ¿ ͳÝáóݳÉ` û·ïí»Éáí ѳïáõÏ ·ñ³Ï³ÝáõÃÛáõÝÇó ϳ٠Microsoft ýÇñÙ³ÛÇ MSDN ·ñ³¹³ñ³ÝÇó:
¢ 4.7. PHP É»½íÇ ÏÇñ³éáõÃÛ³Ý µÝ³·³í³éÝ»ñÁ PHP-Ý (“PHP: Hipertext Preprocessor” µ³é³Ï³å³ÏóáõÃÛ³Ý é»ÏáõñëÇí ѳå³íáõÙÁ) µ³ó ëϽµÝ³Ï³Ý Ïá¹áí, ÁݹѳÝáõñ Ý߳ݳÏáõÙ áõÝ»óáÕ Íñ³·ñ³íáñÙ³Ý É»½áõ ¿: ²ÛÝ Ï³éáõóí»É ¿ ѳïϳå»ë ë»ñí»ñ³ÛÇÝ web-Ùß³ÏáõÙÝ»ñ ëï»ÕÍ»Éáõ Ýå³ï³Ïáí ¨ ϳñáÕ ¿ Ý»ñ¹ñí»É HTML Íñ³·ñ³ÛÇÝ Ïá¹»ñáõÙ: PHP-Ý û·ï³·áñÍ»Éáõ ѳٳñ ë»ñí»ñáõÙ ï»Õ³¹ñíáõÙ ¿ ѳïáõÏ` Apache ë»ñí»ñ³ÛÇÝ Ùá¹áõÉ (³Ûëå»ë Ïáãí³Í, parser` É»½í³Ï³Ý í»ñÉáõÍáõÃÛ³Ý Ñ³ïáõÏ Íñ³·Çñ), áñÁ “óñ·Ù³ÝáõÙ ¿” Íñ³·ñ³ÛÇÝ Ïá¹Á ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·Ç ѳٳñ: гٳéáï³ÏÇ ùÝݳñÏ»Ýù É»½íÇ ÏÇñ³éáõÃÛ³Ý áñáß ³é³ÝÓݳѳïÏáõÃÛáõÝÝ»ñ: PHP-Ç ÏÇñ³éáõÃÛ³Ý »Õ³Ý³ÏÁ, ë»ñí»ñ³ÛÇÝ Íñ³·ñ³íáñÙ³Ý ï»ë³Ï»ïÇó, µ³ó³ñӳϳå»ë ÝÙ³Ý ¿ ASP Íñ³·ñ³íáñÙ³Ý ï»ËÝáÉá·Ç³ÛÇÝ, ÇëÏ É»½íÇ ß³ñ³¹³ëáõÃÛáõÝÁ` JavaScript ϳ٠C++ É»½áõÝ»ñÇÝ: ´»ñ»Ýù ë»ñí»ñ³ÛÇÝ Íñ³·ñÇ ÙÇ å³ñ½ ûñÇݳÏ` <html> <head> <title> PHP É»½íÇ ÏÇñ³éáõÃÛ³Ý ûñÇÝ³Ï <title> </head> <body> <?php echo “´³ñ¨ Ó»½: ºë PHP Íñ³·ÇñÝ »Ù”; ?> </body> <html> úñÇݳÏÇó »ñ¨áõÙ ¿, áñ PHP Ïá¹Ç Ý»ñ¹ñáõÙÁ ë»ñí»ñ³ÛÇÝ Íñ³·ñáõÙ ß³ï ÝÙ³Ý ¿ ASP Ïá¹Ç Ý»ñ¹ñÙ³ÝÁ: î³ñµ»ñáõÃÛáõÝÁ` µ³óáÕ ¨ ÷³ÏáÕ ÷³Ï³·Í»ñÇ ï»ëùÝ ¿` ASP-áõÙ µ³óáÕ ¨ ÷³ÏáÕ ÷³Ï³·Í»ñÝ »Ý, ѳٳå³ï³ë˳ݳµ³ñ, “<%” ¨ “%>”, ÇëÏ PHP-áõÙ` “<?php” ¨ “?>”: ò³Ýϳó³Í ¹»åùáõÙ, ³Û¹åÇëÇ ÷³Ï³·Í»ñÁ ûɳ¹ñáõÙ »Ý` ASP-Ç Ñ³Ù³ñ` í»ñͳÝáÕ Íñ³·ñÇÝ, ÇëÏ PHP-Ç` åñ»åñáó»ëáñÇÝ, áñ ¹ñ³ÝóáõÙ å³ñ÷³Ïí³Í ¿ ë»ñí»ñÇ íñ³ ϳï³ñíáÕ Íñ³·ñ³ÛÇÝ Ñ³ïí³ÍÁ: ØÛáõë ï³ñµ»ñáõÃÛáõÝÁ û·ïíáÕÇ µñ³áõ½»ñÇÝ HTML Ïá¹Ç, ï»ùëïÇ ¨ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÇ Ñ³Õáñ¹Ù³Ý »Õ³Ý³ÏÝ ¿: PHP-áõÙ ¹³ Çñ³·áñÍíáõÙ ¿ ѳïáõÏ echo ûå»ñ³ïáñÇ ÙÇçáóáí: Àݹ áñáõÙ, ï»ùëïÁ ¨ ·Í³ÝßÙ³Ý Ïá¹Á í»ñóíáõÙ »Ý ÏñÏݳÏÇ ã³Ï»ñïÝ»ñÇ Ù»ç, ÇëÏ ÷á÷á˳ϳÝÝ»ñÁ Ù³ïݳÝßíáõÙ »Ý (³ÛëÇÝùÝ` åñ»åñáó»ëáñÇÝ Ñ³ÛïÝíáõÙ ¿, áñ ¹³ ÷á÷áË³Ï³Ý ¿) ¹áɳñÇ Ýß³ÝÇ ($) ÙÇçáóáí: î³ñµ»ñáõÃÛáõÝÁ ³í»ÉÇ É³í å³ïÏ»ñ³óÝ»Éáõ Ýå³ï³Ïáí ϳ½Ù»Ýù ÙǨÝáõÛÝ ë»ñí»ñ³ÛÇÝ Íñ³·ÇñÁ` û·ï³·áñÍ»Éáí ASP ¨ PHP ï»ËÝáÉá·Ç³Ý»ñÁ: Ìñ³·ñáõÙ å³ñ½íáõÙ ¿ ë»ñí»ñÇÝ Ñ³ñóáõ٠ϳï³ñ³Í ѳ׳Ëáñ¹Ç (ûñÇݳÏ` ϳÛùÇ ³Ûó»ÉáõÇ) µñ³áõ½»ñÇ ï»ë³ÏÁ, ¨ ëï³óí³Í ³ñ¹ÛáõÝùÁ í»ñ³¹³ñÓíáõÙ ¿ û·ïíáÕÇÝ HTML ¿çÇ ï»ëùáí: ÆÝãå»ë Ù»½ ³ñ¹»Ý ѳÛïÝÇ ¿, ÝÙ³Ý ÇÝýáñÙ³óÇ³Ý å³Ñå³ÝíáõÙ ¿ ë»ñí»ñÇ ÙÇç³í³ÛñÇ ÷á÷á˳ϳÝÝ»ñÇ ½³Ý·í³ÍÇ “HTTP_USER_AGENT” ÷á÷á˳ϳÝáõÙ: ASP Íñ³·ñ»ñáõÙ ÙÇç³í³ÛñÇ ÷á÷á˳ϳÝÝ»ñÇ ³ñÅ»ùÝ»ñÁ ϳñ»ÉÇ ¿ ëï³Ý³É Request ûµÛ»ÏïÇ ServerVariables ½³Ý·í³ÍÇó: ²ÛëÇÝùÝ, »Ã» ·ñ³Ýó»Ýù` Request.ServerVariables(“HTTP_USER_AGENT”), ½³Ý·í³ÍÇó Ïëï³Ý³Ýù ³ÝÑñ³Å»ßï ³ñÅ»ùÁ: PHP-áõÙ ÝáõÛÝ ÷á÷á˳ϳÝÁ å³ñáõݳÏíáõÙ ¿ $_SERVER[] ½³Ý·í³ÍáõÙ` $_SERVER[“HTTP_USER_AGENT”]: ²ÛÅÙ Ý»ñϳ۳óÝ»Ýù »ñÏáõ »Õ³Ý³ÏÝ»ñÇ û·ï³·áñÍáõÙÁ` ÙǨÝáõÛÝ ËݹÇñÁ ÉáõÍ»Éáõ ѳٳñ: ---------- Ìñ³·ñ³ÛÇÝ Ñ³ïí³ÍÁ ASP-áí ---------<body> <b> 192
<%=Request.ServerVariables(“HTTP_USER_AGENT”);%> </b> </body> ---------- Ìñ³·ñ³ÛÇÝ Ñ³ïí³ÍÁ PHP-áí ---------<body> <b> <?php echo $_SERVER[“HTTP_USER_AGENT”]; ?> </b> </body> ºñÏáõ ¹»åùáõÙ ¿É ѳ׳Ëáñ¹Ç µñ³áõ½»ñÇ å³ïáõѳÝáõ٠ϳñï³å³ïÏ»ñíÇ Ñ»ï¨Û³É ÇÝýáñÙ³óÇ³Ý (ÇѳñÏ», »Ã» µñ³áõ½»ñÇ ï»ë³ÏÁ Internet Explorer-Ý ¿)` Mozilla 4.0 (Compatible; MSIE 5.01; Windows NT 5.0) ø³ÝÇ áñ PHP-Ý ÑÇÙݳϳÝáõÙ ÏáÕÙÝáñáßí³Í ¿ ë»ñí»ñ³ÛÇÝ ëÏñÇåïÝ»ñÇ ëï»ÕÍÙ³ÝÁ, ¹ñ³ ÙÇçáóáí Ñݳñ³íáñ ¿ Çñ³·áñÍ»É µ³ó³ñӳϳå»ë ³ÛÝ ³Ù»ÝÝ, ÇÝã ³ÝáõÙ »Ý CGI ϳ٠ASP ëÏñÇåïÝ»ñÁ` Ùß³Ï»É å³ïÏ»ñ³Ó¨»ñÇ ïíÛ³ÉÝ»ñÁ, ¹ÇݳÙÇÏáñ»Ý ëï»ÕÍ»É ¨ û·ïíáÕÝ»ñÇÝ Ñ³Õáñ¹»É HTML ¿ç»ñÁ, ³ß˳ï»É ïíÛ³ÉÝ»ñÇ µ³½³Ý»ñÇ Ñ»ï ¨ ³ÛÉÝ: ÐÇÙݳϳÝáõÙ PHP-Ý û·ï³·áñÍíáõÙ ¿ ÙÇçÇÝ ã³÷Ç` MySQL î´ÔÐ-Ç Ñ»ï, ë³Ï³ÛÝ áõÝÇ µ³½Ù³ÃÇí ýáõÝÏódzݻñ, áñáÝù Ñݳñ³íáñáõÃÛáõÝ »Ý ï³ÉÇë ³ß˳ï»Éáõ ݳ¨ ÙÇ ß³ñù ³ÛÉ µ³½³Ý»ñÇ, ûñÇݳÏ, Adabas D, dBase, Informix Oracle, Sybase ¨ Ï³Ù³Û³Ï³Ý ³ÛÉ` ODBC ï»ËÝáÉá·Ç³Ý ë³ï³ñáÕ µ³½³Ý»ñÇ Ñ»ï: ä³ïÏ»ñ³Ó¨Ç Ûáõñ³ù³ÝãÛáõñ ï³ññÇ å³ñáõݳÏáõÃÛáõÝÁ ÇÝùݳµ»ñ³µ³ñ ѳë³Ý»ÉÇ ¿ ¹³éÝáõÙ PHP ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇÝ: ²Û¹ Ýå³ï³Ïáí û·ï³·áñÍíáõÙ »Ý $_POST[] (»Ã» ѳÕáñ¹Ù³Ý »Õ³Ý³ÏÁ POST ¿) ϳ٠$_GET[] (»Ã» ѳÕáñ¹Ù³Ý »Õ³Ý³ÏÁ GET ¿) ½³Ý·í³ÍÝ»ñÁ, ûñÇݳÏ` $_POST[å³ïÏ»ñ³Ó¨Ç ï³ññÇ ³ÝáõÝÁ]: ä³ïÏ»ñ³Ó¨Çó ïíÛ³ÉÝ»ñÇ ëï³óÙ³Ý »Õ³Ý³ÏÝ»ñÁ ASP-áõÙ ¨ PHP-áõÙ ¹Çï³ñÏ»Ýù ¢ 4.3-áõÙ µ»ñí³Í ûñÇݳÏÇ íñ³: ºñÏáõ ¹»åùáõÙ ¿É û·ï³·áñÍíáõÙ ¿ ÙǨÝáõÛÝ å³ïÏ»ñ³Ó¨Á` <form action = " " method = "post"> <p>Ò»ñ ³ÝáõÝÁ: <input name ="firstname" size =”40”></p> <p>ä³Õå³Õ³ÏÇ á±ñ ï»ë³ÏÝ »ù ݳËÁÝïñáõÙ: <select name = "flavor"> <option>í³ÝÇɳÛÇÝ</option> <option>»É³ÏÇ</option> <option>ßáÏáɳ¹»</option> <option>ÁÝÏáõÛ½áí</option> </select></p> <p><button type =”submit”>àõÕ³ñÏ»É</button> </form> </p>, ÙdzÛÝ action µÝáõó·ñÇãÇ ³ñÅ»ùÁ ASP ý³ÛÉÇ Ñ³Ù³ñ ÏÉÇÝÇ` action = "/scripts/submit.asp", ÇëÏ PHP ý³ÛÉÇ Ñ³Ù³ñ` action = "/scripts/submit.php": ASP ¿çÇ Íñ³·ñ³ÛÇÝ Ïá¹Á ÏÉÇÝÇ Ñ»ï¨Û³ÉÁ` <html> <head> <title> ä³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ ³ñÅ»ùÝ»ñÇ ëï³óáõÙÁ (ASP) <title> </head> <body> ´³ñ¨ Ò»½, <%= Request.Form("firstname") %>: ¸áõù ëÇñáõÙ »ù <%= Request.Form("flavor") %> å³Õå³Õ³Ï: </body> <html> PHP ¿çÇ Íñ³·ñ³ÛÇÝ Ïá¹Á ÏÉÇÝÇ Ñ»ï¨Û³ÉÁ` <html> 193
<head> <title> ä³ïÏ»ñ³Ó¨Ç ï³ññ»ñÇ ³ñÅ»ùÝ»ñÇ ëï³óáõÙÁ (PHP) <title> </head> <body> ´³ñ¨ Ò»½, <?php echo $_POST["firstname"] ?>: ¸áõù ëÇñáõÙ »ù <?php echo $_POST["flavor""] ?> å³Õå³Õ³Ï: </body> <html> ºñÏáõ ¹»åùáõÙ ¿É ѳ׳Ëáñ¹Ç (ûñÇݳÏ, ²ñÙ»ÝÇ, áñÁ ëÇñáõÙ ¿ »É³ÏÇ å³Õå³Õ³Ï) µñ³áõ½»ñÇ å³ïáõѳÝáõ٠ϳñï³å³ïÏ»ñíÇ Ñ»ï¨Û³ÉÁ` ´³ñ¨ Ò»½, ²ñÙ»Ý: ¸áõù ëÇñáõÙ »ù »É³ÏÇ å³Õå³Õ³Ï: ºÃ» ïíÛ³ÉÝ»ñÇ ³ÕµÛáõñÁ ãáõÝÇ áñáß³ÏÇ ³ñÅ»ù (³ÛëÇÝùÝ` Ýßí³Í ã¿ ïíÛ³ÉÝ»ñÇ Ñ³Õáñ¹Ù³Ý Ù»Ãá¹Á), ϳñ»ÉÇ ¿ û·ï³·áñÍ»É ·»ñ·Éáµ³É $_REQUEST ½³Ý·í³ÍÁ, áñÁ Áݹ·ñÏáõÙ ¿ GET, POST, FILE ¨ COOKIE ïíÛ³ÉÝ»ñÇ Ë³éÝáõñ¹Á: гëϳݳÉÇ ¿, áñ ѳٳå³ï³ëË³Ý ³ñÅ»ùÁ ëï³óíáõÙ ¿ ÏñÇãÇ ³Ýí³ÝÁ ѳٳå³ï³ë˳Ý: úñÇݳÏ, í»ñÁ µ»ñí³Í ûñÇݳÏÇ ïíÛ³ÉÝ»ñÁ ϳñ»ÉÇ ¿ ëï³Ý³É Ñ»ï¨Û³É »Õ³Ý³Ïáí` ´³ñ¨ Ò»½, <?php echo $_REQUEST["firstname"] ?>: ¸áõù ëÇñáõÙ »ù <?php echo $_REQUEST["flavor""] ?> å³Õå³Õ³Ï: ê³Ï³ÛÝ PHP-Ç Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ ã»Ý ë³Ñٳݳ÷³ÏíáõÙ web-¿ç»ñÇ ¨ ë»ñí»ñ³ÛÇÝ Íñ³·ñ»ñÇ ëï»ÕÍáõÙáí: È»½íÇ Ñݳñ³íáñáõÃÛáõÝÝ»ñÁ ÃáõÛÉ »Ý ï³ÉÇë ݳ¨ ¹ÇݳÙÇÏáñ»Ý ëï»ÕÍ»É PDF ý³ÛÉ»ñ ¨ ÝáõÛÝÇëÏ Flash ï»ë³ý³ÛÉ»ñ: ê»ñí»ñÝ»ñÇ Ù»Í³Ù³ëÝáõÃÛ³Ý Ñ³Ù³ñ PHP-Ý ³é³ùíáõÙ ¿ áñå»ë ë³ï³ñáÕ Ùá¹áõÉ, ÇëÏ CGI ëï³Ý¹³ñïÁ ë³ï³ñáÕ ë»ñí»ñÝ»ñÇ Ñ³Ù³ñ ͳé³ÛáõÙ ¿ áñå»ë CGI åñáó»ëáñ: ¸³ ³½³ï ÁÝïñáõÃÛ³Ý Ñݳñ³íáñáõÃÛáõÝ ¿ ëï»ÕÍáõÙ ÇÝãå»ë ûå»ñ³óÇáÝ Ñ³Ù³Ï³ñ·»ñÇ ¨ web-ë»ñí»ñÝ»ñÇ ï»ë³Ï»ïÇó, ³ÛÝå»ë ¿É ûµÛ»ï³ÏáÕÙÝáñáßí³Í ϳ٠ϳéáõóí³Íù³ÛÇÝ Íñ³·ñ³íáñÙ³Ý ï»ËÝáÉá·Ç³Ý»ñÇ ÁÝïñáõÃÛ³Ý ï»ë³Ï»ïÇó: PHP-Ý Áݹ·ñÏáõÙ ¿ µ³½Ù³ÃÇí Ý»ñϳéáõóí³Í ջϳí³ñáÕ ¨ ï³ñµ»ñ ûµÛ»ÏïÝ»ñÇ (ٳûٳïÇÏ³Ï³Ý ³ñï³Ñ³ÛïáõÃÛáõÝÝ»ñÇ, ïáÕ³ÛÇÝ ÷á÷á˳ϳÝÝ»ñÇ, ½³Ý·í³ÍÝ»ñÇ, ó³Ýó»ñÇ ¨ ³é³ÝÓÇÝ ý³ÛÉ»ñÇ ¨ ß³ï ³ÛÉ ûµÛ»ÏïÝ»ñÇ) Ñ»ï ³ß˳ï»Éáõ ѳٳñ ýáõÝÏódzݻñ:
²é³ç³¹ñ³ÝùÝ»ñ 3-ñ¹ ¨ 4-ñ¹ ·ÉáõËÝ»ñÇ Ã»Ù³Ý»ñáí ².1. ÐÇÝ· ³ß˳ï³ÏÇóÝ»ñÇó Ûáõñ³ù³ÝãÛáõñÇ Ñ³Ù³ñ ѳñó³Ã»ñÃÇÏáõÙ µ»ñíáõÙ »Ý ïíÛ³ÉÝ»ñ` ³½·³ÝáõÝÁ, ³ß˳ï³í³ñÓÁ ¨ »ñ»Ë³Ý»ñÇ ù³Ý³ÏÁ: ä³Ñ³ÝçíáõÙ ¿ ·ñ»É ëó»Ý³ñ ÁÝï³ÝÇùÇ` Ù»Ï Ù³ñ¹áõ ѳßíáí »Ï³ÙáõïÁ áñáß»Éáõ ѳٳñ: ´³óÇ ³Û¹, å³Ñ³ÝçíáõÙ ¿ áñáᯐ ³ß˳ï³ÏÇóÝ»ñÇ ù³Ý³ÏÁ, áñáÝù Ù»Ï Ù³ñ¹áõ ѳßíáí áõÝ»Ý Ýí³½³·áõÛÝ »Ï³Ùáõï: γéáõó»É ¹Ç³·ñ³Ù³, áñÁ ϳñï³óáÉÇ ÁÝï³ÝÇùÇ »Ï³ÙáõïÁ` Ù»Ï Ù³ñ¹áõ ѳßíáí: ².2. гñó³Ã»ñÃÇÏáõÙ µ»ñíáõÙ »Ý ïíÛ³ÉÝ»ñ í»ó ³ß˳ï³ÏÇóÝ»ñÇó Ûáõñ³ù³ÝãÛáõñÇ í»ñ³µ»ñÛ³É` ³½·³ÝáõÝÁ ¨ ³ß˳ï³ÝùÇ ÁݹáõÝí»Éáõ ï³ñÇÝ: ä³Ñ³ÝçíáõÙ ¿ ·ñ»É ëó»Ý³ñ` áñáß»Éáõ ѳٳñ ³ß˳ï³ÝùÇ ëï³ÅÁ ¨ ÝáõÛÝ ëï³ÅÝ áõÝ»óáÕ ³ß˳ï³ÏÇóÝ»ñÇ ³é³í»É³·áõÛÝ ù³Ý³ÏÁ: γéáõó»É ¹Ç³·ñ³Ù, áñÁ ϳñï³óáÉÇ ³ß˳ï³ÏÇóÝ»ñÇ ³ß˳ï³Ýù³ÛÇÝ ëï³ÅÁ: ².3. ì»ó ³ß˳ï³ÏÇóÝ»ñÇó Ûáõñ³ù³ÝãÛáõñÇ Ñ³Ù³ñ ³ÝÏ»ï³ÛáõÙ µ»ñíáõÙ »Ý ïíÛ³ÉÝ»ñ` ³½·³ÝáõÝÁ ¨ ³ß˳ï³í³ñÓÁ: àñáßí³Í ¿ Ûáõñ³ù³ÝãÛáõñ ³ß˳ï³ÏóÇÝ å³ñ·¨³ï»É Ñ»ï¨Û³É ëϽµáõÝùáí. »Ã» ³ß˳ï³í³ñÓÁ ÷áùñ ¿ ÙÇçÇÝ ³ß˳ï³í³ñÓÇó, å³ñ·¨³ïñÙ³Ý ã³÷Á ϳ½ÙáõÙ ¿ ³ß˳ï³í³ñÓÇ 50 %-Á, Ùݳó³Í ¹»åù»ñáõÙ` ³ß˳ï³í³ñÓÇ 30 %-Á: ä³Ñ³ÝçíáõÙ ¿ ·ñ»É ëó»Ý³ñ` ³ß˳ï³ÏóÇÝ í׳ñíáÕ ÁݹѳÝáõñ ·áõÙ³ñÁ áñáß»Éáõ ѳٳñ (³ß˳ï³í³ñÓ` åÉÛáõë å³ñ·¨³ïñáõÙ ): ´³óÇ ³Û¹, å»ïù ¿ áñáᯐ ³ß˳ï³ÏÇóÝ»ñÇ ù³Ý³ÏÁ, áñáÝù ëï³ó»É »Ý ³é³í»É³·áõÛÝ ³ß˳ï³í³ñÓ: ².4. ´»ñíáõÙ »Ý ïíÛ³ÉÝ»ñ ÑÇÝ· ³Ýí³ÝáõÙÝ»ñáí ³åñ³ÝùÝ»ñÇ ·ÝáõÙÝ»ñÇ Ù³ëÇÝ` ÙdzíáñÇ ·ÇÝÁ ¨ Ó»éù µ»ñí³Í ù³Ý³ÏÁ: ¶ñ»É ëó»Ý³ñ` ³åñ³ÝùÝ»ñÇ Ó»éùµ»ñÙ³Ý íñ³ ͳËëí³Í ·áõÙ³ñÁ áñáß»Éáõ ѳٳñ: ä³ñ½»É` Ï³Ý ³ñ¹Ûáù ³åñ³ÝùÝ»ñ, áñáÝó íñ³ ͳËëí»É ¿ ÝáõÛÝ ·áõÙ³ñÁ, ¨ ù³ÝÇëÝ »Ý ¹ñ³Ýù: γéáõó»É ¹Ç³·ñ³Ù, áñÁ ϳñï³óáÉÇ ï³ñµ»ñ ³åñ³ÝùÝ»ñÇ Ó»éùµ»ñÙ³Ý íñ³ ͳËëí³Í ·áõÙ³ñÁ: 194
².5. гñó³Ã»ñÃÇÏáõÙ Éñ³óíáõÙ ¿ áõë³ÝáÕÝ»ñÇ Ù³ëÇÝ ÇÝýáñÙ³ódz` ³½·³ÝáõÝÁ ¨ ÏÇë³ÙÛ³ÏÇ ·Ý³Ñ³ï³Ï³ÝÝ»ñÁ 4 ³é³ñϳݻñÇó: ¶ñ»É ëó»Ý³ñ, áñÝ áõë³ÝáÕÝ»ñÇÝ ÏËÙµ³íáñÇ Áëï »ñ»ù ¹³ë»ñÇ ¨ ÏáñáßÇ áõë³ÝáÕÝ»ñÇ ù³Ý³ÏÁ Ûáõñ³ù³ÝãÛáõñ ¹³ëáõÙ: ´áÉáñ ùÝÝáõÃÛáõÝÝ»ñÁ ·»ñ³½³Ýóáí ѳÝÓÝ³Í áõë³ÝáÕÝ»ñÁ ϳ½ÙáõÙ »Ý §·»ñ³½³ÝóÇÏÝ»ñ¦ ¹³ëÁ: »Ïáõ½ Ù»Ï §³Ýµ³í³ñ³ñ¦ ·Ý³Ñ³ï³Ï³Ý áõÝ»óáÕ áõë³ÝáÕÝ»ñÁ` “³Ýµ³í³ñ³ñÝ»ñ” ¹³ëÁ: Øݳó³Í µáÉáñÁ` “µ³í³ñ³ñÝ»ñ” ¹³ëÁ: ².6. îñí³Í ¿ Çñ³Ï³Ý Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³Í: ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ ½³Ý·í³ÍÇ ¹ñ³Ï³Ý ï³ññ»ñÇ ù³Ý³ÏÁ: ².7. îñí³Í ¿ Çñ³Ï³Ý Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³Í: ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ ½³Ý·í³ÍÇ µ³ó³ë³Ï³Ý ï³ññ»ñÇ ù³Ý³ÏÁ: ².8. îñí³Í ¿ ³ÙµáÕç Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³Í: ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ Ýí³½³·áõÛÝ ï³ññ»ñÇ ù³Ý³ÏÁ: ².9. îñí³Í ¿ ³ÙµáÕç Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³Í: ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ 7– ÇÝ µ³½Ù³å³ïÇÏ ï³ññ»ñÇ ù³Ý³ÏÁ: ².10. îñí³Í ¿ ³ÙµáÕç Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³Í: ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ í»ñçÇÝ ÙÇÝÇÙ³É ³ñÅ»ù áõÝ»óáÕ ÃíÇ Ñ³Ù³ñÁ: ².11. ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ ³é³çÇÝ Ù»Í³·áõÛÝ ³ñÅ»ù áõÝ»óáÕ ÃíÇ Ñ³Ù³ñÁ ³ÙµáÕç Ãí»ñÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³ÍáõÙ: ².12. ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ Ù»Ï ã³÷³ÝÇ ½³Ý·í³ÍáõÙ ïñí³Í ÃíÇ Ñ»ï ѳÙÁÝÏÝáÕ Ãí»ñÇ ù³Ý³ÏÁ: ².13. ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ, û ½³Ý·í³Íáõ٠ϳ±Ý ³ñ¹Ûáù ï³ññ»ñ, áñáÝó ³ñÅ»ùÝ»ñÁ ѳÙÁÝÏÝáõÙ »Ý: ².14. ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ, û ½³Ý·í³ÍÇ µáÉáñ ï³ññ»ñÁ ï³ñµ»±ñ »Ý, û` áã: ².15. ¶ñ»É ëó»Ý³ñ, áñÁ ÏáñáßÇ, û ù³ÝDZ ï³ñµ»ñ Ãí»ñ Ï³Ý ïñí³Í ½³Ý·í³ÍáõÙ:
195
вìºÈì²Ìܺð гí»Éí³Í 1. à×»ñÇ ³ÕÛáõë³ÏÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÇ ï»Õ»Ï³ïáõ Ð1.1. â³÷Ù³Ý ÙdzíáñÝ»ñÁ гñ³µ»ñ³Ï³Ý ÙdzíáñÝ»ñ: em – ÁÝóóÇÏ ï³é³ß³ñÇ “m” ï³éÇ µ³ñÓñáõÃÛáõÝÁ; en - ÁÝóóÇÏ ï³é³ß³ñÇ “n” ï³éÇ µ³ñÓñáõÃÛáõÝÁ; ex - ÁÝóóÇÏ ï³é³ß³ñÇ “x” ï³éÇ µ³ñÓñáõÃÛáõÝÁ; px – åÇùë»Éª ¿Ïñ³ÝÇ µ³óí³ÍùÇ Ùdzíáñ ï³ññ (Ï»ï), áñÁ ϳËí³Í ¿ ÙáÝÇïáñÇ Ï³ñ·³íáñáõÙÝ»ñÇó ¨ ï»ë³ù³ñïÇó: Internet Explorer µñ³áõ½»ñáõÙ em-Á ¨ ex-Á ÷á˳ñÇÝí³Í »Ý pt-áí, ÇëÏ en-Á px-áí: ´³ó³ñÓ³Ï ÙdzíáñÝ»ñ: in - ¹ÛáõÛÙ (inch)ª 1 ¹ÛáõÛÙÁ Ùáï³íáñ³å»ë ѳí³ë³ñ ¿ 2.5 ëÙ; cm – ë³ÝïÇÙ»ïñ; mm – ÙÇÉÇÙ»ïñ; pt – ѳí³ë³ñ ¿ 1/72 ¹ÛáõÛÙÇ; pc – ѳí³ë³ñ ¿ 12 pt: ´³ó³ñÓ³Ï ÙdzíáñÝ»ñÁ ËáñÑáõñ¹ ¿ ïñíáõÙ û·ï³·áñÍ»É ÙdzÛÝ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ѳÛïÝÇ »Ý »ÉùÇ ë³ñùÇ ³ß˳ï³Ýù³ÛÇÝ Ù³Ï»ñ»ëÇ ã³÷ë»ñÁ: Ð1.2. î³é³ß³ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ font-family - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: ê³ÑÙ³ÝáõÙ ¿ ï³é³ß³ñÇ ÁÝï³ÝÇùÁ, ûñÇݳϪ font-family:”Arial Armenian,Times Armenian”: à×»ñÇ ³ÕÛáõë³ÏáõÙ å»ïù ¿ í»ñóíÇ ÏñÏݳÏÇ ã³Ï»ñïÝ»ñÇ Ù»ç: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ (ëó»Ý³ñáõÙ)ª fontFamily: font-size - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: î³é»ñÇ ã³÷ëÁ ϳñáÕ ¿ ïñí»É µ³ó³ñÓ³Ï ÙdzíáñÝ»ñáí ϳ٠ïáÏáë³ÛÇÝ Ñ³ñ³µ»ñáõÃÛ³Ùµ ÍÝáÕ³Ï³Ý (ïíÛ³É ï»·Á å³ñáõݳÏáÕ) ï³ññÇ Ñ³Ý¹»å: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª fontSize: font-style - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: ²ñÅ»ùÝ»ñÁª normal – ëáíáñ³Ï³Ý, italic – ß»Õ, oblique – ÝáõÛÝÝ ¿, ÇÝã italic: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª fontStyle: font-weight - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: ²ñÅ»ùÝ»ñÁª Ãí³ÛÇÝ 100-Çó ÙÇÝ㨠900, 700-Á ѳٳå³ï³ë˳ÝáõÙ ¿ bold ³ñÅ»ùÇÝ, ÇëÏ 400-Áª normal: γñ»ÉÇ ¿ û·ï³·áñÍ»É Ñ³ñ³µ»ñ³Ï³Ý ³ñÅ»ùÝ»ñ (ѳñ³µ»ñ³Í ÍÝáÕ³Ï³Ý ï³ññÇÝ)ª normal, bold, bolder, lighter: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª fontWeight: font-variant - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: 196
ijé³Ý·íáõÙ ¿: ²ñÅ»ùÝ»ñÁª normal – Áëï Éé»ÉÛ³ÛÝ, small-caps – ï»ùëïÁ ·ñ³ÝóíáõÙ ¿ ٻͳï³é»ñáí, ë³Ï³ÛÝ ÝáõÛÝ ã³÷ëÇ, ÇÝã ÷áùñ³ï³é»ñÁ: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª fontVariant: Ð1.3. ¶áõÛÝÁ ¨ ýáÝÁ color - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ ï»ùëïÇ ·áõÛÝÁ: ²ñÅ»ùÝ»ñÁª ·áõÛÝÇ ³Ýí³ÝáõÙáí, ûñÇݳϪ red, white, blue, green, RGB ë³Ý¹Õ³Ïáí, ûñÇݳϪ rgb(255,0,0), rgb(255,255,255), rgb(0,0,255), rgb(0,255,0), ï³ëÝí»ó³Ï³Ý ë³Ý¹Õ³Ïáí, ûñÇݳÏ` #ff0000, #ffffff, #0000ff, #00ff00: úñÇݳϪ color:green, color:rgb(0,255,0), color:#00ff00, Àëï Éé»ÉÛ³ÛÝ ë¨ ¿ª black ϳ٠rgb(0,0,0) ϳ٠#000000: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª color: background-attachment - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: àñáßáõÙ ¿` ë³Ñ»Éáõ± ¿ (scroll) ýáÝÁ (Ñ»ïݳå³ïÏ»ñÁ), û` áã: ²ñÅ»ùÝ»ñÁª fixed - ³Ûá, scroll – áã: úñÇݳϪ “background-attachment:scroll”: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª backgroundAttachment: background-color - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ²ñÅ»ùÝ»ñÁª ßÝáñÑíáõÙ »Ý ÇÝãå»ë ¨ color ѳïÏáõÃÛ³ÝÁ: Àëï Éé»ÉÛ³ÛÝ` ëåÇï³Ï ¿: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª backgroundColor: backgrounde-image - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ²ñÅ»ùÝ»ñÁ` ýáݳÛÇÝ å³ïÏ»ñÇ URL ѳëó»: úñÇݳϪ “backgrounde-image:url(ѳëó»)”: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª backgroundImage: backgrounde-position - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ÎÇñ³éíáõÙ ¿ ³ÛÝ ¹»åù»ñáõÙ, »ñµ ïñí³Í ¿ ýáݳÛÇÝ å³ïÏ»ñ: àñáßáõÙ ¿ å³ïÏ»ñÇ ëϽµÝ³Ï³Ý ¹ÇñùÁ: ²ñÅ»ùÝ»ñÁª îñíáõÙ »Ý Ãí»ñÇ ½áõÛ·áí, áñáÝù ë³ÑÙ³ÝáõÙ »Ý ýáݳÛÇÝ å³ïÏ»ñÇ Ó³Ë í»ñÇÝ ³ÝÏÛ³Ý Ïááñ¹ÇݳïÝ»ñÁ (áõÕÕ³Ñ³Û³ó ¨ ÑáñǽáݳϳÝ): γñ»ÉÇ ¿ ë³ÑÙ³Ý»É Ý³¨ Ñ»ï¨Û³É µ³é-µ³Ý³ÉÇÝ»ñÇ ÙÇçáóáíª top, center, bottom, left, right: úñÇݳϪ backgrounde-position:10,10 ϳ٠backgrounde-position: top left: Àëï Éé»ÉÛ³ÛÝ` Ó³Ë í»ñÇÝ ³ÝÏÛ³Ý Ïááñ¹ÇݳïÝ»ñÝ »Ýª top, left: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª backgroundPosition, backgroundPositionX, backgroundPositionY: backgrounde-repeat - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: àñáßáõÙ ¿ª å»ïù ¿, û áã ÏñÏÝ»É ýáݳÛÇÝ å³ïÏ»ñÁ (»Ã» ³ÛÝ Ï³): ²ñÅ»ùÝ»ñÁª repeat – ÏñÏÝíáõÙ ¿ »ñÏáõ áõÕÕáõÃÛáõÝÝ»ñáí, ÁݹáõÝíáõÙ ¿ Áëï Éé»ÉÛ³ÛÝ, 197
repeat-x – ÏñÏÝíáõÙ ¿ ÙdzÛÝ ÑáñǽáݳϳÝ, repeat-y – ÏñÏÝíáõÙ ¿ ÙdzÛÝ áõÕճѳ۳ó, no-repeat – ãÇ ÏñÏÝíáõÙ: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª backgroundRepeat: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª repeat: Ð1.4. î»ùëïÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ letter-spacing - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: àñáßáõÙ ¿ ï³ñ³ÍáõÃÛáõÝÁ ï³é»ñÇ ÙÇç¨: ²ñÅ»ùÝ»ñÁª Ãí³ÛÇÝ »Ý` pt-áí, px-áí ¨ ³ÛÉÝ: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª letterSpacing: line-height - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: àñáßáõÙ ¿ ÁÝóóÇÏ ïáÕÇ µ³ñÓñáõÃÛáõÝÁ: ²ñÅ»ùÝ»ñÁª Ãí³ÛÇÝ »Ý ¨ áñáßáõÙ »Ý ÁÝóóÇÏ ï³ññÇ ï³é³ß³ñÇ µ³ñÓñáõÃÛáõÝÁ` µ³½Ù³å³ïÏ³Í ³Û¹ Ãíáí: úñÇݳϪ line-height:1.2: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª lineHeight: text-decoration - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: àñáßáõÙ ¿ ï»ùëïÇ Ó¨³íáñáõÙÁ (Áݹ·Íí³Í, çÝç³Í ¨ ³ÛÉÝ): ²ñÅ»ùÝ»ñÁª underline – Áݹ·Íí³Í, line-through – çÝç³Í (ûñÇݳϪ çÝç³Í), box – ßñç³Ý³Ïáí, blink – óñÃáÕ: Àëï Éé»ÉÛ³Ûݪ none: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª textDecoration: text-transform - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: ²ñÅ»ùÝ»ñÁª capitalize – ¹³ñÓÝáõÙ ¿ ٻͳï³é ³Ù»Ý ÙÇ µ³éÇ ³é³çÇÝ ï³éÁ, lowercase - ³ÙµáÕç ï»ùëïÁ ·ñ³ÝóíáõÙ ¿ ÷áùñ³ï³é»ñáí, uppercase - ³ÙµáÕç ï»ùëïÁ ·ñ³ÝóíáõÙ ¿ ٻͳï³é»ñáí, none – ѳÝáõÙ ¿ µáÉáñ ݳËÏÇÝ Ï³ñ·³íáñáõÙÝ»ñÁ: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª textTransform: text-indent - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: àñáßáõÙ ¿ ï»ùëïÇ ·ñ³ÝóÙ³Ý ¹³ßï»ñÇ ËáñáõÃÛáõÝÁ: ²ñÅ»ùÝ»ñÁª µ³ó³ñÓ³Ï Ù»ÍáõÃÛáõÝÝ»ñ ϳ٠ïáÏáëÝ»ñ (ÍÝáÕ³Ï³Ý ï³ññÇ ¹³ßïÇó): úñÇݳϪ text-indent:10px ϳ٠text-indent:80%: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª textIndent: vertical-align - ë³ï³ñíáõÙ ¿ Ý»ñ¹ñí³Í ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: àñáßáõÙ ¿ ÁÝóóÇÏ ï³ññÇ áõÕճѳ۳ó h³í³ë³ñ»óáõÙÁ: 198
²ñÅ»ùÝ»ñÁª baseline – ѳí³ë³ñ»óáõÙ ÍÝáÕ³Ï³Ý ï³ññÇ ûñÇݳÏáí, middle – ÙÇçÇÝ ·ÇÍÁ ѳí³ë³ñ»óíáõÙ ¿ Áëï ÍÝáճϳÝÇ` ·áõÙ³ñ³Í í»ñçÇÝÇ ïáÕÇ µ³ñÓñáõÃÛ³Ý Ï»ëÁ, super – ÷á˳¹ñáõÙ ¿ ï³ññÁ í»ñÇÝ é»·Çëïñ, sub – ÷á˳¹ñáõÙ ¿ ï³ññÁ Ý»ñù¨Ç é»·Çëïñ, text-top – ѳí³ë³ñ»óÝáõÙ ¿ ï³ññÁ Áëï ÍÝáճϳÝÇ ï»ùëïÇ í»ñÇÝ ·ÍÇ, text-bottom – ѳí³ë³ñ»óÝáõÙ ¿ ï³ññÁ Áëï ÍÝáճϳÝÇ ï»ùëïÇ ëïáñÇÝ ·ÍÇ, top – ѳí³ë³ñ»óÝáõÙ ¿ ï³ññÁ Áëï ÁÝóóÇÏ ïáÕÇ ³Ù»Ý³µ³ñÓñ ï³ññÇ í»ñÇÝ ·ÍÇ, bottom - ѳí³ë³ñ»óÝáõÙ ¿ ï³ññÁ Áëï ÁÝóóÇÏ ïáÕÇ ³Ù»Ý³ó³Íñ ï³ññÇ ëïáñÇÝ ·ÍÇ: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª verticalAlign: text-align - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: ijé³Ý·íáõÙ ¿: àñáßáõÙ ¿ ï»ùëïÇ ÑáñǽáÝ³Ï³Ý Ñ³í³ë³ñ»óáõÙÁ Áݹ·ñÏáÕ ï³ññáõÙ: ²ñÅ»ùÝ»ñÁª left – Ó³Ë, right – ³ç, center – Ï»ÝïñáÝáí, justify - ³ÙµáÕç ɳÛÝùáí: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª textAlign:
199
Ð1.5. â³÷ë»ñÇ, ¹ÇñùÇ ¨ ï»ë³Ý»ÉÇáõÃÛ³Ý Ñ³ïÏáõÃÛáõÝÝ»ñÁ width – ë³ï³ñíáõÙ ¿ div, span ¨ ÷á˳ñÇÝíáÕ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ É³ÛÝáõÃÛáõÝÁ: ²ñÅ»ùÝ»ñÁ ïñíáõÙ »Ý ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ïáÏáëÝ»ñáí: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁ` auto: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª width, pixelWidth, posWidth: height – ë³ï³ñíáõÙ ¿ div, span ¨ ÷á˳ñÇÝí³Í ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ µ³ñÓñáõÃÛáõÝÁ: ²ñÅ»ùÝ»ñÁ ïñíáõÙ »Ý ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ïáÏáëÝ»ñáí: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª auto: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª height, pixelHeight, posHeight: position – ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿, û ÇÝãå»ë å»ïù ¿ ѳßí³ñÏíÇ ï³ññÇ ¹ÇñùÁ ¿Ïñ³ÝÇ Ñ³ñÃáõÃÛáõÝáõÙ: ²ñÅ»ùÝ»ñÁª absolute – ï³ññÁ ·ïÝí»Éáõ ¿ áñáß³ÏÇ ¹ÇñùáõÙ ýáÝÇ Ñ³Ý¹»å ¨ ¿çÁ åïï»Éáõ ¹»åùáõÙ ß³ñÅíáõÙ ¿ ýáÝÇ Ñ»ï: static – ï³ññÁ ·ïÝí»Éáõ ¿ áñáß³ÏÇ ¹ÇñùáõÙ ýáÝÇ Ñ³Ý¹»å, ë³Ï³ÛÝ ¿çÁ åïï»ÉÇë ãÇ ß³ñÅíáõÙ: relative – ï³ññÁ ï»Õ³¹ñíáõÙ ¿ ݳËáñ¹ ï³ññÇó ³ÝÙÇç³å»ë Ñ»ï᪠ëϽµÝ³Ï³Ý Ïá¹áõÙ ·ñ³ÝóÙ³Ý Ñ³çáñ¹³Ï³ÝáõÃÛ³ÝÁ ѳٳå³ï³ë˳Ý: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª relative: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª position: left - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ ÑáñǽáÝ³Ï³Ý Ïááñ¹ÇݳïÁ: ²ñÅ»ùÝ»ñÁ ϳñáÕ »Ý ïñí»É ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ïáÏáëÝ»ñáíª ÍÝáÕ³Ï³Ý ï³ññÇ É³ÛÝáõÃÛ³ÝÁ ѳñ³µ»ñ³Í: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª left, pixelLeft, posLeft: top - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ï³ññÇ áõÕճѳ۳ó Ïááñ¹ÇݳïÁ: ²ñÅ»ùÁ ϳñáÕ ¿ ïñí»É ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ÍÝáÕ³Ï³Ý ï³ññÇ µ³ñÓñáõÃÛ³Ý ïáÏáëÝ»ñáí: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª top, pixelTop, posTop: visibility - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ÂáõÛÉ ¿ ï³ÉÇë ï³ññÁ ¹³ñÓÝ»É ï»ë³Ý»ÉÇ Ï³Ù ³Ýï»ë³Ý»ÉÇ: ²Ýï»ë³Ý»ÉÇ ï³ññ»ñÁ ½µ³Õ»óÝáõÙ »Ý ÝáõÛÝ ï»ÕÁ ¨ ÝáõÛÝ Ï»ñåáí »Ý ³½¹áõÙ ³ÛÉ ï³ññ»ñÇ ¹³ë³íáñáõÃÛ³Ý íñ³, ÇÝãå»ë ¨ ï»ë³Ý»ÉÇÝ»ñÁ, ë³Ï³ÛÝ ¹³éÝáõÙ »Ý ó÷³ÝóÇÏ: ²Û¹ ѳïÏáõÃÛáõÝÁ ϳñáÕ ¿ û·ï³·áñÍí»É ÙǨÝáõÛÝ ï»ÕÁ ½µ³Õ»óÝáÕ ÙÇ ù³ÝÇ ï³ññ»ñÇó ÙdzÛÝ Ù»ÏÁ ³ñï³å³ïÏ»ñ»Éáõ Ýå³ï³Ïáí: ²ñÅ»ùÝ»ñÁª visible – ï³ññÁ ï»ë³Ý»ÉÇ ¿, hidden – ï³ññÁ ³Ýï»ë³Ý»ÉÇ ¿, inherit - ï³ññÁ ųé³Ý·áõÙ ¿ ÍÝáÕ³Ï³Ý ï³ññÇ ï»ë³Ý»ÉÇáõÃÛáõÝÁ: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª visible: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª visibility: z-index - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ϳñ·Á, Áëï áñÇ` ï³ññ»ñÁ å»ïù ¿ ÙÇÙÛ³Ýó ͳÍÏ»Ý: ²í»ÉÇ µ³ñÓñ z-index áõÝ»óáÕ 200
ï³ññ»ñÁ ³ñï³å³ïÏ»ñíáõÙ »Ý ó³Íñ z-index áõÝ»óáÕ ï³ññ»ñÇ “íñ³ÛÇó”` ï³ñ³Í³ã³÷³Ï³Ý ³ñï³å³ïÏ»ñÙ³Ý ïå³íáñáõÃÛáõÝ (ÏáãíáõÙ ¿ 2.5-ã³÷³ÝÇáõÃÛáõÝ): ²ñÅ»ùÝ»ñÁ ³ÙµáÕç Ãí»ñ »Ý, ûñÇݳϪ “z-index:3”, “z-index:2”: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª zIndex:
ëï»ÕÍ»Éáí
display - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ª óáõó³¹ñí»Éáõ ¿ ï³ññÁ, û` áã: âóáõó³¹ñíáÕ ï³ññÇ Ñ³Ù³ñ, Ç ï³ñµ»ñáõÃÛáõÝ visibility ѳïÏáõÃÛ³Ý, ï»Õ ãÇ Ý³Ë³ï»ëíáõÙ, ¨ ³ÛÝ ãÇ ³½¹áõÙ ÙÛáõë ï³ññ»ñÇ ¹³ë³íáñáõÃÛ³Ý íñ³: ²ñÅ»ùÝ»ñÁª block,inline,list-item – ï³ññÁ óáõó³¹ñíáõÙ ¿, none - ï³ññÁ ãÇ óáõó³¹ñíáõÙ: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª block: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª display: clip - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: àñáßáõÙ ¿ ï³ññÇ ï»ë³Ý»ÉÇ Ù³ëÇ ïÇñáõÛÃÁ: ²ÛÝ ³Ù»ÝÁ, ÇÝã ·ïÝíáõÙ ¿ ѳïÏáõÃÛ³Ý Ù»ç Ýßí³Í ïÇñáõÛÃÇó ¹áõñë, ³Ýï»ë³Ý»ÉÇ ¿ (ÏïñíáõÙ ¿): ²ñÅ»ùÝ»ñÁª auto – óáõó³¹ñíáõÙ ¿ Áëï ÍÝáÕ³Ï³Ý ï³ññÇ ã³÷ë»ñÇ, rect (top,right,bottom,left) – ë³ÑÙ³ÝíáõÙ ¿ áõÕÕ³ÝÏÛáõÝÇ ÷³Ï³·Í»ñáõÙ Ýßí³Í Ïááñ¹ÇݳïÝ»ñáí: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª auto: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙª clip: float - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ÂáõÛÉ ¿ ï³ÉÇë ëï»ÕÍ»É “ÉáÕ³óáÕ” µÉáÏÝ»ñ, áñáÝù ßñç³÷³ÏíáõÙ »Ý ï»ùëïáí ϳ٠³ÛÉ ï³ññ»ñáí: ²ñÅ»ùÝ»ñÁª none - ï³ññÁ óáõó³¹ñíáõÙ ¿ Íñ³·ñ³ÛÇÝ Ïá¹áõÙ ·ñ³Ýóí³Í ¹ÇñùáõÙ: left – ï»ùëïÁ ϳ٠³ÛÉ ï³ññ»ñÁ ßñç³ÝóáõÙ »Ý ïíÛ³É ï³ññÁ Ó³ËÇó, right - ï»ùëïÁ ϳ٠³ÛÉ ï³ññ»ñÁ ßñç³ÝóáõÙ »Ý ïíÛ³É ï³ññÁ ³çÇó: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª none: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` float: overflow - ë³ï³ñíáõÙ ¿ µáÉáñ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: γñ·³íáñáõÙ ¿ ï³ññÇ å³ñáõݳÏáõÃÛ³Ý óáõó³¹ñáõÙÁ ³ÛÝ ¹»åù»ñáõÙ, »Ã» ³ÛÝ ÉÇáíÇÝ ãÇ ï»Õ³íáñíáõÙ ï³ññáõÙ: àñå»ë½Ç ѳïÏáõÃÛáõÝÁ ³ß˳ïÇ, ¹ñ³ ã³÷ë»ñÁ å»ïù ¿ ÉÇÝ»Ý ë³ÑÙ³Ýí³Í (ã³÷Ù³Ý ÙdzíáñÝ»ñáí): ²ñÅ»ùÝ»ñÁª none – Ý߳ݳÏáõÙ ¿, áñ å³ñáõݳÏáõÃÛáõÝÁ Ïóáõó³¹ñíÇ, ÝáõÛÝÇëÏ »Ã» ·»ñ³½³ÝóÇ ï³ññÇ ë³ÑÙ³ÝÝ»ñÁ, clip – ë³ÑÙ³ÝÝ»ñáõÙ ãï»Õ³íáñíáÕ Ù³ë»ñÁ ÏÏïñ³ïí»Ý, scroll – û·ïíáÕÁ Ïϳñáճݳ ¹Çï³ñÏ»É ãï»Õ³íáñíáÕ Ù³ë»ñÁ åïïÙ³Ý ëï»ÕÝ»ñÇ û·ÝáõÃÛ³Ùµ: Àëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª none: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` overflow: Ð1.6. Þñç³Ý³ÏÝ»ñÇ ¨ Éáõë³ÝóùÝ»ñÇ Ñ³ïÏáõÃÛáõÝÝ»ñÁ border-top, border-right, border-left, border-bottom, border – ë³ï³ñíáõÙ ¿ µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ßñç³Ý³ÏÝ»ñÇ Ñ³ëïáõÃÛáõÝÁ` ã³÷Ù³Ý ÙdzíáñÝ»ñáí: úñÇݳϪ border:5px: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` borderTop, borderRight, borderLeft, borderBottom, border:
201
border-top-color, border-right-color, border-left-color, border-bottom-color, border-color – ë³ï³ñíáõÙ »Ý µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ »Ý ßñç³Ý³ÏÝ»ñÇ ·áõÛÝÁ: Àëï Éé»ÉÛ³Ûݪ ³Ý·áõÛÝ: úñÇݳϪ border-color:#ff000, border-color:red, border-color:rgb(255, 0,0): ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` borderTopColor, borderRightColor, borderLeftColor, borderBottomColor, borderColor: border-top-style, border-right-style, border-left-style, border-bottom-style, border-style - ë³ï³ñíáõÙ ¿ µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ßñç³Ý³ÏÝ»ñÇ Ýϳñ»Éáõ á×Á: ²ñÅ»ùÝ»ñÁª none - ßñç³Ý³Ï ãÇ ÝϳñíáõÙ, solid - ßñç³Ý³ÏÁ ÝϳñíáõÙ ¿ Ã³í ·Íáí, dotted - ßñç³Ý³ÏÁ ÝϳñíáõÙ ¿ Áݹѳï ϳñ× ·ÍÇÏÝ»ñáí, dased - ßñç³Ý³ÏÁ ÝϳñíáõÙ ¿ ÁÝ¹Ñ³ï ·Íáí, double – ÝϳñíáõÙ ¿ ÏñÏݳÏÇ ßñç³Ý³Ï (ѳëïáõÃÛáõÝÁ å»ïù ¿ ÉÇÝÇ 3 åÇùë»ÉÇó áã å³Ï³ë), groove - ï³ññÁ ÃíáõÙ ¿ Ý»ñë ÁÝϳÍ, ridge - ï³ññÁ ÃíáõÙ ¿ “áõéáõóÇÏ”, inset - ëï»ÕÍíáõÙ ¿ Ó³Ë í»ñÇÝ ³ÝÏÛáõÝÇó Éáõë³íáñí³ÍáõÃÛ³Ý ïå³íáñáõÃÛáõÝ, outset - ëï»ÕÍíáõÙ ¿ ³ç ëïáñÇÝ ³ÝÏÛáõÝÇó Éáõë³íáñí³ÍáõÃÛ³Ý ïå³íáñáõÃÛáõÝ: Àëï Éé»ÉÛ³Ûݪ none: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` borderTopStyle, borderRightStyle, borderLeftStyle, borderBottomStyle, borderStyle: border-top-width, border-right-width, border-left-width, border-bottom-width, border-width - ë³ï³ñíáõÙ ¿ µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ßñç³Ý³ÏÇ Ñ³ëïáõÃÛáõÝÁ »ñ»ù Ñݳñ³íáñ ³ñÅ»ùÝ»ñáí (Áëï Éé»ÉÛ³ÛÝ ³ñÅ»ùÁª medium)ª thin - µ³ñ³Ïª 1 åÇùë»É, medium – ÙÇçÇݪ 2 åÇùë»É, thick – ѳëïª 5 åÇùë»É: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` borderTopWidth, borderRightWidth, borderLeftWidth, borderBottomv, borderWidth: margin-top, margin-right, margin-left, margin-bottom, margin -ë³ï³ñíáõÙ ¿ µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ ³ñï³ùÇÝ Éáõë³ÝóùÝ»ñÇ É³ÛÝáõÃÛáõÝÁ (ïíÛ³É ï³ññÇ Ñ»é³íáñáõÃÛáõÝÁ ³ÛÉ ï³ññ»ñÇó) ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ÍÝáÕ³Ï³Ý ï³ññÇ É³ÛÝáõÃÛ³Ý ïáÏáëÝ»ñáí: Àëï Éé»ÉÛ³Ûݪ 2 åÇùë»É: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` marginTop, marginRight, marginLeft, marginBottom, margin: padding-top, padding-right, padding-left, padding-bottom, padding -ë³ï³ñíáõÙ ¿ µÉáϳÛÇÝ ï³ññ»ñáí: âÇ Å³é³Ý·íáõÙ: ê³ÑÙ³ÝáõÙ ¿ Ý»ñùÇÝ Éáõë³ÝóùÝ»ñÇ É³ÛÝáõÃÛáõÝÁ (ï³ññÇ å³ñáõݳÏáõÃÛ³Ý Ñ»é³íáñáõÃÛáõÝÁ ßñç³Ý³ÏÝ»ñÇó)` ã³÷Ù³Ý ÙdzíáñÝ»ñáí ϳ٠ÍÝáÕ³Ï³Ý ï³ññÇ É³ÛÝáõÃÛ³Ý ïáÏáëÝ»ñáí: Àëï Éé»ÉÛ³Ûݪ 2 åÇùë»É: ¶ñ³ÝóáõÙÁ ëÏñÇåïáõÙ` paddingTop, paddingRight, paddingLeft, paddingBottom, padding:
202
гí»Éí³Í 2. ²é³í»É Ñ³×³Ë ÏÇñ³éíáÕ åñÇÙÇïÇíÝ»ñÇ óáõó³ÏÁ êÇÙíáÉÁ
Îá¹Á ÝÇß»ñáí
A Z (ٻͳï³é) a–z (÷áùñ³ï³é) 0-9
Üϳñ³·ñáõÃÛáõÝÁ
&#65; - &#90; A-&#65; B-&#66; ¨ ³ÛÉÝ &#97; - &#122; a-&#97; b- &#98; ¨ ³ÛÉÝ
&nbsp; ! “ # $ % & ‘ ( ) * + , . / : ; < = > ? @ [ ] \ | { }
Âí³ÛÇÝ Ïá¹Á
&quot;
&amp;
&lt; &gt;
&#48; - &#57; &#160; &#33; &#34; &#35; &#36; &#37; &#38; &#39; &#40; &#41; &#42; &#43; &#44; &#46; &#47; &#58; &#59; &#60; &#61; &#62; &#63; &#64; &#91; &#93; &#92; &#124; &#123; &#125;
0-&#48; 1- &#49; ¨ ³ÛÉÝ ²Ý˽»ÉÇ µ³ó³Ï ´³ó³Ï³Ýã³Ï³Ý Ýß³Ý àõÕÇÕ ã³Ï»ñïÝ»ñ гٳñ ¸áɳñ îáÏáë ²Ùå»ñë³Ý¹ ²åáëïñáý Ò³Ë ÏÉáñ ÷³Ï³·ÇÍ ²ç ÏÉáñ ÷³Ï³·ÇÍ ²ëïÕ³ÝÇß ¶áõÙ³ñ³Í êïáñ³Ï»ï λï Þ»Õ ·ÍÇÏ ºñÏáõ Ï»ï λï-ëïáñ³Ï»ï öáùñ ¿ гí³ë³ñ ¿ Ø»Í ¿ гñó³Ï³Ý ²é¨ïñ³ÛÇÝ ¿ï àõÕÕ³ÝÏÛáõÝ ÷³Ï³·ÇÍ àõÕÕ³ÝÏÛáõÝ ÷³Ï³·ÇÍ Ð³Ï³é³Ï ß»Õ ·ÍÇÏ àõÕÇÕ ·ÍÇÏ Ò¨³íáñ ÷³Ï³·ÇÍ Ò¨³íáñ ÷³Ï³·ÇÍ
203
ʳã³ïñÛ³Ý Î³Ùá ²ñ³ÙÇ Êáõñßáõ¹Û³Ý ²ñÙ»Ý ÎáñÛáõÝÇ
ÆÝï»ñÝ»ï Íñ³·ñ³íáñÙ³Ý ÑÇÙáõÝùÝ»ñ àõëáõÙÝ³Ï³Ý Ó»éݳñÏ
Ðñ³ï. ËÙµ³·Çñª
Ð. гٵ³ñÓáõÙÛ³Ý
êñµ³·ñÇãª
æ. ÐáíѳÝÝÇëÛ³Ý
гٳϳñ·ã³ÛÇÝ Ó¨³íáñáõÙÁª
². ܳɵ³Ý¹Û³ÝÇ
1
ä³ïí»ñª 43: â³÷ëª 60x84 /16: 15 Ñ»Õ. Ù³ÙáõÉ, 15,1 Ññ³ï. Ù³ÙáõÉ, 18,75 ïå. Ù³ÙáõÉ, 17,43 ïå. å³ÛÙ. Ù³ÙáõÉ: îå³ù³Ý³Ïª 150:
§îÝï»ë³·»ï¦ Ññ³ï³ñ³ÏãáõÃÛáõÝ îå³·ñí³Í ¿ §îÝï»ë³·»ï¦ Ññ³ï³ñ³ÏãáõÃÛ³Ý ïå³·ñ³Ï³Ý ³ñï³¹ñ³Ù³ëáõÙ
ºñ¨³Ý 25, ܳɵ³Ý¹Û³Ý, 128
204