2. ¸Þ´ºÆÇ Å×ÀÌºí »ý¼º

ÀÌÁ¦ load.html ¿¡¼­ ¸µÅ©¸¦ Ŭ¸¯ÇßÀ» ¶§ ³ªÅ¸³ª´Â À¥¹®¼­¸¦ ¸¸µå´Âµ¥, ¸ÕÀú ¸Þ´ºÆÇÀ» ¸¸µéµµ·Ï ÇÏÀÚ. À¥¹®¼­¸¦ ºÒ·¯µéÀÏ À©µµ¿ì´Â ¾Õ¼­ ¼³Á¤ÇÑ´ë·Î 640 x 480 ÀÇ Å©±â¸¦ °®´Â´Ù. µû¶ó¼­ µå¸²À§¹öÀÇ ÀÛ¾÷âÀÇ Å©±âµµ ±×¿¡ ¸Â°Ô ¹Ù²Ù¾î ÁÖ¸é ÈξÀ Á÷°üÀûÀ¸·Î ÀÛ¾÷ÇÒ ¼ö ÀÖ´Ù. À̸¦ À§ÇØ View -> Rulers -> Show¸¦ ¼±ÅÃÇÏ¿© ´«±ÝÀÚ¸¦ Ç¥½ÃÇÏ°í ¶Ç, View -> Grid -> Show ¸¦ ¼±ÅÃÇÑ´Ù.

¿©±â¼­ ¸¸µé°Ô µÉ ¸Þ´ºÆÇÀº ·¹À̾î¿Í µÎ°³ÀÇ Å×À̺íÀ» ÀÌ¿ëÇÏ¿© ¸¸µç´Ù. Áï, ¸Þ´ºÇ׸ñÀÇ °¹¼ö¸¦°í·ÁÇÏ¿© Å×À̺í Å©±â¸¦ Á¤Çϰí, ÀÌ Å×À̺í Àüü¸¦ ´Ù½Ã ÇϳªÀÇ ·¹À̾î¾È¿¡ ´ã¾Æ¼­ ¿¡´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ ³»´Â °ÍÀÌ´Ù.

Insert -> Layer¸¦ ¼±ÅÃÇÏ¿© ·¹À̾ »ðÀÔÇÏ°í ±× ·¹À̾¿¡ Ä¿¼­¸¦ À§Ä¡½ÃŲä ´Ù½Ã Insert -> Table À» ¼±ÅÃÇÏ¿© Å×À̺íÀ» »ðÀÔÇÑ´Ù. ÀÌ ¿¹Á¦¿¡¼­´Â ¸Þ´ºÇ׸ñÀ» ¼¼°³·Î ÇÏ¿´´Ù. µû¶ó¼­ 3Çà 1¿­ Å©±âÀÇ Å×À̺íÀ» »ðÀÔÇÑ´Ù. ¾Æ·¡¿Í °°´Ù.

layer.gif (2k) ´ÙÀ½À¸·Î´Â ÀÌ Å×À̺íÀÇ ¹è°æÀ̹ÌÁö¸¦ ¾Õ ´Ü°è¿¡¼­ º¸¾Ò´ø ¸Þ´ºÆÇ À̹ÌÁöÀÎ menu_screen.gif·Î ¼³Á¤ÇÑ´Ù. ±×·¯³ª ¾Æ½±°Ôµµ µå¸²À§¹ö¿¡´Â Å×ÀÌºí¿¡ ´ëÇÑ ¹è°æÀ̹ÌÁö¸¦ ¼³Á¤ÇØÁÖ´Â ±â´ÉÀÌ ¾ø´Ù. µû¶ó¼­ ¿¡µðÅ͸¦ ¶ç¿ö Á÷Á¢ Äڵ带 ÀÔ·ÂÇØ¾î¾ß ÇÑ´Ù.

Å×À̺íÀ» »ðÀÔÇÏ°í ³ª¼­ µå¸²À§¹ö ÀÛ¾÷âÀÇ ÁÂÃøÇÏ´ÜÀ» º¸¸é ¾Æ·¡±×¸²°ú °°ÀÌ Å×À̺í°ú °ü·ÃµÈ <table> <tr> <td>µîÀÇ Å±װ¡ Ç¥½ÃµÇ¾î ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖ´Ù.
tag.gif (1k) ¿©±â¼­ <table>À» ¼±ÅÃÇÏ°í¼­ <F10>۸¦ ´©¸¥´Ù. ±×·¯¸é ÀÛ¾÷âÀÇ ¿À´ÃÂÊ ÇÏ´Ü¿¡ µå¸²À§¹ö ³»Àå ¿¡µðÅͰ¡ ¶ß°í ¾Æ·¡¿Í °°ÀÌ ÇØ´ç Å×À̺í Àüü°¡ ¼±ÅõǾî ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖ´Ù.

 

editor.gif (6k)ÀÌÁ¦ Á÷Á¢ Äڵ带 ÀÔ·ÂÇØÁִµ¥ ±×¸²¿¡¼­¿Í °°ÀÌ background="menu_screen.gif" ¸¦ table°ú width»çÀÌ¿¡ Ãij־îÁØ´Ù. ±×·¯¸é Å×À̺íÀÇ ¹è°æÀ̹ÌÁö°¡ menu_screen.gif À̹ÌÁö·Î ¼³Á¤ÀÌ µÈ´Ù.

ÀÌÁ¦ µÎ¹øÂ° Å×À̺íÀ» ·¹À̾¿¡ »ðÀÔÇÑ´Ù.
ù¹øÂ° Å×À̺íÀÌ »ðÀÔµÈ ´ÙÀ½À§Ä¡¿¡ »ðÀÔÇÏ¸ç ¸¶Âù°¡Áö·Î ¹è°æÀ̹ÌÁö¸¦ Á÷Á¢ ÁöÁ¤ÇØÁØ´Ù. ù¹øÂ° Å×ÀÌºí¿¡ ´ëÇÑ ÀÛ¾÷°úÁ¤À» ¹Ýº¹ÇÏ¸é µÈ´Ù. ´Ü À̶§ÀÇ ¹è°æÀ̹ÌÁö´Â ¾Õ ´Ü°è¿¡¼­ º¸¾Ò´ø menu_bottom.gif À̹ÌÁöÀÌ´Ù.

ÀÌÁ¦ »ðÀÔµÈ ·¹À̾ÀÇ µÎ°³ÀÇ Å×À̺íÀº ¾Æ·¡¿Í °°ÀÌ º¸ÀÏ °ÍÀÌ´Ù.

firstview_menu.gif (4k)

 

µÎ°³ÀÇ Å×À̺íÀÌ º¸ÀδÙ. À§ÂÊ Å×À̺íÀº ¸Þ´ºÇ׸ñÀ» ÀÔ·ÂÇϱâ À§ÇØ »ðÀÔÇÑ °æ¿ìÀÌ°í ¾Æ·¡ÂÊÀÇ Å×À̺íÀº ¹è°æÀ̹ÌÁö¸¸À» »ðÀÔÇÏ¿© ÀüüÀûÀ¸·Î ¸Þ´ºÆÇÀÇ À̹ÌÁö¸¦ ³ªÅ¸³»µµ·Ï Çϱâ À§ÇØ »ðÀÔÇÑ °ÍÀÌ´Ù.

±×¸®°í µÎ°³ÀÇ Å×ÀÌºí¿¡¼­ CellPad¿Í CellSpace, ±×¸®°í Border´Â ¸ðµÎ 0À¸·Î ÁØ´Ù.

¿ÞÂÊ ±×¸²¿¡¼­ º¸µíÀÌ ¹è°æÀ̹ÌÁö·Î ¼³Á¤µÇ¾ú±â ¶§¹®¿¡ ·¹À̾îÀÇ Å©±â¸¦ ¹è°æÀ̹ÌÁöÀÇ °¡·ÎÅ©±â¿¡ ¸ÂÃß¾îÁÖ¾î¾ß ÇÑ´Ù. ·¹À̾ ¼±ÅÃÇϰí propertiesâ¿¡¼­ ·¹À̾îÀÇ °¡·ÎÅ©±â¸¦ µÎ ¹è°æÀ̹ÌÁöÀÇ °¡·Î Å©±â°ªÀÎ 144px·Î ¼³Á¤ÇØÁØ´Ù.

content.gif (6k) ÀÌÁ¦ Å×À̺í A¾È¿¡ ÀÖ´Â ¼¼°³ÀÇ ¼¿¿¡ ÀûÀýÇÑ ¸Þ´ºÇ׸ñÀ» ÀÔ·ÂÇÑ´Ù. ÆíÀÇ»ó ù¹øÂ°, µÎ¹øÂ°, ¼¼¹øÂ° ¸Þ´º¶ó´Â ÅØ½ºÆ®¸¦ ÀÔ·ÂÇÑ´Ù. ¹öư È¿°ú¸¦ À§ÇØ button_up.gif À̹ÌÁö¸¦ »ðÀÔÇÑ´Ù. ÀÌ ¹öư À̹ÌÁö´Â »ç¿ëÀÚ°¡ ¸Þ´ºÀ§·Î ¸¶¿ì½º Ä¿¼­¸¦ ¿Å±æ¶§¸¶´Ù ´­¸®¾îÁø °Íó·³ º¸À̱â À§ÇØ button_dn.gif À̹ÌÁö·Î ¹Ù²î¾î Áú °ÍÀÌ´Ù. ÀÌ¿¡ ´ëÇØ¼­´Â ´ÙÀ½´Ü°è¿¡¼­ ¼³¸íÇÑ´Ù. ¹öưÀ̹ÌÁö »ðÀԽÿ¡ ¿©À¯¸¦ ÁÖÁö ¾ÊÀ¸¸é À̹ÌÁö°¡ ³Ê¹« ¿ÞÂÊÀ¸·Î Ä¡¿ìÃĺ¸À̱⠶§¹®¿¡ À̹ÌÁöÀÇ H Space¸¦ ±×¸²Ã³·³ 10Á¤µµ·Î ÁÖ¸é ÀûÀýÇÏ°Ô º¸ÀÏ °ÍÀÌ´Ù.

¸¶Áö¸·À¸·Î °¢ Ç׸ñÀº ¸Þ´ºÀ̱⠶§¹®¿¡ ¸µÅ©ÀÌ´Ù. µû¶ó¼­ À̹ÌÁö¿Í ¸Þ´ºÀ̸§À» Æ÷ÇÔÇÏ¿© ÀûÀýÇÑ ¸µÅ©¸¦ °É¾îÁØ´Ù. ±×·¯¸é ¾Æ·¡¿Í °°ÀÌ ³ªÅ¸³¯ °ÍÀÌ´Ù. µÎ¹øÂ° ´Ü°è¿¡¼­ÀÇ ¿Ï¼ºµÈ ¸Þ´ºÆÇÀÇ ¸ð½ÀÀÌ´Ù.

ÀÌ ¸Þ´ºÆÇ ÀÚü·Îµµ Å« ¹®Á¦´Â ¾ø´Ù. ±×·¯³ª, ¿©±â¼­ ¸ð¾çÀ» Á» ´õ ´Ùµë¾î Áشٸé ÈξÀ º¸±â ÁÁÀº ¸Þ´ºÆÇÀÌ µÉ °ÍÀÌ´Ù. Áï, ¸Þ´ºÆÇ ±Û¾¾ Å©±â¸¦ °¡Àå Àû´çÇÑ 10 ÆùÆ®·Î ÁÙ¿©ÁÖ°í ¸µÅ©ÀÓÀ» Ç¥½ÃÇÏ´Â ¹ØÁÙµµ ¾ø¾ÖÁÖ¸é ¸Þ´ºÆÇÀÌ ÇÑÃþ ±ò²ûÇØ º¸ÀÏ °ÍÀÌ´Ù. ¶ÇÇÑ »ç¿ëÀÚ°¡ ¸Þ´ºÇ׸ñÀ» ¼±ÅÃÇÒ ¶§ ¹öưÀÌ ´­¸®¾îÁö´Â °Í°ú °°Àº È¿°ú¸¦ ÁØ´Ù¸é ´õ ÁÁ°Ú´Ù. (ÀÌ·¯ÇÑ È¿°ú¸¦ Image Rollover Effect ¶ó ÇÑ´Ù. )

menulink.gif (5k)

´ÙÀ½ ´Ü°è¿¡¼­ ¹Ù·Î ÀÌ¿Í °°ÀÌ ¸Þ´ºÆÇÀ» Á»´õ ±ò²ûÇÏ°Ô °¡²Ù´Â ¹æ¹ý¿¡ ´ëÇØ¼­ À̾߱â ÇÒ °ÍÀÌ´Ù. À̸¦ À§ÇØ µå¸²À§¹ö¿¡¼­ Áö¿øÇÏ´Â ½ºÅ¸Àϱâ´É°ú Behavior ±â´ÉÀ» ÀÌ¿ëÇÒ °ÍÀÌ´Ù.

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