FRAME (1)


FRAME À̶õ?

FRAME ÀÇ ·¹À̾ƿô

FRAMESETÀÇ ±¸Á¶



1. FRAME À̶õ?



  1. ÇÁ·¹ÀÓ(Frame)À̶õ?
    • À¥ÆäÀÌÁö¸¦ ¿©·¯ °³ÀÇ ½ºÅ©·ÑÀÌ °¡´ÉÇÑ ºÐÇÒµÈ ¿µ¿ªÀ¸·Î ³ª´« °ÍÀ» ÇÁ·¹ÀÓÀ̶ó°í ÇÕ´Ï´Ù.
    • ºÐÇÒµÈ °¢°¢ÀÇ ÇÁ·¹ÀÓÀº ¸¶Ä¡ µ¶¸³µÈ À©µµ¿ìó·³ ´Ù¸¥ Á¤º¸µé·Î ±¸¼ºµË´Ï´Ù.Áï, ÇϳªÀÇ È­¸éÀÌ ¿©·¯ °³ÀÇ HTML¹®¼­·Î ±¸¼ºµÇ¾î ÀÖÀ½À» ÀǹÌÇÕ´Ï´Ù.
    • °¢ ÇÁ·¹ÀÓÀº ¾î¶² °á°ú¸¦ ´Ù¸¥ ÇÁ·¹ÀÓ¿¡ Ãâ·ÂÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
    • µ¿ÀûÀ¸·Î ÇÁ·¹ÀÓ Ã¢ÀÇ Å©±â¸¦ Á¶ÀýÇÏ´Â °ÍÀÌ °¡´ÉÇÕ´Ï´Ù.
    • ºÐÇÒµÈ °¢°¢ÀÇ ÆäÀÌÁö¸¦ ÄÁÆ®·ÑÇÒ HTMLÆäÀÌÁö¸¦ "ÇÁ·¹ÀÓ ¼Â"À̶ó°í ÇÕ´Ï´Ù.

  2. ÇÁ·¹ÀÓÀ» Àû¿ëÇÏ´Â °æ¿ì
    • °íÁ¤ÀûÀ¸·Î º¯ÇÏÁö ¾Ê°í ÇÑÀÚ¸®¿¡ ÀÖ¾î¾ß µÇ´Â Åø ¹Ù¿Í °°Àº °æ¿ìÀÔ´Ï´Ù.
    • ¸ñÂ÷°¡ ÇÊ¿äÇϰí, Ŭ¸¯ÇÏ¸é ¿¬°áµÈ ÇÁ·¹ÀÓ¿¡ °á°ú°¡ Ãâ·ÂµÇ°Ô ÇÒ¶§ Àû¿ë.
    • ÇÑ ÇÁ·¹ÀÓ¿¡¼­ Áú¹®À» ¹ÞÀ¸¸é ´Ù¸¥ ÇÁ·¹ÀÓ¿¡ °á°ú°¡ Ãâ·ÂµÇ°Ô ÇÏ´Â °æ¿ì¿¡µµ frameÀ» »ç¿ëÇÕ´Ï´Ù.

  3. ÇÁ·¹ÀÓ ¹®¼­(Frame Document)ÀÇ ±¸¼º
    • ÇÁ·¹ÀÓ ¹®¼­´Â ±âº»ÀûÀÎ HTML¹®¼­¿Í´Â Á¶±Ý ´Ù¸¥ ÇüÅÂÀÔ´Ï´Ù.
    • ÇÁ·¹ÀÓ ¹®¼­´Â ( body ) .... ( /body )¸¦ °¡ÁöÁö ¾Ê½À´Ï´Ù.
    • ÇÁ·¹ÀÓ ¹®¼­´Â ( body ) .... ( /body )´ë½Å ( frameset ) ....( /frameset )À» »ç¿ëÇÕ´Ï´Ù.
    • (frameset) ÅÂ±× ÀÌÀü¿¡ ( body )°¡ ³ª¿À¸é ( frameset )ÀÌ ¹«½ÃµË´Ï´Ù.


    ±âº»ÀûÀÎ Html¹®¼­ÀÇ ±¸¼º
    <html> <head><title> title </title></head> <body> ....¹®¼­ÀÇ º»¹®....</body> </html>
    ÇÁ·¹ÀÓ ¹®¼­ÀÇ ±¸¼º
    <html> <head> <title> title </title> </head> <frameset> ÇÁ·¹ÀÓÀ¸·Î ³ª´©´Â ű׵é</frameset> </html>

  4. ÇÁ·¹ÀÓ(Frame)ÀÇ ÀåÁ¡
    • °ü¸®ÀÇ Æí¸®¼º : ÇÁ·¹ÀÓÀ» Àû¿ëÇÏ¸é »çÀÌÆ®¸¦ Á¦ÀÛÇϰųª ¼öÁ¤ÇÒ ¶§ ½Ã°£ ´ÜÃà ¹× ÀÛ¾÷ÀÇ ¾çÀ» ÃÖ¼ÒÈ­ÇÒ ¼ö ÀÖ½À´Ï´Ù.
    • À̵¿ÀÇ Àϰü¼º : ¿øÇÏ´Â ÆäÀÌÁöÀÇ È­¸é¸¸À» À̵¿½Ãų ¼ö ÀÖÀ¸¹Ç·Î ¹æ¹®°´ÀÌ »çÀÌÆ® ³»¿¡¼­ Ç×»ó ÀϰüµÇ°Ô ¸Ó¹«¸£°Ô ÇÒ ¼ö ÀÖ½À´Ï´Ù.

  5. ÇÁ·¹ÀÓ(Frame)ÀÇ ´ÜÁ¡
    • ¹èÄ¡ÀÇ ¹®Á¦Á¡ : ÇÁ·¹ÀÓÀ» À߸ø ¹èÄ¡ÇÏ¸é »ç¿ëÀÚÀÇ À̵¿, Áï ³×ºñ°ÔÀ̼ÇÀ» È¥¶õ½º·´°Ô ¸¸µé ¼ö°¡ ÀÖ½À´Ï´Ù.
    • °Ë»ö¿£Áø µî·ÏÀÇ ¹®Á¦Á¡ : °Ë»ö¿£ÁøÀÇ ½ºÆÄÀÌ´õ¿¡ È¥¶õÀ» ¾ß±âÇÏ¿© ÀÚ½ÅÀÇ È¨ÆäÀÌÁö¿¡ ´ëÇÑ °Ë»ö¿£Áø ¸µÅ©¿¡ ¿À·ù°¡ ¹ß»ýÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇÏÁö¸¸ (NOFRAMES) ű׸¦ ÀÌ¿ëÇÏ¿© ÀÌ ¹®Á¦¸¦ ÇØ°áÇÒ ¼ö ÀÖ½À´Ï´Ù.



2. FRAME ÀÇ ·¹À̾ƿô



ÇÁ·¹ÀÓ ¼Â ¹®¼­(¾Æ·¡)´Â Àüü 3ÆäÀÌÁö·Î ±¸¼ºµË´Ï´Ù.

1. ºÐÇÒµÉ ÇÁ·¹ÀÓµéÀÇ Á¤º¸¸¦ ´ã¾Æ³õ´Â ¸ÞÀÎ HTML ¹®¼­(ÇÁ·¹ÀÓ ¼Â ¹®¼­)
2. ¿ÞÂÊ Á¤º¸¸¸À» ´ã¾Æ ³õ´Â HTML¹®¼­
3. ¿À¸¥ÂÊÀÇ Á¤º¸¸¸À» ´ã¾Æ³õ´Â HTML¹®¼­

NAME : LEFT

¡æ HTML¹®¼­
NAME :RIGHT








¡æ HTML¹®¼­
¸Þ´º

¸Þ´º 1

¸Þ´º 2

¸Þ´º 3

¸Þ´º 4

¸Þ´º

¸Þ´º 1

¸Þ´º 2

¸Þ´º 3

¸Þ´º 4






¡é
-------
-------
right01.html
-------
-------
¡é
-------
-------
right02.html
-------
-------
¡é
-------
-------
right03.html
-------
-------
¡é
-------
-------
right04.html
-------
-------
¡Ø ÇÁ·¹ÀÓÀ» Ȱ¿ëÇÏ¿© ¿À¸¥ÂÊ ÆäÀÌÁö°¡ right01, right02, right03, right04·Î À¯µ¿ÀûÀ¸·Î º¯°æµÊÀ» Ç¥ÇöÇÑ °ÍÀÔ´Ï´Ù.

ÇÁ·¹ÀÓ(Frame)À» Ȱ¿ëÇÑ ·¹À̾ƿô


´ÙÀ½Àº ÇÁ·¹ÀÓÀ» ÀÌ¿ëÇÑ »çÀÌÆ®(±â»óû)ÀÔ´Ï´Ù.
ÇÁ·¹ÀÓÀÇ ¸ñÀû¿¡ ¸Â°Ô Á¦À۵Ǿî ÀÖÀ¸¸ç »ó´Ü¸Þ´º¿Í ¸ÞÀÎÈ­¸éÀ¸·Î ³ª´µ¾îÁ® ÀÖ½À´Ï´Ù. »ó´Ü¸Þ´º´Â Ç×»ó ±×´ë·Î ÀÖÀ¸¸é¼­ ÇÏ´Ü ¸ÞÀÎ È­¸éÀº ¸Þ´º¿¡ µû¶ó Ç×»ó À¯±âÀûÀ¸·Î º¯ÇÏ´Â Çü½ÄÀ¸·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. ¸Þ´º¸¦ ÇÑ °³¾¿ ´­·¯ º¸¼¼¿ä.


3. FRAMESETÀÇ ±¸Á¶



  1. Áö±Ý±îÁö ÇнÀÇÑ HTML ¹®¼­ÀÇ ¸ðµç ³»¿ëÀº < BODY >...< /BODY >³»ºÎ¿¡ »ðÀԵǾúÁö¸¸ FRAMESETÀÇ ¸ðµç ³»¿ëÀº < frameset > °ú < /frameset >¾È¿¡ ÇÁ·¹ÀÓÀ¸·Î ³ª´©´Â ű׵éÀÌ µé¾î°¡°Ô µË´Ï´Ù.
  2. FRAMESET ¹®¼­´Â °¢°¢ÀÇ ÆäÀÌÁö¸¦ ÄÁÆ®·Ñ ÇÒ ¼ö ÀÖ´Â ±âº»ÀûÀÎ Á¤º¸¸¸À» ´ã°í ÀÖÀ¸¸ç ±âÁ¸ÀÇ HTML¹®¼­¿Í´Â ´Þ¸® À̹ÌÁö¿Í ÅØ½ºÆ® Á¤º¸´Â °¡Áö°í ÀÖÁö ¾Ê½À´Ï´Ù.
  3. ¸¸¾à ¼¼·Î ºÐÇÒÀ» 2°³·Î ³ª´©¾ú´Ù¸é ¸¸µé¾î¾ß ÇÒ HTML¹®¼­´Â ÁÂÃø°ú ¿ìÃø ±×¸®°í, ÁÂÃø°ú ¿ìÃøÀÇ ÆäÀÌÁö Á¤º¸¸¦ ´ã¾ÆµÎ´Â ÇÁ·¹ÀÓ ¼Â ¹®¼­, ÀÌ·¸°Ô 3°³ÀÇ ¹®¼­°¡ ÇÊ¿äÇÕ´Ï´Ù.
  4. FRAMESET ¹®¼­ÀÇ ±âº»±¸Á¶´Â ¾Æ·¡¿Í °°½À´Ï´Ù.


    <HTML> <HEAD> <TITLE>ÇÁ·¹ÀÓ¼ÂÀÇ ±âº»±¸Á¶</TITLE> </HEAD> <FRAMESET option=option°ª> <FRAME> </FRAMESET> </HTML>



ÇÁ·¹ÀÓ(Frame)ÀÇ ÁÖ¿ä¼Ó¼º

BORDER < FRAME BORDER="µÎ²²" >
ÇÁ·¹ÀÓ °æ°è¼±ÀÇ µÎ²²¸¦ ¼³Á¤ÇÕ´Ï´Ù.
FRAMEBORDER < FRAME FRAMEBORDER ="YES, NO" >
ÇÁ·¹ÀÓÀÇ °æ°è¼±À» º¸¿©ÁÙÁö¸¦ ¼³Á¤ÇÕ´Ï´Ù. ¼Ó¼º°ªÀ» YES·Î ÇÏ¸é °æ°è¼±ÀÌ º¸À̰í, NO³ª 0À» ÇÏ¸é º¸ÀÌÁö ¾Ê½À´Ï´Ù.
BORDERCOLOR < FRAME BORDERCOLOR="16Áø¼ö, »öÀ̸§" >
ÇÁ·¹ÀÓ °æ°è¼±ÀÇ »öÀ» ¼³Á¤ÇÕ´Ï´Ù.
MARGINHEIGHT < FRAME MARGINHEIGHT="»óÇÏ ¿©¹é" >
ÇÁ·¹ÀÓÀÇ À§¾Æ·¡ ¿©¹éÀ» ¼³Á¤ÇÕ´Ï´Ù.
MARGINWIDTH < FRAME MARGINWIDTH="ÁÂ¿ì ¿©¹é" >
ÇÁ·¹ÀÓÀÇ ÁÂ¿ì ¿©¹éÀ» ¼³Á¤ÇÕ´Ï´Ù.
NAME < FRAME NAME="À̸§" >
FRAME °¢°¢ÀÇ °íÀ¯ÇÑ À̸§À» ºÎ¿©ÇÕ´Ï´Ù. ½ºÅ©¸³Æ®³ª ÇÁ·Î±×·¥¿¡¼­ °¢ ÇÁ·¹ÀÓÀ» È£ÃâÇÒ ¶§ »ç¿ëÇÕ´Ï´Ù.
NORESIZE < FRAME NORESIZE >
ÇÁ·¹ÀÓÀÇ Å©±â¸¦ º¯°æÇÏÁö ¸øÇÏ°Ô ¼³Á¤ÇÕ´Ï´Ù. ¼Ó¼º°ªÀº ¾ø½À´Ï´Ù.
SCROLLING < FRAME SCROLLING="YES, NO, AUTO" >
½ºÅ©·Ñ¹Ù¸¦ »ç¿ëÇÒ °ÍÀÎÁö¸¦ ¼³Á¤ÇÕ´Ï´Ù. YES·Î ¼³Á¤ÇÏ¸é ÆäÀÌÁö°¡ ÇÁ·¹ÀÓ Å©±â¸¦ ¹þ¾î³ªµµ ±âº»ÀûÀ¸·Î ½ºÅ©·Ñ¹Ù°¡ »ý¼ºµÇ°í, NO´Â »ý¼ºµÇÁö ¾Ê½À´Ï´Ù. AUTO·Î ¼³Á¤ÇÏ¸é ÆäÀÌÁö°¡ ÇÁ·¹ÀÓÀ» ¹þ¾î³¯ ¶§¸¸ »ý¼ºµË´Ï´Ù.
SRC < FRAME SRC="ÆÄÀϰæ·Î" >
°¢ ÇÁ·¹ÀÓ¿¡ Ãâ·ÂµÉ ÆÄÀÏ °æ·Î¸¦ ÀÔ·ÂÇÕ´Ï´Ù.