2. ÀÎÅÍ³Ý ÄÁÅÙÃ÷ Á¦ÀÛÀ» À§ÇÑ È¯»óÀÇ Æ®¸®¿À |
|
¸ÅÅ©·Î¹Ìµð¾îÀÇ Á¦Ç°±º(µå¸²À§¹ö, Ç÷¹½Ã3, µð·ºÅÍ6) |
|
¸ÅÅ©·Î¹Ìµð¾î»ç¿¡¼ HTML ÆíÁý±â¸¦ ¹ßÇ¥ÇÏ¿´´Ù.
'²ÞÀ» ¿«´Â ÀÌ'¶ó´Â ¸ÚÁø À̸§À» °¡Áø µå¸²À§¹ö°¡ ¹Ù·Î ±×°ÍÀÌ´Ù.
´ëÇ¥ÀûÀÎ ¸ÖƼ¹Ìµð¾î ÀúÀÛµµ±¸·Î ÀÚ¸®ÀâÀº µð·ºÅÍ´Â ÀÌ¹Ì ¼ï¿þÀ̺ê Ç÷¯±×ÀÎÀ¸·Î ÀÎÅͳݿ¡
ÅëÇյǾú°í, Ç÷¡½¬´Â ÀÎÅÍ³Ý ÄÁÅÙÃ÷ °³¹ßÀڵ鿡°Ô °¡Àå ÀαâÀÖ´Â ÀúÀÛµµ±¸´Ù.
±×·¯³ª ÇÑ°¡Áö ºüÁø °ÍÀÌ ÀÖ¾ú´Ù. ¹Ù·Î ´Ù¾çÇÑ ¹Ìµð¾î¸¦ ÅëÇÕÇÏ¿© HTML ¹®¼·Î ÄÚµùÇÒ ¼ö ÀÖ´Â
HTML ÆíÁý±â°¡ ¾ø¾ú´ø °ÍÀÌ´Ù.
ÀÌÁ¦ ¸ÅÅ©·Î¹Ìµð¾î»ç´Â »õ·Î¿î HTML ÆíÁý±âÀÎ µå¸²À§¹ö¿Í ´Ù¾çÇÑ ³×Æ®¿öÅ· ¸í·ÉÀ» ÀÌ¿ëÇÑ
ÀÎÅÍ·¢Æ¼ºê ÄÁÅÙÃ÷ Á¦ÀÛÀ» À§ÇÑ µð·ºÅÍ, º¤ÅÍ ¹æ½ÄÀÇ Ãʼҷ®ÀÇ ¾Ö´Ï¸ÞÀ̼ÇÀ» ÀÛ¼ºÇÒ ¼ö ÀÖ´Â
Ç÷¡½Ã·Î ÀÎÅÍ³Ý ÀúÀÛµµ±¸ÀÇ ÃµÇÏÅëÀÏÀ» ²ÒÇÏ°í ÀÖ´Ù. |
3. WYSIWYG ¹æ½ÄÀÇ HTML ¿¡µðÅÍ |
|
¾ÆÁ÷Àº ȣȯ¼ºÀÌ ¶³¾îÁö´Â ´ÙÀ̳ª¹Í(Dynamic) HTMLÀ» »ç¿ëÇÏ±â ½È´Ù¸é ´Ü¼øÇÑ HTML ¿¡µðÅÍ·Î
»ç¿ëÇصµ ¹«¹æÇÏ´Ù.
ÇöÀç ³Î¸® ¾²ÀÌ°í ÀÖ´Â WYSIWYG ¹æ½ÄÀÇ HTML ¿¡µðÅÍÀÎ À©µµ¿ìÁîÀÇ ÇÁ·ÐÆ®ÆäÀÌÁö, ¸ÅŲÅä½ÃÀÇ
ÆäÀÌÁö¹Ð°ú ºñ±³Çصµ ÀüÇô ¼Õ»öÀÌ ¾ø´Â ¿¡µðÅÍÀ̱⠶§¹®ÀÌ´Ù.
ƯÈ÷ Ãʺ¸Àڵ鿡°Ô´Â ´Ù¼Ò ±î´Ù·Î¿î ÇÁ·¹ÀÓµµ Áö±Ý±îÁö º¸¾Æ¿Â ±× ¾î¶² ¿¡µðÅͺ¸´Ùµµ °£´ÜÇÏ°Ô
»ý¼ºÇØÁØ´Ù.
±×¿Ü À̹ÌÁö³ª ÀÚ¹Ù ¾ÖÇø´, ¼ï¿þÀ̺ê Ç÷¯±×ÀÎ µîÀÇ ´Ù¾çÇÑ °³Ã¼ÀÇ »ðÀÔÀÌ ¿ëÀÌÇÏ´Ù.
±×·¯³ª µå¸²À§¹öÀÇ Æ¯Â¡Àº ÀÚ¹Ù ½ºÅ©¸³Æ® ±â¹ÝÀÇ ºñÁê¾ó HTML ÆíÁý±â¶ó´Â Á¡À̹ǷÎ
´ÙÀ̳ª¹Í HTML ¹®¼¸¦ ÀÛ¼ºÇÒ ¶§ ±× ÁøÁ¤ÇÑ °¡Ä¡¸¦ ´À³¢°Ô µÈ´Ù. |
4. ´ÙÀ̳ª¹Í(Dynamic) HTMLÀ» À§ÇÑ ÇൿÀÚ(Behavior)¿Í ·¹À̾î(Layer)
|
|
´ÙÀ̳ª¹Í HTMLÀÇ Æ¯Â¡ÀÎ ·¹À̾ Áö¿øÇÑ´Ù. ·¹À̾ »ç¿ëÇÏ°Ô µÇ¸é ÇϳªÀÇ È¸é¿¡ ¿©·Á °³ÀÇ
·¹À̾ »ý¼ºÇÏ¿© °¢ ·¹À̾ ¾Ö´Ï¸ÞÀÌÆ®½ÃÅ°°Å³ª, °¢°¢ ´Ù¸¥ ¼Ó¼ºÀ» ºÎ¿©ÇÏ¿© µ¿ÀûÀÎ HTML
¹®¼¸¦ ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù. ·¹ÀÌ¾î ¾È¿¡ ÅؽºÆ®³ª À̹ÌÁö¿Í °°Àº °³Ã¼¸¦ »ðÀÔÇÒ ¼ö ÀÖÀ¸¸ç °¢ ·¹À̾
[Timelines]¿¡¼ ¼Õ½±°Ô Á¦¾îÇÒ ¼ö ÀÖ´Ù.
ŸÀÓ¶óÀÎ |
|
[Behavior¿Í Action] - °³Ã¼¸¦ ¼±ÅÃÇÏ°í Behavior¸¦ Ãß°¡ÇÑ ÈÄ ¿øÇÏ´Â ActionÀ» µ¡ºÙÀÌ¸é ´Ù¾çÇÏ°í
ƯÀÌÇÑ È¿°úµéÀ» ³¾ ¼ö ÀÖ´Ù.
µå¸²À§¹ö´Â ¸¶¿ì½ºÀÇ ·Ñ¿À¹ö, Ŭ¸¯ µî°ú °°Àº ´Ù¾çÇÑ ÇൿÀÚ(Behavior)¸¦ °¡Áö°í ÀÖÀ¸¸ç
ÀÌ·¯ÇÑ ÇൿÀÚ¿¡ ´ëÇ¥ÀûÀÎ ºê¶ó¿ìÀú¿¡ ´ëÀÀÇÏ´Â ¾×¼Ç(Action)¸¦ µ¡ºÙÀÏ ¼ö Àִµ¥, ±×¸²¿¡¼ º¸µíÀÌ
ÇൿÀÚ¸¦ ¼±ÅÃÇÑ ´ÙÀ½ ¾×¼Ç Æ˾÷ ¸Þ´º¿¡¼ Áö¿ø °¡´ÉÇÑ ¾×¼ÇÀ» ¼±ÅÃÇÏ¸é µÈ´Ù.
¾×¼Ç¿¡´Â »ç¿îµå¸¦ »ðÀÔÇÒ ¼ö ÀÖ´Â Control Sound, ÁöÁ¤ÇÑ URL·Î À̵¿ÇÏ´Â [Go To URL], Æ˾÷
¸Þ½ÃÁö âÀ» ¶ç¿öÁÖ´Â [Popup Message] µîÀÌ ÀÖ´Ù.
[Timelines]¶ó°í ºÒ¸®´Â ÇÁ·¹ÀÓ Á¦¾îÆÇ¿¡¼´Â Å°ÇÁ·¹ÀÓÀ» ¸¸µé¾î °³Ã¼¸¦ À̵¿½ÃÄÑÁÖ¸é °£´ÜÇÏ°Ô
¾Ö´Ï¸ÞÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Ù. ÀÌ ¶§ÀÇ °³Ã¼´Â ¹Ì¸® »ý¼ºÇÑ ·¹ÀÌ¾î ¼Ó¿¡ »ðÀÔÇÏ¿©¾ß ÇÏ¸ç ·¹À̾
»ðÀÔÇÒ ¼ö ÀÖ´Â °³Ã¼´Â ÅؽºÆ®¿Í À̹ÌÁö, Å×ÀÌºí µîÀÌ °ÅÀÇ Á¦ÇÑÀÌ ¾ø´Ù.
|
5. ¿ì¼öÇÑ ÀÎÅÍÆäÀ̽º |
|
µå¸²À§¹öÀÇ ÀÎÅÍÆäÀ̽º´Â ¾óÇͺ¸±â¿¡´Â º¹ÀâÇÑ µíÇÑ ÀλóÀ» ÁØ´Ù.
ƯÈ÷ ÀÌ ¸Þ´ºÃ¢ Àú ¸Þ´ºÃ¢ ¸ðÁ¶¸® ´Ù ¿¾îµÎ°í ÀÛ¾÷À» ÇÏ¸é ¸Å¿ì ¼º°¡½Å ÀÎÅÍÆäÀ̽ºÀÓ¿¡ Ʋ¸²ÀÌ
¾ø´Ù.
±×·¯³ª µå¸²À§¹ö¿¡ ¾î´À Á¤µµ Àͼ÷ÇØÁö¸é ÇÊ¿äÇÑ ¸Þ´º¿Í ´çÀåÀº ÇÊ¿ä¾ø´Â ¸Þ´º¸¦ ÆÇ°¡¸§ÇÒ ¼ö ÀÖ°í,
ÇÊ¿ä¿¡ µû¶ó ¸Þ´ºÃ¢À» ¶ç¿ì¸é µÇ¹Ç·Î °á°úÀûÀ¸·Î ¸Å¿ì ¹Ì·ÁÇÑ ÀÎÅÍÆäÀ̽º¶ó°í ÇÒ ¼ö ÀÖ´Ù.
[Launcher] - °¢Á¾ Panel, Palette¸¦ °ü¸®ÇÑ´Ù.
¿¹¸¦ µé¾î À§¿Í °°Àº [Launcher]¸¦ ¶ç¿ö³ô°í ´Ü ÇѹøÀÇ ¸¶¿ì½º Ŭ¸¯À¸·Î ƯÁ¤ ±â´ÉÀÇ ÆÈ·¹Æ®¸¦
º¸ÀÌ°Ô, ȤÀº ¾Èº¸ÀÌ°Ô ÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù. |
6. µð·ºÅͳª Ç÷¡½¬ »ç¿ëÀÚ¿¡°Ô´Â ƯÈ÷ À¯¸®
|
|
[Timeline] - µð·ºÅÍÀÇ ½ºÄÚ¾îâ, Ç÷¡½ÃÀÇ Å¸ÀÓ¶óÀΰú ¸Å¿ì ´à¾Ò´Ù.
µð·ºÅͳª Ç÷¡½Ã¿¡ Àͼ÷ÇÑ Á¦ÀÛÀÚµéÀº º°´Ù¸¥ ¾î·Á¿ò¾øÀÌ µå¸²À§¹ö¸¦ ÀÍÈú ¼ö ÀÖ´Ù.
µå¸²À§¹öÀÇ ÇÙ½É ±â´ÉÀ» Á¦¾îÇÏ´Â [Timelines]´Â µð·ºÅÍÀÇ ½ºÄÚ¾î À©µµ¿ì¿Í ¾ÆÁÖ Èí»çÇÏ°Ô »ý°å°í,
Å°ÇÁ·¹ÀÓÀÇ »ý¼º°ú ¾Ö´Ï¸ÞÀÌ¼Ç Á¦ÀÛ °úÁ¤µµ µð·ºÅͳª Ç÷¡½Ã¿Í ºñ½ÁÇϱ⠶§¹®ÀÌ´Ù.
¹°·Ð ÀÌ·¸°Ô ÀÛ¼ºµÈ ÄÁÅÙÃ÷´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ±â¹ÝÇÏ¿© ÀÛµ¿ÇÏ´Â °ÍÀ̹ǷΠ¾î¶°ÇÑ Ç÷¯±×ÀÎÀ̳ª
¾ÖÇø´ µîÀÌ ÇÊ¿ä¾øÀ¸¸ç, ¿ÜºÎ Àç»ý±âÀÇ µµ¿òÀÌ ÇÊ¿ä¾øÀ¸¹Ç·Î Ŭ¶óÀ̾ðÆ® ÀÔÀå¿¡¼´Â ºü¸¥ ¼Óµµ·Î
À¥ ºê¶ó¿ìÀú¿¡¼ Àç»ý½Ãų ¼ö ÀÖ´Ù(´Ü, ºê¶ó¿ìÀú 4.0 ÀÌ»ó ¹öÀüÀÌ ÇÊ¿äÇÏ´Ù). |