µå¸²À§¹ö·Î ȨÆäÀÌÁö ¸¸µé±â

14. ·¹À̾î
¡á ·¹ÀÌ¾î ¸¸µé±â
Object ÆÈ·¹Æ®ÀÇ ·¹ÀÌ¾î ¹öÆ° ÀÌ¿ë/Insert>Layer
. Layer inspector¸¦ ÀÌ¿ëÇÏ¿© ·¹À̾ ¼±ÅÃÇÏ°í, °¨Ã߰ųª ¼ø¼­ µîÀ» º¯°æÇÒ ¼ö ÀÖ´Ù.
. Layer inspector¸¦ º¸·Á¸é Windows>Layers

. Prevent Overlaps ¿É¼ÇÀ» üÄÚÇÏ¸é ·¹À̾î¿Í ·¹À̾ ¼­·Î °ãÄ¡Áö ¾Ê°Ô ÇÒ ¼ö ÀÖ´Ù.
. ·¹À̾ »ðÀÔÇÑ ÈÄ ·¹À̾î Ç¥½Ã±â°¡ º¸ÀÌÁö ¾ÊÀ¸¸é View>Invisible Elements¸¦ Ŭ¸¯.

¡á ·¹À̾îÀÇ ¼±ÅÃ, À̵¿ ¹× Å©±â Á¶ÀýÇϱâ
¼±Åùæ½Ä
. ·¹À̾î Ç¥½Ã±â¸¦ ¼±ÅÃ/·¹À̾îÀÇ ÁÂÃø »ó´Ü¿¡ ³ªÅ¸³ª´Â ¼±Åà ÇÚµéÀ» Ŭ¸¯/¼±ÅÃÇÑ ·¹À̾îÀÇ ¿µ¿ª ³»¿¡¼­ ShiftÅ°¿Í CtrlÅ°¸¦ ´©¸¥ »óÅ¿¡¼­ ¸¶¿ì½º¸¦ Ŭ¸¯/Layer inspector¿¡¼­ ·¹À̾î À̸§À» Ŭ¸¯.

·¹À̾îÀÇ Å©±â
. ¸¶¿ì½º·Î ·¹À̾îÀÇ Å©±â¸¦ Á¶ÀýÇÏ·Á¸é, ·¹À̾ ¼±ÅÃÇÏ°í ·¹À̾îÀÇ °æ°è¼±À̳ª ÄÚ³ÊÀÇ °ËÁ¤»ö »ç°¢Çü ÇÚµéÀ» µå·¡±×.
. Å°º¸µå¸¦ ÀÌ¿ëÇÏ¿© ·¹À̾îÀÇ Å©±â¸¦ Á¶ÀýÇÏ·Á¸é, ·¹À̾ ¼±ÅÃÇÑ ÈÄ CtrlÅ°¸¦ ´©¸¥ »óÅ¿¡¼­ È­»ìǥ۸¦ ´©¸§. ShiftÅ°¿Í CtrlÅ°¸¦ ´©¸¥ »óÅ¿¡¼­ È­»ìÇ¥ Å°¸¦ ´©¸£¸é ±×¸®µåÀÇ Áõ°¡°ª¿¡ µû¶ó Å©±â°¡ Á¶ÀýµÊ.

·¹À̾îÀÇ À̵¿
. ¸¶¿ì½º·Î ·¹À̾ À̵¿½ÃÅ°·Á¸é, ·¹À̾ ¼±ÅÃÇÑ ÈÄ ·¹À̾îÀÇ ÁÂÃø »ó´Ü¿¡ ³ªÅ¸³ª´Â ¼±Åà ÇÚµéÀ» À̵¿ÇÒ ¹æÇâÀ¸·Î µå·¡±×ÇÔ.
. ·¹À̾ ¼±ÅÃÇÑ ÈÄ Å°º¸µå¸¦ ÀÌ¿ëÇÏ¿© ·¹À̾ Çѹø¿¡ 1Çȼ¿¾¿ À̵¿ÇÏ·Á¸é È­»ìÇ¥ Å°¸¦ ÀÌ¿ëÇÕ´Ï´Ù. ShiftÅ°¸¦ ´©¸¥Ã¤ È­»ìÇ¥ Å°¸¦ ´©¸£¸é, ±×¸®µå Áõ°¡°ª¸¸Å­ À̵¿ÇÕ´Ï´Ù.

¡á ·¹ÀÌ¾î ¼ø¼­ º¯°æÇϱâ

Property inspector ÀÌ¿ë
. Property inspector¸¦ ÀÌ¿ëÇÏ¿© ·¹À̾îÀÇ ¼ø¼­¸¦ ¹Ù²Ù·Á¸é Z-index°ªÀ» º¯°æÇÔ.
Layer inspector ÀÌ¿ë
. Layer inspector¸¦ ¿­±â À§ÇØ Window>Layers ¸í·ÉÀ» ¼±ÅÃ
. Layer inspector¿¡¼­ ¼ø¼­¸¦ º¯°æÇÒ ·¹À̾ ¼±ÅÃÇÑ ÈÄ À§ ȤÀº ¾Æ·¡·Î µå·¡±× ÇÔ
·¹À̾î¿Í ·¹ÀÌ¾î »çÀÌ¿¡ ÇÏÀ̶óÀÌÆ® ¿µ¿ªÀÌ ³ªÅ¸³ª¸é ¸¶¿ì½º ¹öÆ°¿¡¼­ ¼ÕÀ» ¶À. ±×·¯¸é ·¹À̾îÀÇ ¼ø¼­°¡ º¯°æµÊ.

Layer inspector ´Ù·ç±â
·¹À̾ È­¸é¿¡ ³ªÅ¸³»°Å³ª °¨Ãß·Á¸é
. Layer inspector¸¦ ¿­±â À§ÇØ Window>Layers ¸í·ÉÀ» ¼öÇà.
. Layer inspector¿¡¼­ ·¹À̾î À̸§ ÁÂÃø °ø°£À» Ŭ¸¯ÇÔ. ±×·¯¸é ´« ¸ð¾çÀÇ ¾ÆÀÌÄÜÀÌ ³ªÅ¸³². ÀÌ ¾ÆÀÌÄÜÀ» Ŭ¸¯ÇÔÀ¸·Î½á ·¹À̾ º¸ÀÌ°Ô Çϰųª º¸ÀÌÁö ¾Ê°Ô ÇÒ ¼ö ÀÖ½À´Ï´Ù.

¡á ·¹À̾î À̸§À» ¹Ù²Ù·Á¸é
. Layer inspector¿¡¼­ ·¹À̾î À̸§À» ¸¶¿ì½º·Î ´õºíŬ¸¯ÇÑ ÈÄ ¿øÇÏ´Â À̸§À¸·Î ·¹À̾î À̸§À» ¹Ù²Þ. ±×¸®°í EnterÅ°¸¦ ´­·¯ÁÜ.

¡á ·¹ÀÌ¾î ¾È¿¡ ·¹À̾ »ðÀÔÇÏ·Á¸é
. Layer inspector¿¡¼­ ´Ù¸¥ ·¹À̾î·Î »ðÀÔÇÏ°í ½ÍÀº ƯÁ¤ ·¹À̾ ¼±ÅÃÇÑ ÈÄ CtrlÅ°¸¦ ´©¸¥Ã¤ »ðÀÔ½ÃÅ°°íÀÚ ÇÏ´Â ·¹À̾îÀ§·Î µå·¡±×Çϸé Ÿ±ê ·¹ÀÌ¾î µÑ·¹¿¡ »ç°¢Çü ¹Ú½º°¡ ³ªÅ¸³². À̶§ ¸¶¿ì½º ¹öÆ°¿¡¼­ ¼ÕÀ» ¶¼¸é µå·¹±× ÁßÀÎ ·¹À̾ »ðÀÔµÊ.

¡á ·¹ÀÌ¾î ¼Ó¼º ´Ù·ç±â
. Name : ½ºÅ©¸³Æ®³ª Behaviors¸¦ ÀÌ¿ëÇØ Á¦¾îÇÏ·Á¸é ·¹À̾ À̸§À» ÁöÁ¤ÇØ ÁÜ.
. L, T : ÆäÀÌÁö ¶Ç´Â ºÎ¸ð ·¹À̾î(parent layer)ÀÇ ÁÂÃø »ó´Ü ¸ð¼­¸®·ÎºÎÅÍÀÇ ¶³¾îÁø °Å¸®¸¦ ÀÔ·ÂÇÔ.
. W, H : ·¹À̾îÀÇ Æø°ú ³ôÀ̸¦ Á¤ÇÔ.
. Z-index : ·¹À̾îÀÇ ¼ø¼­¸¦ Á¤ÇÔ. ³ôÀº ¼ýÀÚÀÇ ·¹À̾ º¸´Ù ³·Àº ¼ýÀÚÀÇ ·¹À̾î À§¿¡ ³ªÅ¸³².
. Vis : ·¹À̾îÀÇ Ãʱ⠵ð½ºÇ÷¹ÀÌ »óŸ¦ Á¤ÇÔ.
Default : µð½ºÇ÷¹ÀÌ »óŸ¦ À¥ ºê¶ó¿ìÀú¿¡°Ô ¸Ã±é´Ï´Ù. ´ëºÎºÐÀÇ À¥ºê¶ó¿ìÀú´Â ºÎ¸ð ·¹À̾îÀÇ µð½ºÇ÷¹ÀÌ »óŸ¦ »ó¼Ó¹Þ¾Æ Àû¿ëÇÔ.
Inherit : ºÎ¸ð ·¹À̾îÀÇ µð½ºÇ÷¹ÀÌ ¼Ó¼ºÀ» µû¸§.
Visible : ·¹À̾ º¸¿©ÁÜ.
Hidden : ·¹À̾ °¨Ãã.
. Bg Image : ·¹À̾îÀÇ ¹è°æ À̹ÌÁö¸¦ ¼³Á¤ÇÏ´Â °÷.
. Bg Color : ·¹À̾îÀÇ ¹è°æ»öÀ» Á¤ÇÏ´Â °÷. ¹è°æÀ» Åõ¸íÇÏ°Ô ÇÏ·Á¸é ºóÄ­À¸·Î µÎ¸é µÊ.
. Tag : ·¹À̾îÀÇ Å±׸¦ ¼±ÅÃÇÔ. SPAN°ú DIV´Â CSS Çü½ÄÀ» µû¸£´Â ű×ÀÌ°í, LAYER¿Í ILAYER´Â ³Ý½ºÄÉÀÌÇÁ Çü½ÄÀÇ Å±×ÀÓ. ÀͽºÇ÷η¯ »ç¿ëÀÚµéÀº SPANÀ̳ª DIV¸¦ ¼±ÅÃÇϱ⠹ٶ÷.
. Overflow(CSS ·¹À̾) : ·¹À̾îÀÇ ³»¿ë¹°ÀÌ ·¹ÀÌ¾î º¸´Ù Ŭ ¶§ ·¹À̾îÀÇ »óŸ¦ Á¶ÀýÇÏ´Â °÷.
Visible - ·¹À̾îÀÇ ³»¿ë¹°ÀÌ ¸ðµÎ º¸À̵µ·Ï ·¹À̾ ¾Æ·¡¿Í ¿ìÃø ¹æÇâÀ¸·Î Ä¿Áü
Hidden - ·¹À̾îÀÇ Å©±â¸¦ À¯ÁöÇϸç, ³ÑÄ¡´Â ³»¿ëµéÀº º¸¿©ÁÖÁö ¾ÊÀ½. ¹°·Ð ½ºÅ©·Ñ¹Ùµµ ³ªÅ¸³ªÁö ¾ÊÀ½.
Scroll - ·¹À̾îÀÇ ³»¿ë¹°ÀÌ ³ÑÄ¡µç ¾È ³ÑÄ¡µç ·¹À̾ ½ºÅ©·Ñ¹Ù°¡ ³ªÅ¸³ª°Ô ÇÔ.
Auto - ·¹À̾îÀÇ ³»¿ë¹°ÀÌ ³ÑÄ¥ ¶§¸¸ ½ºÅ©·Ñ¹Ù°¡ ³ªÅ¸³ª°Ô ÇÔ.
Clip - ·¹À̾îÀÇ ÀϺθ¸ º¸ÀÌ°Ô ÇÏ°í ½ÍÀ» ¶§ »ç¿ë.
. Top, Left, PageX, PageY(Netscape ·¹À̾î Çü½Ä¸¸) : ºÎ¸ð ·¹À̾ °ü·ÃÇØ À§Ä¡¸¦ ¼³Á¤
. Source(Netscape ·¹À̾î Çü½Ä¸¸) : ·¹ÀÌ¾î ³»¿¡ ¶Ç´Ù¸¥ HTML ¹®¼­¸¦ º¸¿©ÁÖ°íÀÚ ÇÒ ¶§ »ç¿ëÇÔ.
. A/B(Netscape ·¹¾î¾î Çü½Ä¸¸) : ÇöÀç ¼±ÅÃÇÑ ·¹À̾ ´Ù¸¥ ·¹À̾îÀÇ À§³ª ¾Æ·¡·Î ¿Å±æ ¶§ ÀÌ¿ëÇÔ.

¡á ·¹À̾îÀÇ È¯°æ ¼³Á¤Çϱâ
·¹À̾ °ü·ÃµÈ ±âº» ¼ÂÆÃÀ» ¼³Á¤ÇÏ·Á¸é Edit>Preferences ¸í·ÉÀ» ¼±ÅÃÇÑ ÈÄ Layer preferences¸¦ ÀÌ¿ëÇÔ.
. Width/Height : Insert>Layer ¸í·ÉÀ» ÀÌ¿ëÇØ ·¹À̾ ¸¸µé ¶§ ·¹À̾îÀÇ ±âº» Å©±â¸¦ ¼³Á¤ÇÔ.
. Nesting : CtrlÅ°¸¦ ´©¸£°í ·¹À̾ ±×¸®¸é ÀÌ ¿É¼Ç°ªÀ» ÀϽÃÀûÀ¸·Î º¯°æÇÒ ¼ö ÀÖÀ½.

¡á ·¹À̾î ÀÛ¾÷À» µµ¿ÍÁÖ´Â ±×¸®µå¿Í ÀÚ ¼³Á¤Çϱâ
±×¸®µå ´Ù·ç±â
. ±×¸®µå¸¦ ³ªÅ¸³ª°Ô ÇÏ·Á¸é View>Grid>Show ¸í·ÉÀ» ¼±ÅÃÇÔ.
. Ç¥³ª ·¹À̾ ±×¸®µå¿¡ ´Þ¶óºÙ°Ô Çϰųª ¶³¾îÁö°Ô ÇÏ·Á¸é View>Grid>Snap To ¸í·ÉÀ» ¼±ÅÃÇÔ.
. ±×¸®µå ¼ÂÆÃÀ» º¯°æÇÏ·Á¸é View>Grid>Settings ¸í·ÉÀ» ¼±ÅÃÇÔ.
. Visible Grid : ±×¸®µå¸¦ º¸¿©ÁÙÁö °¨ÃâÁö¸¦ ¼³Á¤ÇÔ.
. Spacing : ±×¸®µå°¡ ³ªÅ¸³ª´Â °£°ÝÀ» ¼³Á¤ÇÔ.
. Color : ±×¸®µåÀÇ »ö»óÀ» ¼³Á¤ÇÔ.
. Display : ±×¸®µå¸¦ ¼±À¸·Î ³ªÅ¸³¾Áö Á¡À¸·Î ³ªÅ¸³¾Áö¸¦ ¼³Á¤ÇÔ.
. Snapping : ÀÌ ¿É¼ÇÀ» üũÇÏ°í, ¹Ø¿¡ °ªÀ» ¼³Á¤Çϸé Ç¥³ª ·¹À̾ ±×¸®µå¿¡ Á¤ÇØÁø °ª À̳»·Î Á¢±ÙÇϸé ÀÚµ¿À¸·Î ±×¸®µå¿¡ ´Þ¶óºÙµµ·Ï ÇÔ.

ÀÚ ´Ù·ç±â
. ÀÚ¸¦ ³ªÅ¸³ª°Ô ÇÏ·Á¸é View>Rulers>Show ¸í·ÉÀ» ¼±ÅÃÇÔ.
. ÀÛ¾÷âÀÇ ÁÂÃø »ó´Ü¿¡ ÀÖ´Â ÀÚÀÇ ¿øÁ¡(0,0) À§Ä¡¸¦ º¯°æÇÏ·Á¸é View>Rulers>Reset Origin ¸í·ÉÀ» ¼±ÅÃÇÑ ÈÄ, ¿øÁ¡À» Ŭ¸¯ÇÏ¿© ¿øÇÏ´Â °÷À¸·Î µå·¡±×ÇÏ¸é µÊ.
. ÀÚÀÇ ÃøÁ¤ ´ÜÀ§¸¦ º¯°æÇÏ·Á¸é View>Rulers ¸í·ÉÀ» ¼±ÅÃÇÑ ÈÄ Pixels, Inches, Centimeters ÁßÀÇ Çϳª¸¦ ¼±ÅÃÇÏ¸é µÊ.