| Part 7 : ŸÀÓ¶óÀÎÀ¸·Î Á¿츦 ¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â | |||||||||||||||
|
¸¶Áö¸·À¸·Î ¹®¼¿¡ ¾Ö´Ï¸ÞÀ̼ÇÀ» Ãß°¡ÇØ º¸ÀÚ. ¿¹Á¦¿¡¼´Â 'DHTML ONLINE'À̶ó´Â ȨÆäÀÌÁöÀÇ Å¸ÀÌÆ² À̹ÌÁö¸¦ Á¿ì·Î ¿òÁ÷À̵µ·Ï ÇÒ °ÍÀÌ´Ù. ÀϹÝÀûÀ¸·Î ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ·Á¸é ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀÌ ÇÊ¿äÇϳª µå¸²À§¹ö¿¡¼´Â À̸¦ ½±°Ô ¸¸µé ¼ö Àִ ŸÀÓ¶óÀÎÀ̶ó´Â ±â´ÉÀÌ ÀÖ¾î À̸¦ ÀÌ¿ëÇØ ¾Ö´Ï¸ÞÀ̼ÇÀÌ °¡´ÉÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 »ý¼ºÇØÁØ´Ù.
¿¹Á¦ ¹®¼¿¡¼´Â µÎ °³ÀÇ À̹ÌÁö¸¦ ÀÌ¿ëÇÏ¿© Ä¿¼°¡ ¹öư À§¿¡ ÀÖÀ» ¶§ ¿À¸¥ÂÊ À̹ÌÁö¸¦ º¸¿©ÁÜÀ¸·Î½á °á°úÀûÀ¸·Î ¹öưÀ» ´©¸£´Â °Í°ú °°Àº È¿°ú¸¦ ±¸ÇöÇÏ¿´´Ù.
±âº»ÀûÀ¸·Î ŸÀÓ¶óÀο¡¼ ÇϳªÀÇ °´Ã¼´Â 15°³ÀÇ ÇÁ·¹ÀÓÀ» °¡Áö¸ç ù ¹øÂ° ÇÁ·¹ÀÓ°ú ¸¶Áö¸· ÇÁ·¹ÀÓÀº ŰÇÁ·¹ÀÓ(Keyframe)À¸·Î¼ ÀÌ µÎ ŰÇÁ·¹ÀÓ¿¡¼ °´Ã¼ÀÇ À§Ä¡¸¦ °¢°¢ ÁöÁ¤Çϸé 15¹øÀÇ ÇÁ·¹ÀÓÀÌ ÁøÇàµÉ µ¿¾È °´Ã¼°¡ ÀÌ µÎ À§Ä¡¸¦ µû¶ó À̵¿ÇÔÀ¸·Î½á ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ º¸¿©ÁÖ°Ô µÈ´Ù. ¿¹Á¦¿¡¼´Â Á¿ì·Î Áö¼ÓÀûÀÎ ¿òÁ÷ÀÓÀ» À§ÇØ ÇÁ·¹ÀÓÀ» 16°³·Î ´Ã¸®°í Áß°£ÀÇ 8ÇÁ·¹ÀÓÀ» ŰÇÁ·¹ÀÓÀ¸·Î ÇÏ¿© 1ÇÁ·¹ÀÓ¿¡¼ 8ÇÁ·¹ÀÓ±îÁö´Â ÁÂÇ¥ 200px¿¡¼ 400px±îÁö À̵¿Çϵµ·Ï ÇÏ¿´°í 9ÇÁ·¹ÀÓ¿¡¼ 16ÇÁ·¹ÀÓ±îÁö´Â ´Ù½Ã 400px¿¡¼ 200px±îÁö À̵¿Çϵµ·Ï ÇÏ¿´´Ù. ŸÀÓ¶óÀÎ À©µµ¿ì¿¡¼ È»ìÇ¥ ¹öưÀ» ´·¯ ÇÁ·¹ÀÓÀ» ÁøÇà½ÃÄѺ¸¸é ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖÀ»°ÍÀÌ´Ù. 'Autoplay'¿¡ üũÇϸé onLoad À̺¥Æ®¿Í ¿¬°áµÇ¾î ¹®¼°¡ ºê¶ó¿ìÀú¿¡ ÀÐÇôÁö°í³ª¼ ¹Ù·Î ½ÇÇàÀ̵Ǹç 'Loop'¿¡ üũÇϸé ÀÌ Å¸ÀÓ¶óÀÎÀÌ ²÷ÀÓ¾øÀÌ ¹Ýº¹½ÇÇàµÈ´Ù. ÀÌÁ¦ Å×À̺íÀ» ¼±ÅÃÇÏ¿© border¸¦ 0À¸·Î ÁÖ¸é ¹®¼°¡ ¿Ï¼ºµÈ´Ù. ¹®¼¸¦ ÀúÀåÇÏ°í ºê¶ó¿ìÀú·Î È®ÀÎÇØ º¸ÀÚ. °ÀǸ¦ ¸¶Ä¡¸ç... Áö±Ý±îÁö ¿¹Á¦¸¦ ÅëÇØ ±âº»ÀûÀÎ ±â´ÉºÎÅÍ ½ºÅ¸Àϰú ºñÇìÀ̺ñ¾î, ŸÀÓ¶óÀÎ µî µå¸²À§¹ö°¡ °¡Áø Ư¡ÀÖ´Â ±â´ÉµéÀ» ¹è¿öº¸¾Ò´Ù. ÇÑÁ¤µÈ Áö¸é¿¡ ÃÖ´ëÇÑ ÀÚ¼¼È÷ ¼³¸íÇÏ·Á ÇÏ¿´À¸³ª ¾ó¸¸Å Àü´ÞÀÌ µÇ¾úÀ»Áö ±Ã±ÝÇÏ´Ù. ÇÏÁö¸¸ À§ÀÇ ³»¿ëÀ» ¼ÒÈÇØ³½´Ù¸é ÃæºÐÈ÷ º¸´Ù ¸ÚÁø Àڱ⸸ÀÇ È¨ÆäÀÌÁö¸¦ ¸¸µé ¼ö ÀÖÀ¸¸®¶ó »ý°¢ÇÑ´Ù. |