1. µå¸²À§¹öÀÇ ÀÛ¾÷ȯ°æ

µå¸²À§¹öÀÇ ½ÇÇà

µå¸²À§¹ö¸¦ ¼³Ä¡ÈÄ ½ÇÇà½ÃŰ¸é ¾Æ·¡¿Í °°ÀÌ µå¸²À§¹ö ÀÛ¾÷âÀÌ ³ªÅ¸³­´Ù. ÀÌ ÀÛ¾÷â³»¿¡¼­ ¿ì¸®´Â °£´ÜÇÑ HTML¹®¼­¿¡¼­ºÎÅÍ º¹ÀâÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ °¡Áø º¹ÀâÇÑ ¹®¼­±îÁö Å« ¾î·Á¿ò¾øÀÌ ¸¸µé¾î ³¾ ¼ö ÀÖ´Ù. ÀÛ¾÷âÀÇ »ó´Ü¿¡´Â ÀÛ¾÷â³»¿¡¼­ÀÇ ÀÛ¾÷À» µ½±âÀ§ÇÑ 8°¡ÁöÀÇ ¸Þ´º°¡ ÀÖ´Ù.
µå¸²À§¹ö´Â ¹®¼­¿¡ ½ºÅ¸ÀÏÀ» Àû¿ëÇϰųª ·¹À̾î, À̹ÌÁö³ª Å×À̺í, ÇÁ·¹ÀÓ°°Àº °³Ã¼»ðÀÔµî HTML¹®¼­Á¦ÀÛ¿¡ ÀÚÁÖ »ç¿ëµÇ´Â Áß¿äÇÑ ±â´ÉµéÀº µû·Î¸ð¾Æ »õ·Î¿î âÀ¸·Î Á¦°øÇÑ´Ù. ¸Þ´º¿¡¼­ Window¸¦ Ŭ¸¯Çϸé À§·ÎºÎÅÍ Objects, Properties, Launcher ¼¼°¡Áö ¼­ºê¸Þ´º°¡ ³ªÅ¸³ª´Âµ¥ À̵éÀ» Ŭ¸¯Çϸé Áß¿äÇÑ ±â´É¸¸À» »Ì¾Æ ³õÀº º°µµÀÇ Ã¢ÀÌ ¶á´Ù. »ç¿ëÀÚ´Â °¢ âÀÇ Åø¹Ù¸¦ ÀÌ¿ëÇØ ºü¸£°í ½±°Ô ¿øÇÏ´Â ±â´ÉÀ» ½ÇÇàÇÒ ¼ö ÀÖ´Ù. µå¸²À§¹öÀÇ »ç¿ë¹ýÀ» ºü¸£°Ô ¼Õ¿¡ ÀÍÈ÷·Á¸é ´ÜÃàŰ¿Í ÇÔ²² À̵é âÀ» È¿°úÀûÀ¸·Î ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù. ÀÌ Tutorial¿¡¼­´Â ¾ÕÀ¸·Î À̵éÀ» °¢°¢ Objects, Properties, Launcher¶ó ºÎ¸£±â·Î ÇϰڴÙ.

±×·³, °¢°¢ÀÇ Objects, Properties, Launcher¿¡ ´ëÇØ Á»´õ ÀÚ¼¼È÷ ¾Ë¾Æº¸ÀÚ.

ÀÛ¾÷â : Objects

¸ÕÀú Objects¸¦ ¼±ÅÃÇÏ¸é ¾Æ·¡¿Í °°Àº âÀÌ ¶á´Ù.

Objectsâ¿¡´Â µå¸²À§¹ö°¡ HTML¹®¼­¿¡ »ðÀÔÇÒ ¼ö ÀÖ´Â °´Ã¼°¡ ³ª¿­µÇ¾î ÀÖÀ¸¸ç À̸¦ Ŭ¸¯ÇÔÀ¸·Î½á °¢ °´Ã¼¸¦ »ðÀÔÇÒ ¼ö ÀÖÀ» »Ó ¾Æ´Ï¶ó PropertiesâÀ» ÀÌ¿ëÇØ ½±°Ô ±× ¼Ó¼ºÀ» ¹Ù²Ü ¼ö°¡ ÀÖ´Ù.

ObjectsÀÇ ¸Ç À§¿¡ º¸ÀÌ´Â È­»ìÇ¥¸¦ Ŭ¸¯ÇÏ¸é ¸®½ºÆ®°¡ ³ª¿À´Â µ¥ Common, Forms, Invisibles¶ó°í µÇ¾î ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

CommonÀº HTML¹®¼­¿¡¼­ ÈçÈ÷ »ç¿ëµÇ´Â °´Ã¼¸¦ ¸ð¾Æ³õÀº °ÍÀ¸·Î ¿ÞÂÊÀÇ ±×¸²ÀÌ ¹Ù·Î Common¸¦ ¼±ÅÃÇßÀ» ¶§ÀÇ ¸ð½ÀÀÌ´Ù. À̹ÌÁöµ¥ÀÌÅͳª Å×À̺í, ·¹À̾îµîÀ» ½±°Ô »ðÀÔÇÒ ¼ö ÀÖµµ·Ï Åø¹Ù¸¦ ¸ð¾Æ³õ¾Ò´Ù. ÀÛ¾÷â³»ÀÇ ÀÓÀÇÀ§Ä¡¿¡¼­ À̵é Åø¹Ù¸¦ Ŭ¸¯ÇÏ°Ô µÇ¸é ±× À§Ä¡¿¡ ÇØ´ç °´Ã¼°¡ »ðÀÔµÇ°í µ¿½Ã¿¡ HTMLÄڵ嵵 µå¸²À§¹ö¿¡ ÀÇÇØ ¸¸µé¾îÁö´Â °ÍÀÌ´Ù. ¸¸µé¾îÁö´Â ÄÚµå´Â µå¸²À§¹öÀÇ µð·ºÅ丮 Configuration -> Objects ³»ÀÇ HTML¹®¼­¸¦ º¸¸é ¾Ë ¼ö ÀÖ°í ÇØ´ç°´Ã¼¿¡ ´ëÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¼öÁ¤ÇÏ¸é °´Ã¼¸¦ »ðÀÔÇÒ ¶§ ¸¶´Ù ÀÚ½ÅÀÌ ¿øÇÏ´Â Äڵ尡 »ðÀԵǵµ·Ï ¸¸µé ¼öµµ ÀÖ´Ù. (ÀÌ¿¡ ´ëÇØ¼­´Â º» ȨÆäÀÌÁö ÀÚ·á½ÇÀÇ BDK(Behaviour Development KIt)¸¦ ´Ù¿î¹Þ¾Æ ±× ¾ÈÀÇ ³»¿ëÀ» »ìÆìº¸¸é ±× ¹æ¹ýÀ» ¾Ë ¼ö ÀÖ´Ù.)

Forms¿¡¼­´Â ¹öưÀ̳ª ÅØ½ºÆ® ÀԷ¶õ, ¶óµð¿À¹öư, üũ¹Ú½º, ¸®½ºÆ®¹Ú½ºµîÀÇ Æû °´Ã¼¸¦ »ðÀÔÇÒ ¼ö ÀÖ´Ù.

Invisibles¿¡¼­´Â ½ÇÁ¦ À¥¹®¼­»ó¿¡´Â Ãâ·ÂµÇÁö ¾Ê´Â ÁÖ¼®¹®À̳ª °³Ç๮ÀÚ¸¦ »ðÀÔÇÒ ¼ö ÀÖ´Ù.

±âº»ÀûÀ¸·Î ¾à 22°³ÀÇ °´Ã¼¸¦ °¡Áö°í Àִµ¥ BDK¸¦ ÀÌ¿ëÇÏ¿© ÀÚ½ÅÀÌ Á÷Á¢ ÀÚÁÖ ¾²´Â °ÍÀ» °´Ã¼È­ÇÏ¸é ±×¸¸Å­ HTML¹®¼­¸¦ ¸¸µå´Âµ¥ µå´Â ½Ã°£°ú ³ë·ÂÀ» ÁÙÀϼö ÀÖ´Ù. ÀÎÅͳݻ󿡴 ÀÌµé ±âº»ÀûÀÎ °´Ã¼¿Ü¿¡µµ ¼ö¸¹Àº °³¹ßÀÚµéÀÌ ¸¸µé¾î³õÀº Object°¡ Á¸ÀçÇÑ´Ù. À̵éÀ» ´Ù¿î¹Þ¾Æ Configuration -> Objects ¹ØÀÇ µð·ºÅ丮¸¦ Çϳª ¸¸µé°í ±×¾È¿¡ gif ÆÄÀϰú html ÆÄÀÏÀ» µÎ¸é ´ÙÀ½¹ø µå¸²À§¹ö¸¦ ½ÇÇàÇÒ ¶§ ÀÌ °´Ã¼°¡ ¼³Ä¡µÇ¾î ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖÀ»°ÍÀÌ´Ù.

Common À̹ÌÁö Å×ÀÌºí ·¹À̾î

ÀÌÁ¦ »ó´Ü ¸Þ´ºÆÇÀÇ Insert ¸Þ´º¸¦ ¼±ÅÃÇÏ¿© ¼­ºê¸Þ´º¸¦ º¸ÀÚ. ¾Õ¿¡¼­ ¼³¸íÇß´ø ObjectsâÀÇ ¼¼°¡Áö Çü½ÄÀÇ °´Ã¼µéÀÌ ¼­ºê¸Þ´º·Î ³ªÅ¸³ª ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖ´Ù. ÀÌ¿Í °°ÀÌ °´Ã¼¸¦ »ðÀÔÇϱâ À§ÇØ ¸Þ´º¸¦ ÀÌ¿ëÇÒ ¼ö µµ ÀÖ°í ¾Õ¿¡¼­¿Í °°ÀÌ ObjectsâÀÇ Åø¹Ù¸¦ ÀÌ¿ëÇÒ ¼öµµ ÀÖ´Ù.

»ç¿ëÀÚÁ¤ÀÇ °´Ã¼ÀÇ Ãß°¡

ÀÌÁ¦ µå¸²À§¹ö¿¡ ³»ÀåµÈ °´Ã¼¿Ü¿¡ °³¹ßÀÚ°¡ Á÷Á¢ °³¹ßÇÑ »ç¿ëÀÚÁ¤ÀÇ °´Ã¼¸¦ µå¸²À§¹ö¿¡ Ãß°¡ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº¸ÀÚ. Objects¿¡ ÀÖ´Â Å×À̺í¸ð¾çÀÇ Åø¹Ù¸¦ Ŭ¸¯ÇÏ¸é »ðÀ﵃ Å×À̺íÀÇ ¸ð¾çÀ» °áÁ¤Çϱâ À§ÇÑ ´ëÈ­»óÀÚ°¡ ¾Æ·¡¿Í °°Àº ¸ð¾çÀ¸·Î ¶á´Ù.

µå¸²À§¹öÀÇ Å×À̺í»ðÀÔ±â´ÉÀº Çà°ú ¿­, ±×¸®°í Å©±â¸¸À» Á¶ÀýÇÒ ¼ö ÀÖ´Â Á¶±ÝÀº ¹Ì¾àÇÑ ±â´ÉÀ» °¡Áö°í ÀÖ´Ù. ¹°·Ð Å×À̺íÀ» »ðÀÔÇÑ ÈÄ¿¡ Propertiesâ¿¡¼­ Å×À̺í¼Ó¼º¿¡ º¯È­¸¦ ÁÙ ¼ö ÀÖÁö¸¸ °¡´ÉÇϸé Å×À̺íÀ» »ðÀÔÇÒ ¶§ ±× °£°ÝÀ̳ª Å©±âµî º¸´Ù ¸¹Àº ¼Ó¼ºÀ» ÁöÁ¤ÇØ ÁÙ ¼ö ÀÖÀ¸¸é ÈξÀ ¼ö¿ùÇÑ ÀÛ¾÷À» ÇÒ ¼ö ÀÖ´Ù. ±×·¡¼­ ÇÊÀÚ´Â µå¸²À§¹ö °´Ã¼¸¦ Á¦°øÇϴ ȨÆäÀÌÁö¿¡¼­ È®Àå Å×ÀÌºí°´Ã¼¸¦ ¾ò¾ú´Ù. ÀÌ·± ÆÄÀϵéÀº º¸Åë ±×¾È¿¡ °³¹ßÀÚ¿¡ ´ëÇÑ ¼Ò°³¿Í ÀúÀÛ±ÇÁ¤º¸, HTML ¼Ò½ºÆÄÀÏ, ±×¸®°í Objectsâ¿¡ µî·ÏÇÒ Åø¹Ù À̹ÌÁö¸¦ ´ã°í ÀÖ´Ù. ÀÌÁ¦ ÀÌ À̹ÌÁöµ¥ÀÌÅÍ¿Í HTMLÆÄÀÏÀ» Configuration -> Objects -> Common µð·ºÅ丮¿¡ º¹»çÇÏ¿© ±âÁ¸ÀÇ ÆÄÀÏÀ» µ¤¾î¾´´Ù. ±×¸®°í ´Ù½Ã µå¸²À§¹ö¸¦ Àç½ÇÇà½Ã۰í Objects¿¡¼­ Å×À̺í Åø¹Ù¸¦ Ŭ¸¯ÇÏ¸é ¾Æ·¡¿Í °°ÀÌ º¸´Ù ¸¹Àº ¼Ó¼º°ªÀ» ÁÙ ¼ö ÀÖ´Â È®ÀåµÈ ´ëÈ­»óÀÚ°¡ ¶á´Ù.

ÀÌ¿Í °°Àº ¹æ¹ýÀ» ÀÌ¿ëÇÏ¸é °´Ã¼»Ó ¾Æ´Ï¶ó µÚ¿¡¼­ ´Ù·ç°Ô µÉ Behaviorµµ Ãß°¡¹× ¼öÁ¤À̰¡´ÉÇÏ´Ù.

¾Õ¿¡¼­ »ðÀÔ°¡´ÉÇÑ ¿©·¯ °´Ã¼¸¦ º¼ ¼ö ÀÖ¾ú´Âµ¥ ÀÌÁß HTML¹®¼­Á¦À۽à °¡Àå ¸¹ÀÌ »ç¿ëÇÏ°Ô µÇ´Â °ÍÀº À̹ÌÁö¿Í Å×À̺í, ±×¸®°í ·¹ÀÌ¾î °´Ã¼µîÀÇ ÀϺκÐÀÌ´Ù. ÀÌµé °´Ã¼ÀÇ ¼Ó¼ºÀº ´ÙÀ½¿¡¼­ ¼³¸íÇÒ Properties¶ó°í ÇÏ´Â ¶ÇÇϳªÀÇ Ã¢¿¡¼­ º¯°æÇÒ ¼ö ÀÖ´Ù.

ÀÛ¾÷â : Properties

Properties´Â ¾Æ·¡¿Í °°ÀÌ À̹ÌÁöÀÇ ¼Ó¼º, Å×À̺íÀÇ ¼Ó¼º, ±×¸®°í ÀÏ¹Ý ÅØ½ºÆ®ÀÇ ±Û²Ã ¹× ¸ð¾çµîÀÇ ¿©·¯°¡Áö ¼Ó¼ºÀ» ŰÀÔ·Â¹× ¹öư¸¸À¸·Î ½±°Ô ¹Ù²Ü ¼ö Àִ âÀ¸·Î »ç¿ëÀÚ°¡ ¾î¶² °´Ã¼¸¦ ¼±ÅÃÇÏ´À³Ä¿¡ µû¶ó PropertiesâÀÇ ³»¿ëÀÌ ¹Ù²î¾îÁø´Ù. °¢ °æ¿ì¿¡¼­ÀÇ PropertiesâÀÇ ³»¿ëÀ» »ìÆìº¸ÀÚ.

ÀÏ¹Ý ÅØ½ºÆ®¿¡¼­ÀÇ Properties

À§ÀÇ ±×¸²Àº ÀÏ¹Ý ÅØ½ºÆ®¿¡¼­ÀÇ PropertiesâÀ» ¶ç¿üÀ» ¶§ ³ªÅ¸³ª´Â È­¸éÀÌ´Ù.
HTML¹®¼­¿¡¼­ ÅØ½ºÆ®´Â ¿©·¯°¡Áö ¼Ó¼ºÀ» °®´Â´Ù. ÆùÆ®¹× Å©±â¿Í °°Àº °Í¿¡¼­ºÎÅÍ º¼µåü³ª, ÀÌÅŸ¯Ã¼¿Í °°Àº ¸ð¾ç¿¡ ´ëÇÑ °ªÀ» ÁÙ¼öµµ ÀÖ°í, Á¿쳪 Áß¾ÓÀ¸·Î Á¤·Äµµ ¹Ù²Ù¾î ÁÙ ¼ö ÀÖ´Ù. ÇØ´ç ÅØ½ºÆ®¸¦ ¸®½ºÆ®·Î ¹Ù²Ü ¼öµµ ÀÖÀ¸¸ç ´Ù¸¥ ¹®¼­·Î À̵¿À» À§ÇÑ ¸µÅ©µµ ºÙÀÏ ¼ö ÀÖ´Ù. ÀÌ·¯ÇÑ ÅØ½ºÆ®°¡ °¡Áö´Â ¿©·¯°¡Áö ¼Ó¼ºÀ» ÀÌ Propertiesâ Çϳª¿¡ °£·«È÷ Ç¥½ÃÇÏ¿© »ç¿ëÀÚ°¡ ÀÚ¼¼ÇÑ Å±׹®¹ýÀ» ¸ô¶óµµ ½±°Ô ÅØ½ºÆ®ÀÇ ¸ð¾ç¿¡ º¯È­¸¦ ÁÙ ¼ö ÀÖµµ·Ï ÇÑ °ÍÀÌ µå¸²À§¹ö¿¡¼­ PropertiesâÀÌ °¡Áö´Â ÀåÁ¡ÀÌ´Ù.

À̹ÌÁö¸¦ ¼±ÅÃÇßÀ» ¶§ÀÇ Properties

À§ÀÇ ±×¸²Àº »ç¿ëÀÚ°¡ À̹ÌÁö¸¦ ¼±ÅÃÇßÀ» ¶§ Ç¥½ÃµÇ´Â PropertiesâÀÇ ³»¿ëÀÌ´Ù.
¿ÞÂÊ »ó´ÜÀ» º¸¸é À̹ÌÁöÀÓÀ» ¾Ë¸®´Â imageÇ¥½Ã¿Í ÇÔ²² À̹ÌÁöÀÇ Å©±â°¡ ³ª¿Í ÀÖ´Ù. image ¹Ù·Î ¾Æ·¡ÀÇ ÀԷ¶õ¿¡´Â ÀÌ À̹ÌÁöµ¥ÀÌÅÍ¿¡ ´ëÇÑ °íÀ¯ÀÇ À̸§À» ÁÙ ¼ö ÀÖ´Ù. Áï, Ä¿¼­°¡ À̹ÌÁöÀ§¿¡ ÀÖÀ» ¶§ ±×¸²À» ´Ù¸¥ °ÍÀ¸·Î ¹Ù²Û´Ù°Å³ª ÇÏ´Â Á¶ÀÛ(À̰ÍÀ» Image rollover¶ó ÇÑ´Ù)À» ÇÒ ¶§ ÇØ´ç À̹ÌÁöµé¿¡ Á¢±ÙÇÏ¿© ´Ù¸¥ À̹ÌÁö·Î ġȯ½ÃÄÑÁִµ¥ À̶§ °¢ À̹ÌÁöµéÀ» ±¸º°Çϱâ À§ÇØ ºÎ¿©ÇÏ´Â À̸§À» ÀÌ ÀԷ¶õ¿¡ ÁÖ´Â °ÍÀÌ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ¿© À̺¥Æ®¸¦ ÁÖÁö ¾Ê´Â´Ù¸é ¾Æ¹«°ªµµ ÁÖÁö ¾Ê¾Æµµ ¹«¹æÇÏ´Ù. ³ª¸ÓÁö´Â ÀÌ À̹ÌÁö°¡ °®´Â ¼Ó¼ºÀ» º¸¿©ÁÖ°í ÀÖ´Ù.
À̹ÌÁöÀÇ °¡·Î¹× ¼¼·ÎÅ©±â´Â À̹ÌÁöµ¥ÀÌÅ͸¦ ºÒ·¯µé¿´À» °æ¿ì ÀÚµ¿ÀûÀ¸·Î ¿øº» µ¥ÀÌÅÍÀÇ Å©±â·Î ÁöÁ¤µÈ´Ù. À̰ªÀ» ¿øÇÏ´Â Å©±â·Î ¼öÁ¤ÇÏ¿© È®´ë¹× Ãà¼Ò½Ãų ¼ö ÀÖ´Ù. ¿©±â¿¡´Â Á¤¼ö·Î¼­ Çȼ¿(px)´ÜÀ§·Î °ªÀ» ÁÙ ¼ö µµ ÀÖ°í 30%¿Í °°ÀÌ ¹èÀ²´ÜÀ§·Îµµ ÁÙ ¼ö ÀÖ´Ù. Áï, W(idth)¸¦ 30%·Î ¼³Á¤ÇÒ °æ¿ì ºê¶ó¿ìÀúÀ©µµ¿ìÀÇ 30%¸¦ Â÷ÁöÇÏ´Â À̹ÌÁö°¡ µÈ´Ù. Src´Â À̹ÌÁöµ¥ÀÌÅͰ¡ ÀÖ´Â ÆÄÀÏÀ§Ä¡À̰í Link´Â ÇØ´ç À̹ÌÁö¸¦ ÅëÇØ ´Ù¸¥°÷À¸·Î À̵¿ÇϰíÀÚ ÇÒ ¶§ ÁÖ´Â url ÁÖ¼ÒÀÌ´Ù. AlignÀ¸·Î´Â À̹ÌÁö¿Í ÅØ½ºÆ®°£ÀÇ Á¤·ÄÀ» ¹Ù²Ù¾î ÁÙ ¼ö ÀÖ´Ù. ¾Æ·¡ÀÇ Alt¿¡´Â ÇØ´ç À̹ÌÁö°¡ ºê¶ó¿ìÀú¿¡ ÀÐÇôÁö±â Àü¿¡ ¹Ì¸® º¸¿©ÁÖ´Â ÅØ½ºÆ®ÀÌ´Ù. À̹ÌÁöÀÇ °æ°è°ªÀ» ÁÖ·Á¸é Border¿¡ °ªÀ» ÁØ´Ù.
¿ìÃø ÇÏ´ÜÀ» º¸¸é Map ¹öư°ú Edit Image¹öưÀÌ ÀÖ´Ù. Map¹öưÀº ÇØ´ç À̹ÌÁö¿¡ ´ëÇØ À̹ÌÁö ¸Ê(Image Map)󸮸¦ ÇϰíÀÚ ÇÒ ¶§ »ç¿ëÇÏ¸ç ³»ÀåµÈ À̹ÌÁö¸Ê ¿¡µðÅ͸¦ ºÒ·¯¿Â´Ù. µå¸²À§¹ö¿¡¼­ À̹ÌÁö¸Ê󸮸¦ ÇÏ´Â ¹æ¹ýÀº ¹«Ã´ °£´ÜÇÏ´Ù. ¾Æ·¡ÀÇ À̹ÌÁö¿¡ ´ëÇØ ¸Ê󸮸¦ ÇØº¸ÀÚ. À̹ÌÁö¸¦ ¼±ÅÃÇϰí Map¹öưÀ» ´­·¯ ¿¡µðÅ͸¦ ºÒ·¯¿Â´Ù.

¾Æ·¡¿Í °°À» °ÍÀÌ´Ù.

¿ÞÂÊ¿¡ ³×°³ÀÇ µµ±¸°¡ º¸ÀδÙ. À§¿Í °°ÀÌ °¢°¢ÀÇ ¸µÅ©Ã³¸®¸¦ Çϰí½ÍÀº ¿µ¿ªÀ» Àû´çÇÑ µµ±¸¸¦ ÀÌ¿ëÇÏ¿© µå·¡±×ÇÏ¿© ¼±ÅÃÇÑ´Ù. À§¿¡¼­´Â »ç°¢Çü µµ±¸¸¦ ÀÌ¿ëÇÏ¿© ´Ù¼¸°³ÀÇ ¿µ¿ªÀ¸·Î ³ª´©¾ú´Ù. ¿ìÃøÇÏ´Ü¿¡´Â ¿µ¿ª¼±ÅÃÀ» À§ÇÑ ÁÂÇ¥°¡ Ãâ·ÂµÈ´Ù. Link¶ó¿¡´Â ÇØ´ç ¸Þ´º¸¦ Ŭ¸¯ÇßÀ» ¶§ À̵¿ÇÒ urlÀ» Àû¾îÁÖ°í ¿À¸¥ÂÊ Alt´Â À̹ÌÁö¿¡ ´ëÇÑ Alt¿Í °°Àº Àǹ̸¦ °®´Â´Ù. TargetÀº »õ·ÎÀÌ À̵¿À» ÇÏ¿© guestbook.htmlÀ» º¸¿© ÁÙ ¶§ ¾î´À âÀ¸·Î º¸¿©ÁÙ °ÍÀÎÁö¸¦ °áÁ¤ÇÑ´Ù. »õ·Î¿î âÀ» ¶ç¿ö º¸¿©ÁÖ°íÀÚ ÇÑ´Ù¸é _blank¸¦ ¼±ÅÃÇϰí ÇöÀçÀÇ ºê¶ó¿ìÀú À©µµ¿ì¿¡ Ãâ·ÂÇϰíÀÚ ÇÑ´Ù¸é _self¶Ç´Â ¾Æ¹«°Íµµ ¼±ÅÃÇÏÁö ¾Ê¾Æµµ µÈ´Ù. ÁÂÃø »ó´Ü¿¡ Mapname¿¡ °íÀ¯À̸§À» Áִ°ÍÀ» ÀØÁö ¸»µµ·Ï ÇÏÀÚ.

´Ù½Ã PropertiesâÀ¸·Î µ¹¾Æ°¡ ¿ìÃøÇÏ´Ü¿¡ ³²Àº ¹öư Edit Image¸¦ º¸ÀÚ.
À̰ÍÀº ÇöÀç ¼±ÅÃÇÑ À̹ÌÁö¸¦ ¼öÁ¤Çϱâ À§ÇØ À̹ÌÁö ÆíÁýÇÁ·Î±×·¥À» ½ÇÇà½ÃŲ´Ù. µå¸²À§¹ö¿¡´Â ÀÚü À̹ÌÁöÆíÁý±â°¡ ¾øÀ¸¸ç ÀÚ½ÅÀÌ Áñ°Ü¾²´Â À̹ÌÁöÆíÁý ÇÁ·Î±×·¥À» µî·ÏÇϸé Propertiesâ³»¿¡¼­ ½±°Ô À̹ÌÁöÆíÁý ÇÁ·Î±×·¥À» ºÒ·¯¿Í ÀÛ¾÷À» ÇÒ ¼ö ÀÖ´Ù. ÀÛ¾÷ÈÄ ¼öÁ¤µÈ À̹ÌÁö´Â ±×´ë·Î µå¸²À§¹ö¿¡¼­ °»½ÅµÈ´Ù. ¿ÜºÎ ÇÁ·Î±×·¥Àº Edit -> Preferences ¸Þ´º¿¡¼­ External Editors¸¦ Ŭ¸¯ÇÏ¿© µî·Ï½Ãų ¼ö ÀÖ´Ù. ¿ÜºÎÆíÁýÇÁ·Î±×·¥Àº À̹ÌÁö»Ó ¾Æ´Ï¶ó HTML ÆíÁý±âµµ µî·ÏÀÌ °¡´ÉÇÏ´Ù. ÇÊÀÚÀÇ °æ¿ì À̹ÌÁö ¿¡µðÅͷδ PaintShop Pro 5.0À» µî·ÏÇÏ¿© »ç¿ëÇϰí ÀÖÀ¸¸ç Ultra Editor¸¦ HTML ¿ÜºÎÆíÁýÇÁ·Î±×·¥À¸·Î µî·ÏÇÏ¿© µå¸²À§¹ö¿¡¼­ ÀÛ¾÷ÇÑ ¹®¼­¸¦ ¸¶¹«¸®ÁöÀ» ¶§ »ç¿ëÇÑ´Ù.

Å×À̺íÀ» ¼±ÅÃÇßÀ» ¶§ÀÇ Properties

À§ÀÇ ±×¸²Àº Å×À̺íÀ» ¼±ÅÃÇßÀ» ¶§ ³ªÅ¸³ª´Â PropertiesâÀÇ ³»¿ëÀÌ´Ù. À̹ÌÁö¿Í ¸¶Âù°¡Áö·Î Å×ÀÌºí¿¡µµ °íÀ¯ÀÇ À̸§À» ÁÙ ¼ö ÀÖ´Ù. ÀÌ À̸§Àº À̹ÌÁö³ª Å×ÀÌºí »Ó ¾Æ´Ï¶ó ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ °´Ã¼·Î °£ÁÖÇÏ´Â ¸ðµç °Í¿¡ ÁÙ ¼ö ÀÖ´Ù. ÀÌ´Â ºê¶ó¿ìÀú°¡ À©µµ¿ì³»¿¡ ³ªÅ¸³ª´Â ¸ðµç ³»¿ëÀ» °´Ã¼·Î °£ÁÖÇϱ⠶§¹®¿¡ °¡´ÉÇÏ´Ù. ÀÚ¼¼ÇÑ °ÍÀº ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃʽױ⸦ Âü°íÇϵµ·Ï ÇÏÀÚ.
Å×À̺íÀÌ °®´Â ¼Ó¼ºÀ¸·Î´Â ¿ì¼± Çà°ú ¿­ÀÌ ÀÖÀ¸¸ç Å©±â¿Í Å×À̺íÀÇ µÎ²²¿¡µµ °ªÀ» ÁÙ ¼ö ÀÖ´Ù. À̹ÌÁö¿Í ¸¶Âù°¡Áö·Î Çȼ¿»Ó ¾Æ´Ï¶ó ¹èÀ²(%)·Îµµ ÁÙ ¼ö ÀÖ´Ù. CellSpace´Â Å×À̺íÀ» ÀÌ·ç´Â °¢ ¼¿°£ÀÇ °£°ÝÀ», CellPad´Â ¼¿¾ÈÀÇ ³»¿ë°ú ¼¿ÀÇ °¡ÀåÀÚ¸®¿ÍÀÇ °£°ÝÀ» ¸»ÇÑ´Ù. CellPad¸¦ 0À¸·Î ÁÖ°í ÀÏÁ¤ µÎ²²¸¦ ÁÖ¸é ¼¿¾ÈÀÇ ³»¿ëÀÌ °¡ÀåÀÚ¸®¿¡ ¹Ù·Î ºÙ¾î¹ö¸®¹Ç·Î º¸±â¿¡ ÁÁÁö ¾Ê´Ù. µû¶ó¼­ Å×À̺í¾ÈÀÇ ³»¿ëÀÌ ÀûÁö ¾ÊÀ» °æ¿ì CellPadµµ Àû´çÇÑ °ªÀ» ÁÖ´Â °ÍÀÌ º¸±âÁÁ´Ù. ±× ¾Æ·¡¿¡´Â Å×ÀÌºí ¼¿¿¡ ÁÙ ¼ö ÀÖ´Â ¼Ó¼ºÀ¸·Î Å×À̺íÀÇ ¹è°æ»ö, °æ°è»öµîÀ» ÁöÁ¤ÇØ ÁÙ ¼ö ÀÖ´Ù.

·¹À̾ ¼±ÅÃÇßÀ» ¶§ÀÇ Properties

À§ÀÇ ±×¸²Àº ·¹À̾ ¼±ÅÃÇßÀ» ¶§ ³ªÅ¸³ª´Â PropertiesâÀÇ ³»¿ëÀÌ´Ù. ·¹À̾î´Â ºê¶ó¿ìÀú À©µµ¿ì³»¿¡¿¡ ÁÂÇ¥°ªÀ» °¡Áö°í ÀÚÀ¯·ÎÀÌ ¹èÄ¡µÉ ¼ö ÀÖ´Â °´Ã¼·Î ºê¶ó¿ìÀú 4.0 À̻󿡼­¸¸ Áö¿øµÈ´Ù. ±âÁ¸ÀÇ À̹ÌÁö¿Í Å×À̺íµîÀÌ À©µµ¿ì³»¿¡ ÀÚ¸®¸¦ °íÁ¤ÇÏ¿© À§Ä¡ÇÏ´ø °Í¿¡ ºñÇØ ·¹À̾î´Â Z-Index¸¦ Ãß°¡ÇÏ¿© 3Â÷¿ø °ø°£¿¡ ÀÚ¸®ÀâÀ½À¸·Î½á ÀÌ¹Ì ÇѰ迡 ´Ù´Ù¸¥ ´Ü¼ø HTML¹®¼­¿¡ ´Ù¾çÇÑ Ç¥Çö¹æ¹ýÀ» Á¦°øÇϰí ÀÖ´Ù.

À̿ܿ¡µµ PropertiesâÀº À̹ÌÁö, Å×À̺í, ·¹À̾î»Ó ¾Æ´Ï¶ó ÇÁ·¹ÀÓµî ¿©·¯°¡Áö ´Ù¸¥ °´Ã¼¸¦ ¼±ÅÃÇßÀ» ¶§¿¡ µû¶ó ´Ù¾çÇÑ ¼Ó¼ºÀ» °®´Âµ¥ ¿©±â¼­´Â ±× âÀÇ ±â´É°ú ¸ð½À¸¸À» Àá½Ã »ìÆìº¸¾Ò´Ù. ÀÚ¼¼ÇÑ ³»¿ëÀº °¢ °´Ã¼¿¡ ´ëÇÑ ¼³¸í¿¡¼­ ¾Ë¾Æº¸±â·Î Çϰí Launcher¿¡ ´ëÇØ¼­ º¸µµ·Ï ÇÏÀÚ.

ÀÛ¾÷â : Launcher

µå¸²À§¹öÀÇ ÀÛ¾÷â¿¡¼­ º¸°Ô µÇ´Â ¼¼¹øÂ° âÀº Launcher·Î ¸ðµÎ ¿©¼¸°¡ÁöÀÇ Åø¹Ù°¡ ³ª¿­µÇ¾î ÀÖ´Ù. SITE´Â µå¸²À§¹ö¿¡¼­ Á¦°øÇÏ´Â FTP ÇÁ·Î±×·¥À¸·Î À̸¦ ÀÌ¿ëÇÏ¿© ISP¿¡ ÀÖ´Â ÀÚ½ÅÀÇ °èÁ¤À» °ü¸®ÇÒ ¼ö ÀÖ´Ù. STYLES´Â À¥¹®¼­¿¡ ½ºÅ¸ÀÏÀ» Àû¿ëÇÒ ¶§ »ç¿ëÇÏ¸ç »õ·Î¿î ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÏ¿© »ç¿ëÇÒ ¼ö ÀÖ°í, ±âÁ¸ÀÇ Å±׸¦ ÀçÁ¤ÀÇÇÏ¿© »ç¿ëÇÒ ¼öµµ ÀÖ´Ù. ½ºÅ¸ÀÏ¿¡ ´ëÇØ¼­´Â ½ºÅ¸ÀÏ ºÎºÐ¿¡¼­ ÀÚ¼¼È÷ ´Ù·çµµ·Ï ÇÏÀÚ. À̵éÀº Dynamic HTML ¿¡µðÅͷμ­ µå¸²À§¹ö°¡ °®´Â µ¶Æ¯ÇÑ ±â´ÉÀ¸·Î »ç¿ëÀÚ°¡ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Áö½ÄÀÌ ¾ø´ÙÇÏ´õ¶óµµ ÀÚü Äڵ带 »ý¼º½ÃÄÑ À¥ÆäÀÌÁö¿¡ »õ·Î¿î È¿°ú¸¦ ÁÙ ¼ö ÀÖµµ·Ï µµ¿ÍÁÖ´Â ¸·°­ÇÑ ±â´ÉÀ» Á¦°øÇÑ´Ù. BEHAVIOR¿Í TIMELINEµµ °¢°¢¿¡¼­ ÀÚ¼¼È÷ ´Ù·çµµ·Ï ÇÑ´Ù. µå¸²À§¹ö¸¦ ÀÌ¿ëÇÑ HTML ¹®¼­Á¦ÀÛ½Ã ÃæºÐÇÑ È¿°ú¸¦ °ÅµÎ·Á¸é ¾î¶²±â´Éº¸´Ùµµ À̵éÀ» Àß ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù. ¸¶Áö¸·ÀÇ HTML ¹öưÀ» Ŭ¸¯ÇÏ¸é ¿ìÃøÇÏ´Ü¿¡ ³»Àå ÆíÁýâÀÌ ¶ß´Âµ¥ »ç¿ëÀÚ°¡ ÀÛ¾÷À©µµ¿ì¿¡¼­ ÀÔ·ÂÇÏ´Â ¸ðµç°ÍÀÌ ÀÌ ÆíÁýâ¿¡ ÄÚµå·Î¼­ Ç¥½ÃµÈ´Ù. µû¶ó¼­, ű׹®¹ý¿¡ Àͼ÷Ä¡ ¾ÊÀº »ç¿ëÀÚ¶ó ÇÏ´õ¶óµµ ÀÌ ÆíÁýâÀ» ¿­¾î³õ°í ÀÛ¾÷À» Çϸé ű׹®¹ý¿¡ ´ëÇØ¼­µµ ½±°Ô Ä£¼÷ÇØÁú ¼ö ÀÖ´Ù. ÀÌ ±â´Éµµ µå¸²À§¹ö°¡ ´Ù¸¥ ¿¡µðÅÍ¿¡ ºñÇØ ¿ìÀ§¸¦ °®°í ÀÖ´Â ±â´ÉÁßÀÇ Çϳª´Ù.

[¸ñÂ÷] [´ÙÀ½À¸·Î] [À¥µðÀÚÀÎ ÆäÀÌÁö·Î] [¸ÞÀÎÆäÀÌÁö·Î]