3. È­¸é±¸¼º(Layout)

°¡. ÀϹÝÀû ¹®Á¦Á¡°ú ÇØ°á Àü·«µé

HTMLÀº ¹ßÀüÇÔ¿¡ µû¶ó, »õ·Î¿î À¯¿¬¼ºÀ» µµÀÔÇϱ⠽ÃÀÛÇß´Ù. °¢Á¾ µµÇ¥³ª ±×¹ÛÀÇ ±¸Á¶µé¿¡ ÀÇÇØ Text´Â ³ª¶õÈ÷ ¹è¿­µÈ ¹®´Ü ¹× ´Ù¸¥ Çü½ÄÀ¸·Î Á¤·ÄµÉ ¼ö ÀÖ°Ô µÇ¾ú°í, ±×°ÍÀº È­¸é Àбâ ÇÁ·Î±×·¥ÀÌ µµÇ¥³»ÀÇ ÇÑÁÙÀ» ÇÑ ¹®ÀåÀ¸·Î ÀνÄÇÏ¿© Àоî¹ö¸®´Â ³­Á¡µéÀ» ¹ß»ý½ÃÄ×´Ù.

<ÇöÀç °¡´ÉÇÑ ÀϹÝÀû ÇØ°á Àü·«µé>

(1) È­¸é±¸¼ºÀ» °¡´ÉÇÑ ÇÑ °£´ÜÇÏ°í Æò¹üÇÏ°Ô À¯ÁöÇÑ´Ù.

(2) Ä®·³ ÇüÅ·ΠText¸¦ Á¤·ÄÇÏ´Â °ÍÀ» »ï°¡ÇÑ´Ù.

(3) Web ÆäÀÌÁö¸¦ º¸´Ù Á¶Á÷ÀûÀÌ°í ±¸Á¶ÀûÀ¸·Î ¸¸µé±â À§ÇØ ±×·¡ÇÈÀ» »ç¿ëÇÒ °æ¿ì¿¡´Â ½Ã°¢Àû Image¿¡ »óÀÀÇÏ´Â ³»¿ëÀ» °¡Áö´Â Text¸¦ »ðÀÔÇØ ÁØ´Ù.

(4) À§ÀÇ 3¹ø±îÁöÀÇ ¹æ¹ý¿¡µµ ºÒ±¸ÇÏ°í Á¤º¸ÀÇ ±¸ÇöÀÌ ¾î·Á¿ï °æ¿ì¿¡´Â °°Àº Á¤º¸¸¦ Á¢±ÙÀÌ °¡´ÉÇÑ Çü½ÄÀ¸·Î º¸¿©ÁÖ´Â, Text·Î¸¸ µÈ Web ÆäÀÌÁö°¡ »ç¿ëµÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù. Text·Î¸¸ µÈ Web ÆäÀÌÁö·Î ¿¬°áÇÏ´Â ¸µÅ©´Â ±×·¡ÇÈ ÆäÀÌÁöÀÇ Ã³À½¿¡ À§Ä¡ÇØ¾ß ÇÏ¸ç ±× ¹Ý´ëÀÇ °æ¿ìµµ ¼º¸³µÈ´Ù.

(5) ¿©·¯ ´Ù¸¥ ÆäÀÌÁö¿¡¼­ °°Àº ±â´ÉÀ» ¼öÇàÇÏ´Â ¹öÆ°µé(¿¹¸¦ µé¾î, "ȨÆäÀÌÁö·Î µ¹¾Æ°¡±â")Àº ÆäÀÌÁöÀÇ ÀÏÁ¤ÇÑ À§Ä¡¿¡ ÀÖ¾î¾ß ÇÑ´Ù.

³ª. µµÇ¥

<¹®Á¦Á¡>

Á¤º¸¸¦ È¿°úÀûÀ¸·Î ³ªÅ¸³»±â À§ÇØ ´Ù¾çÇÑ µµÇ¥ »ç¿ë ¹æ¹ýÀÌ ÀÖ´Ù. ¿©±â¼­´Â °£´ÜÈ÷ ³×°¡Áö µµÇ¥ À¯Çü¿¡ ´ëÇØ ¾ð±ÞÇÏ°Ú´Ù.

¡Ü ½ºÇÁ·¹µå½ÃÆ® ȤÀº ´Þ·Â ¾ç½Ä: ¼ýÀÚ·Î µÈ µ¥ÀÌŸ¸¦ ±¸ÇöÇϱâ À§ÇÑ ¾ç½Ä

¡Ü ½Å¹® ¾ç½Ä: Text¸¦ Ä®·³ Çü½ÄÀ¸·Î ±¸ÇöÇϱâ À§ÇÑ ¾ç½Ä

¡Ü ±×·¡ÇÈ ¾ç½Ä(Graphical Navigation): ¸Þ´º Çü½ÄÀ¸·Î image¸¦ ±¸ÇöÇÏ´Â °Í

¡Ü È¥ÇÕÇü: image Ä®·³À» navigation bar·Î Text Ä®·³ ¿·¿¡ À§Ä¡½ÃÅ°´Â °Í

ÀÌµé ³× °¡Áö´Â È­¸é Àбâ ÇÁ·Î±×·¥¿¡ °¢°¢ÀÇ »óÀÌÇÑ ¹®Á¦¸¦ ¾ß±â½ÃŲ´Ù. À§¿¡¼­ ÁöÀûÇÑ´ë·Î, µÎ°³ÀÇ Ä®·³À¸·Î ±¸¼ºµÈ Text°¡ ÀÖÀ» °æ¿ì, È­¸é Àбâ ÇÁ·Î±×·¥Àº ¿ì¼± ¿ÞÂÊ Ä®·³¿¡ ÀÖ´Â Text¸¦ ´Ù ÀÐ°í ³­ ÈÄ, ¿À¸¥ÂÊ Ä®·³ÀÇ Text¸¦ Àд´Ù. Ä®·³À¸·Î µÈ Text¸¦ ÀÐÀ» ¼ö ÀÖ´Â È­¸é Àбâ ÇÁ·Î±×·¥À» »ç¿ëÇÏ´Â ½Ã°¢Àå¾ÖÀεéÀº µµÇ¥ ³»¿¡¼­ ÀڽŵéÀÌ ¾î¶² ÁÙ ¾î¶² Ä®·³¿¡ ÀÖ¾î¾ß ÇÒÁö¸¦ ¸ð¸£´Â °æ¿ì, Å« ¾î·Á¿ò¿¡ Á÷¸éÇÏ°Ô µÈ´Ù. ¶ÇÇÑ, Text¸¦ ±¸ÇöÇϱâ À§ÇØ µµÇ¥¸¦ »ç¿ëÇÏ´Â Web ÆäÀÌÁö´Â ½ÅÁßÇÏ°Ô ´Ù·ç¾îÁöÁö ¾ÊÀ» °æ¿ì, Å« È¥¶õÀ» ÃÊ·¡ÇÒ ¼ö ÀÖ´Ù.

<ÇöÀç °¡´ÉÇÑ ÇØ°á Àü·«>

ÇöÀç »ç¿ëÇÏ´Â µµÇ¥ÀÇ Á¾·ù¿¡ µû¶ó ±× ¹æ¹ýÀÌ ´Þ¶óÁö°Ô µÈ´Ù.

(1) ¸¹Àº ¾ÆÀÌÄÜÀÌ ÀÖ´Â °æ¿ì : µµÇ¥ ³» °¢°¢ÀÇ CellÀº ÇØ´ç ³»¿ëÀ» ´ëÇ¥ÇØ¾ß ÇÑ´Ù. °¢°¢ÀÇ Image¿¡ »óÀÀÇÏ´Â Alt-Text°¡ ÇÑ Cell¿¡ ´Ù µé¾î°¡Áö ¾ÊÀ»Áö¶óµµ ÀÌ°ÍÀº Á¢±ÙÀÌ °¡´ÉÇØ¾ß ÇÑ´Ù. ±× ¿¹·Î½á ¹Ì±¹ÀÇ ¿ìÆí ¼­ºñ½º¸ÁÀÎ WINGS ȨÆäÀÌÁö(http://www.wings.usps.gov)¸¦ ÂüÁ¶Ç϶ó.

(2) Ä®·³ Çü½ÄÀ¸·Î µÈ Text³ª ¼öÄ¡ µ¥ÀÌŸ·Î µÈ µµÇ¥ : ´ÜÀÏ Ä®·³À¸·Î ±¸¼ºµÈ Text ¹öÀüÀ» ¸¶·ÃÇØ¾ß ÇÑ´Ù. ¸î¸îÀÇ °æ¿ì¿¡´Â ÀÌ°ÍÀÌ ºÒ°¡´ÉÇÒ ¼öµµ ÀÖ´Ù. ¿¹¸¦ µé¾î, ÇÑ µµ½ÃÀÇ ¿¹»êÀ» ´Ù·ç´Â ¿©·¯ °³ÀÇ ½ºÇÁ·¹µå½ÃÆ®¸¦ Text·Î º¯ÇüÇÏ´Â µ¥¿¡´Â ¼öÁÖÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµÉ °ÍÀÌ´Ù. ¶Ç ´Ù¸¥ ÇØ°áÃ¥À¸·Î´Â »ç¿ëÀÚ°¡ µµ¿òÀ» ¿äûÇÒ ¼ö ÀÖµµ·Ï ¿¬¶ôó³ª E-mail ÁÖ¼Ò¸¦ Ç¥½ÃÇØ ÁÖ´Â °ÍÀÌ´Ù.

<¾ÕÀ¸·ÎÀÇ ÇØ°á Àü·«>

¡Ü HTML °³¼±: È­¸é Àбâ ÇÁ·Î±×·¥À» »ç¿ëÇÏ´Â ½Ã°¢Àå¾ÖÀε鿡°Ô µµÇ¥³»ÀÇ Á¤º¸¿¡ Á¢±ÙÇÒ ¼ö ÀÖµµ·Ï µ½±â À§ÇØ µÎ °¡Áö ¼Ó¼ºÀÌ µµÇ¥ ³»¿¡ Ãß°¡µÇ¾î¾ß ÇÑ´Ù´Â Á¡ÀÌ Á¦±âµÇ°í ÀÖ´Ù. AXIS¿Í AXES°¡ ±×°Íµé·Î, À̵éÀº µµÇ¥³»ÀÇ °¢ Cell°ú ¿¬°üÀ» °¡Áú °ÍÀÌ´Ù.

¡Ü Browser °³¼±: Browser°¡ µµÇ¥ ³» °¢°¢ÀÇ ¿ä¼Ò¿¡ ´ëÇØ ¸ðµç ¼Ó¼ºÀ» È°¿ëÇÒ ¼ö ÀÖµµ·Ï ÇÑ´Ù¸é, µµÇ¥³»ÀÇ Ä®·³, ÁÙ, CellÀÇ ³»¿ëÀÌ È­¸é Àбâ ÇÁ·Î±×·¥À¸·Î ÀÐÀ» ¼ö ÀÖÀ» °ÍÀÌ´Ù.

¡Ü È­¸é Àбâ ÇÁ·Î±×·¥ °³¼±: ÇöÀç »ç¿ëµÇ´Â ´ëºÎºÐÀÇ È­¸é Àбâ ÇÁ·Î±×·¥Àº µµÇ¥³»ÀÇ Ä®·³À» ÀÐÀ» ¼ö ÀÖÀ¸³ª, »ç¿ëÀÚµéÀº ÀÚ½ÅÀÌ ¾î´À ÁÙ ¾î´À Ä®·³¿¡ À§Ä¡ÇØ ÀÖ´ÂÁö¸¦ ¾Ë ¼ö´Â ¾ø´Ù. ÀÌ°°Àº Á¤º¸´Â È­¸é Àбâ ÇÁ·Î±×·¥À̳ª Browser µÑ Áß ÇÑ °÷¿¡¼­ ÇØ°áµÇ¾î¾ß¸¸ ÇÑ´Ù.

´Ù. ¸ñ·Ï

<¹®Á¦Á¡>

È­¸é Àбâ ÇÁ·Î±×·¥À» »ç¿ëÇÏ´Â °æ¿ì, ¸ñ·ÏÀ̳ª ³»¿ëÀÌ ¾îµð¼­ ½ÃÀÛÇÏ°í ³¡³ª´ÂÁö¸¦ ¾Ë ¼ö ¾ø°Ô µÈ´Ù. ¸¸ÀÏ, ¿£Æ®¸®°¡ µÎÁÙ·Î ½ÃÀ۵Ǵ °æ¿ì¶ó¸é, »ç¿ëÀÚ´Â ÀÌ°ÍÀ» µÎ°³ÀÇ »óÀÌÇÑ ¾ÆÀÌÅÛÀ¸·Î Âø°¢ÇÒ ¼öµµ ÀÖ´Ù.

<ÇØ°á Àü·«>

¡Ü ¸ñ·Ï»ó¿¡¼­ °¢°¢ÀÇ Ç׸ñ¿¡ Bullet ¶Ç´Â ¹øÈ£¸¦ ºÙÀδÙ. ¼ýÀÚ°¡ Ç׸ñµéÀÇ ¼ø¼­¸¦ ÀǹÌÇÒÁö´Â ¸ð¸£Áö¸¸, ¿¬¼ÓÇÏ¿© µéÀ» ¶§ ¸ñ·Ï ³»¿¡¼­ ¾îµðÂë ÀÖ´ÂÁö¸¦ °áÁ¤ÇÏ´Â °ÍÀ» ¿ëÀÌÇÏ°Ô ÇØÁØ´Ù.

¡Ü Ãâ·ÂµÉ ¸ñ·ÏÀÌ ¸î °³ÀÇ Ç׸ñÀ¸·Î µÇ¾îÀÖ´ÂÁö¸¦ ¸í½ÃÇÏ´Â °Íµµ ÁÁ´Ù. ¿¹¸¦ µé¾î "ÀÌ ¸ñ·Ï¿¡´Â 6°³ÀÇ ¼ÒÁÖÁ¦°¡ ÀÖ´Ù" ¶Ç´Â "ÀÌ ¿¬±¸´Â 7°³ÀÇ ¸ñÀûÀ¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù"¿Í °°Àº ³»¿ëÀº »ç¿ëÀÚ°¡ ¾ÕÀ¸·Î ¾ó¸¶³ª ¸¹Àº °ÍÀ» Àоî¾ß ÇÒÁö¸¦ ÀνÄÇÏ´Â µ¥¿¡ ¸Å¿ì Å« µµ¿òÀÌ µÈ´Ù.

WINGS Access Page(http://www.trace.wisc.edu/wings/)´Â ÀÌ¿¡ °üÇÑ ÁÁÀº »ç·ÊÀÌ´Ù. ÇÑÆí ¸ñ·Ï¿¡ ¹øÈ£¸¦ ºÎ¿©Çϸé ÀÎÁöÀû Àå¾Ö¸¦ ±Øº¹ÇÒ ¼ö ÀÖ´Ù. ¹øÈ£°¡ ºÙÀº ¸ñ·Ïµé ¹× ÆäÀÌÁö ±¸Á¶¿¡ ´ëÇÑ Áö½ÃÀÚ¸¦ °¡Áø ±â°üÀÇ ÆäÀÌÁö´Â Web ÆäÀÌÁö¿¡ ´ëÇÑ ÀÌÇظ¦ µ½´Â´Ù.

¶ó. ÇÁ·¹ÀÓ(Frame)

<¹®Á¦Á¡>

¡Ü ¾î¶² È­¸é Àбâ ÇÁ·Î±×·¥µéÀº °¢°¢ÀÇ ÇÁ·¹ÀÓµéÀ» °³º°Àû À©µµ¿ì·Î °£ÁÖÇÏ´Â °æÇâÀÌ ÀÖ´Ù. À̵é ÇÁ·Î±×·¥À» ¸¸µå´Â °³¹ßÀÚµéÀ̳ª BrowserµéÀº ÇÁ·¹Àӵ鰣ÀÇ À̵¿¿¡ ´ëÇÑ ¹®Á¦¸¦ ÇØ°áÇϱâ À§ÇØ ´õ¿í ¿ëÀÌÇÏ°í ³í¸®ÀûÀ¸·Î ¸¸µé±â À§ÇÑ ¹®Á¦¸¦ ³íÀÇÇØ¾ß ÇÑ´Ù.

¡Ü ¼ÒÇü ¸ð´ÏÅÍ¿¡ ¿©·¯ °³ÀÇ ÇÁ·¹ÀÓµéÀÌ ÀÖ´Â °æ¿ì¿¡´Â µ¥ÀÌÅ͸¦ º¸´Â °ÍÀÌ ºÒ°¡´ÉÇϰųª, ¾î·Á¿öÁö°Ô µÉ °ÍÀÌ´Ù.

<ÇöÀçÀÇ ÇØ°á Àü·«>

ÇÁ·¹ÀÓ¿¡ »óÀÀÇÏ´Â Text·Î µÈ ȨÆäÀÌÁö¸¦ ¸¸µå´Â °ÍÀÌ ¿ä±¸µÈ´Ù.

¸¶. ÀÚ¹Ù ½ºÅ©¸³Æ®(Java Script)

<¹®Á¦Á¡>

ÀÚ¹Ù ½ºÅ©¸³Æ®´Â ½ºÅ©¸³Æ® ¹æ½ÄÀÇ ¾ð¾î·Î¼­, Á¦ÇÑµÈ ¹æ½ÄÀ¸·Î Web ÆäÀÌÁö¸¦ ´õ¿í ¿ªµ¿ÀûÀ¸·Î ¸¸µå´Â °ÍÀ» µ½´Â´Ù. ÀÌ°ÍÀº ÁÖ·Î ¼­½ÄÀÇ °³¼±¿¡ »ç¿ëµÇ¸ç, HTMLÀÇ ÇÏÀ§¼¼Æ®À̹ǷΠÀ¯»çÇÑ ÀÏ·ÃÀÇ ¹®Á¦¸¦ °¡Áö°í ÀÖ´Ù. »õ·Î¿î ¹®Á¦µéÀº ÇÑ ÇÁ·¹ÀÓ¿¡¼­ÀÇ »ç¿ëÀÚÀÇ ÇൿÀÌ ´Ù¸¥ ÇÁ·¹ÀÓÀÇ º¯È­¸¦ ÀÏÀ¸Å³ ¼ö ÀÖ´Ù´Â Á¡°ú °ü°è°¡ ÀÖ´Ù. ÀÌ·¯ÇÑ ¹®Á¦µéÀ» ±Ô¸íÇϱâ À§ÇØ ¿¬±¸°¡ ÁøÇàµÇ°í ÀÖ´Ù.

¹Ù. ¹Ì¸® Æ÷¸äµÈ Text(Pre-formated Text)

<¹®Á¦Á¡>

ÇöÀç È­¸é Àбâ ÇÁ·Î±×·¥µéÀÌ ´ÜÀÏ Ä®·³À¸·Î ÀÌ·ç¾îÁø È­¸éµé¿¡¼­ Àß ÀÛµ¿µÇ°í ÀÖÀ¸³ª, ¿©·¯ °³ÀÇ Ä®·³À¸·Î µÇ¾î Àְųª ¼¼·Î ¹æÇâÀ¸·Î µÈ Text¿¡¼­´Â Á¦´ë·Î ÀÛµ¿ÇÏÁö ¸øÇÏ°í ÀÖ´Ù. ÇöÀçÀÇ È­¸é Àбâ ÇÁ·Î±×·¥µéÀº ½Ã°¢Àû Ãø¸é¿¡¼­ ¸Å¿ì ¶Ù¾î³­ ¾ç½ÄÀ» º¸¿©ÁÖ´Â PDFÆÄÀÏÀ» Àеµ·Ï ÇÏ´Â µµÀü¿¡ Á÷¸éÇØ ÀÖ´Ù.(PDFÆÄÀÏÀº ¿©·¯ °³ÀÇ Ä®·³À¸·Î ±¸¼ºµÇ¾î Àְųª, ¼¼·Î ¹æÇâÀ¸·Î µÈ Text, Àß º¸ÀÌÁö ¾Ê´Â Text¸¦ Æ÷ÇÔÇÏ°í Àֱ⵵ ÇÏ´Ù.)

<ÇöÀçÀÇ ÇØ°á Àü·«>

PDF Access view´Â Àб⠴ɷÂÀÇ Çâ»óÀ» À§ÇØ Text ¹®¼­¸¦ Á¦½ÃÇÔÀ¸·Î½á À©µµ¿ìÁî¿ë È­¸é Àбâ ÇÁ·Î±×·¥°ú Çù·ÂÇϵµ·Ï °í¾ÈµÇ¾î ÀÖ´Ù. °¡·É, Acrobat Access°¡ ¿©·¯ Ä®·³À¸·Î µÈ ¹®¼­¸¦ ÇϳªÀÇ Ä®·³À¸·Î ±¸ÇöÇÏ°í ¼¼·Î·Î µÈ ¸ðµç Text¸¦ °¡·Î¹æÇâÀ¸·Î Á¤·Ä½ÃÅ°´Â ¹æ½ÄÀ» Âü°íÇ϶ó. ÀÌ ¹æ¹ýÀÇ È°¿ëÀÌ ¾î·Á¿î °æ¿ì¿¡´Â Text Á᫐ ÆäÀÌÁöÀÇ ±¸ÃàÀ» ½ÃµµÇÒ ¼ö ÀÖ´Ù.