-
ÀϹݻçÇ×
¼Ò°³
ÀåÈﱺÀÇȸ´Â ÀåÈﱺÀÇȸÀÇ ÀÇȸ Á¤º¸¸¦ Á¦°øÇÏ´Â »çÀÌÆ®ÀÔ´Ï´Ù.
ÀåÈﱺÀÇȸ´Â À¥Ç¥ÁØÀ» ÁؼöÇÏ°í, À¥Á¢±Ù¼ºÀ» °³¼±Çϱâ À§ÇØ ÃÖ¼±ÀÇ ³ë·ÂÀ» ´ÙÇÏ°í ÀÖÀ¸¸ç »ç¿ë¾È³»¸¦ À§ÇØ ÇÊ¿äÇÑ ³»¿ë°ú º¯°æ »çÇ×Àº º» ÆäÀÌÁö¸¦ ÅëÇØ ¾È³»Çص帳´Ï´Ù.ȸ鳶µ¶±â »ç¿ë½Ã Âü°í»çÇ×
1. ¹Ù·Î Á¢±Ù(Accessiblility) ¸µÅ©
¼ºñ½º ¹®¼ ½ÃÀۺκп¡ ¹Ýº¹µÇ´Â ¸µÅ©°¡ ¸¹Àº ÆäÀÌÁö¸¦ È¿À²ÀûÀ¸·Î ÀÌ¿ëÇϱâ À§ÇÑ ½ºÅµ ³×ºñ°ÔÀ̼Ç(¹Ù·Î°¡±â) ¸µÅ©¸¦ Á¦°øÇÏ°íÀÖ½À´Ï´Ù.2. ¹®¼ Á¦¸ñ(titleű×)
¸ðµç ¹®¼¸¶´Ù ¹®¼ÀÇ Á¦¸ñ(<title>)À» Á¦°øÇÏ°í, ¹®¼ÀÇ Á¦¸ñÀº ¹®¼ÀÇ Æ¯¼ºÀ» Àß ³ªÅ¸³»µµ·Ï °£´Ü¸í·áÇÏ°Ô ±â¼úÇÏ°í ÀÖ½À´Ï´Ù.3. ¹®¼ÀÇ ±¸Á¶È
¹®¼´Â ³í¸®ÀûÀÎÁ¢±Ù ¹× Å°º¸µå Á¢±ÙÀÌ °¡´ÉÇϵµ·Ï Çìµù(<h1>~<h6>), ¹®´Ü(<p>), ¸ñ·Ï(<ul>,<ol>, <dl>) µîÀÇ Å±׸¦ »ç¿ëÇÏ¿´½À´Ï´Ù.
¶ÇÇÑ µðÀÚÀοä¼Ò¸¦ css¸¦ »ç¿ëÇÏ¿© ºÐ¸®ÇÏ°í ÀÖÀ¸¸ç ½ºÅ¸ÀϽÃÆ®¸¦ Á¦°ÅÇÏ´õ¶óµµ ÄÜÅÙÃ÷¸¦ ÀÌÇØÇϴµ¥ ÀüÇô ºÒÆíÇÔÀÌ ¾ø½À´Ï´Ù.4. À̹ÌÁö Á¤º¸
ÅؽºÆ®°¡ ¾Æ´Ñ ÄÜÅÙÃ÷¿¡´Â ¸ðµÎ ´ëü ÅؽºÆ®°¡ Á¦°øµÇ°í ÀÖÀ¸¸ç, ´ëü ÅؽºÆ® Á¦°øÀÌ ¾î·Á¿î µµÇüÀ̹ÌÁö´Â º°µµÀÇ ÅؽºÆ®Á¤º¸¸¦ Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.5. ½Å±â¼úÀÇ »ç¿ë
Ç÷¡½Ã ÄÁÅÙÃ÷´Â ÀÚü Á¢±ÙÀÌ °¡´ÉÇÑ ´ëü ³»¿ëÀ» Á¦°øÇÏ°íÀÖ½À´Ï´Ù.
¶ÇÇÑ ºÎ°¡ ¾îÇø®ÄÉÀ̼ÇÀÇ ¼³Ä¡°¡ ¿ä±¸µÇ´Â ¹®¼¸¦ °í·ÁÇÏ¿© ºä¾î´Ù¿î·Îµå ÆäÀÌÁö°¡ º°µµ·Î Á¦°øµË´Ï´Ù.6. À¥Á¢±Ù¼º Á¦¾È ¹× ÀÇ°ß
À¥Á¢±Ù¼º Çâ»óÀ» À§ÇØ ¿©·¯ºÐÀÇ Á¦¾ÈÀ̳ª ÀÇ°ßÀ» ȯ¿µÇÕ´Ï´Ù.'ÀÇȸ¿¡¹Ù¶õ´Ù'·Î À̵¿
¾ðÁ¦µç ÀÇȸ³» ¼ºñ½º¿¡ °üÇØ º¸¿ÏÇؾßÇÒ »çÇ×À̳ª ºÒÆíÇÑÁ¡ÀÌ ÀÖÀ¸½Ã¸é ÀÚÀ¯°Ô½ÃÆÇ¿¡ ±ÛÀ» ³²°ÜÁֽñ⠹ٶø´Ï´Ù. -
Àå¾ÖÀÎ ÄÄÇ»ÅÍÈ°¿ë
¼Ò°³
ÀåÈﱺÀÇȸ ȨÆäÀÌÁö´Â º¸´Ù ¸¹Àº »ç¶÷µéÀÌ ÆòµîÇÏ°Ô ÀÌ¿ëÇÒ ¼ö ÀÖµµ·Ï À¥Á¢±Ù¼ºÀ» °ÈÇÏ¿© ȨÆäÀÌÁö¸¦ °³ÆíÇÏ¿´½À´Ï´Ù¸ñÂ÷
1. ½Ã°¢ Àå¾ÖÀÎ ÄÄÇ»ÅÍ È°¿ë¹ý
¡Ø ¸ð¹ÙÀÏȯ°æ¿¡¼´Â Á¿ì·Î À̵¿ÇÏ¿© ³»¿ë(Ç¥)À» º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
½Ã°¢Àå¾ÖÀÎÀÇ ÄÄÇ»ÅÍ È°¿ë¹ý ±¸ºÐ ¸ð´ÏÅÍ È¸éÈ®´ë ½ºÅ©¸°¸®´õ Á¡ÀÚ ´Ü¸»±â Àú½Ã·ÂÀÎ ¡â ¡Û ¡â ¡â Àü¸Í X X ¡Û ¡â 2. ¿î¿ë±â±â
¡Ø ¸ð¹ÙÀÏȯ°æ¿¡¼´Â Á¿ì·Î À̵¿ÇÏ¿© ³»¿ë(Ç¥)À» º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
¿î¿ë±â±â Àú½Ã·ÂÀÎ: ȸé È®´ë(µ¸º¸±â) Àú½Ã·ÂÀÎ: °í´ëºñ ¿î¿ë±â±â Àü¸Í: Á¡Àڴܸ»±â Àú½Ã·ÂÀÎ: °í´ëºñ ½ºÅ©¸° ¸®´õ¶õ ÄÄÇ»ÅÍ¿¡ ÀÔ·ÂÇϰųª, ȸ鿡 ³ªÅ¸³ ³»¿ëÀ» À½¼ºÇÕ¼ºÀåÄ¡³ª TTS(Text-To-Speech)¸¦ È°¿ëÇÏ¿© À½¼ºÀ¸·Î ¾Ë·ÁÁÖ´Â ½Ã°¢Àå¾ÖÀÎ¿ë º¸Á¶°øÇÐ ÇÁ·Î±×·¥ÀÇ Çϳª.
È¸é ³¶µ¶ ÇÁ·Î±×·¥À̶ó°íµµ ÇÔ.
Ãʱ⿡´Â H/W(À½¼ºÇÕ¼ºÀåÄ¡)¸¦ È°¿ëÇßÀ¸³ª ÃÖ±Ù¿¡´Â S/W(TTS)¸¦ È°¿ë3. ¸ðµå
- Ä¿¼¸ðµå: ÀÔ·Â ¹× ¸Þ´º È°¿ë¿¡ »ç¿ë
- ºä¸ðµå: Ä¿¼ ¸ðµå¿¡¼ Å°º¸µå·Î À̵¿ÇÒ ¼ö ¾ø´Â °÷À» ½Ã°¢Àå¾ÖÀÎÀÌ Å½»öÇϴµ¥ »ç¿ë
- ºä ¸ðµå 1 : ÀϹÝÀûÀÎ ÀÔ·Â ¸ðµå´Â Ä¿¼ ¸ðµå¶ó°í ÇÑ´Ù.
½Ã°¢Àå¾ÖÀÎÀÌ Å°º¸µå·Î À̵¿ÇÒ ¼ö ¾ø´Â ȸé»ó °¢Á¾ Á¤º¸¸¦ »ç¿ëÅ° À§ÇØ ºä ¸ðµå È°¿ë Å°ÆеåÀÇ ³Ñ·ÏÅ°¸¦ ´·¯ ³Ñ·Ï ¿ÀÇÁ¶ó°í À½¼º Ãâ·ÂÇÏ¸é ºä ¸ðµå¸¦ È°¿ëÇÒ Áغñ°¡ µÈ´Ù.
ºä ¸ðµå´Â Å°ÆеåÀÇ Å°¸¦ È°¿ëÇÑ´Ù. - ºä ¸ðµå 2:
¡Ø ¸ð¹ÙÀÏȯ°æ¿¡¼´Â Á¿ì·Î À̵¿ÇÏ¿© ³»¿ë(Ç¥)À» º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
¿î¿ë±â±â ºä¸ðµå¿¡¼ Å°ÆÐµå »ç¿ë - 2: ¡é8: ¡è
- 4: ¡ç6: ¡æ
- 1: End7: Home
- 3: PgDn9: PgUp
- /: ¸¶¿ì½º ¿ÞÂÊ ¹öÆ° Ŭ¸¯
- *: ¸¶¿ì½º ¿À¸¥ÂÊ ¹öÆ° Ŭ¸¯
- Ins+Home(7): Á»ó´Ü À̵¿
- Ins+PgUp(9): ¿ì»ó´Ü À̵¿
- Ins+End(1): ÁÂÇÏ´Ü À̵¿
- Ins+PgDn(3): ¿ìÇÏ´Ü À̵¿
- °¡»óÄ¿¼ : Ä¿¼¸ðµå³ª ºä¸ðµå·Î ½Ã°¢Àå¾ÖÀÎÀÌ ÀÌÇØÇÒ ¼ö ¾ø´Â ÀÎÅͳÝÀ» Ž»öÇϴµ¥ »ç¿ë. Html ¹®¼ÀÇ ¼Ò½º ÆÄÀÏÀ» È¸é ³¶µ¶ ÇÁ·Î±×·¥ÀÌ ºÐ¼®ÇÏ¿© ½Ã°¢Àå¾ÖÀο¡°Ô ¸Â´Â ÇüÅ·ΠÀ½¼º Ãâ·ÂÇÔ.
- ±âÁ¸ Windows¸¦ Á¢±ÙÇÏ´Â ¹æ¹ýÀ¸·Î´Â ÀÎÅͳÝÀ» Á¢±ÙÇϱ⠾î·Æ´Ù.
- »õ·Î¿î °³³äÀÇ °¡»ó Ä¿¼·Î ÀÎÅÍ³Ý Á¢±Ù
- ½ºÅ©¸° ¸®´õ´Â html ¹®¼¸¦ ÀڽŠ¸¸ÀÇ ¹æ¹ýÀ¸·Î Çؼ®ÇÏ¿© ½Ã°¢Àå¾ÖÀο¡°Ô À½¼ºÀ¸·Î ¾Ë·ÁÁØ´Ù.
- °¡»óÄ¿¼´Â html ¹®¼¸¦ ¸¸³ª¸é ÀÚµ¿À¸·Î ½ÇÇàµÈ´Ù.
4. °¡»óÄ¿¼Å° È°¿ë
- À§·Î, ¾Æ·¡·Î ÇÑ ÁÙ À̵¿: ¡è, ¡é
- ¿À¸¥ÂÊ, ¿ÞÂÊÀ¸·Î ÇÑ Ä À̵¿: ¡æ, ¡ç
- ¸µÅ©µÈ ¹®¼·Î À̵¿: Enter
- ÀÌÀü ¹®¼·Î À̵¿: BackSpace
- ¹®¼ óÀ½À¸·Î À̵¿: Ctrl-home
- ¹®¼ ³¡À¸·Î À̵¿: Ctrl-end
- ÇöÀç ÁÙ Àбâ: Ctrl-shift-i
- ÇöÀç ´Ü¾î Àбâ: Ctrl-shift-k
- ÇöÀç ±ÛÀÚ Àбâ: Ctrl-shift-comma
- ¹®¼ óÀ½À¸·Î À̵¿: Ctrl-home
- ¹®¼ ³¡À¸·Î À̵¿: Ctrl-end
- ¿¬¼ÓÀбâ: F11
5. ¹®¼±¸Á¶ÆľÇ
- ƯÁ¤ HTML ¹®¼¸¦ ¸¸³ª¸é °¡»óÄ¿¼´Â "ÆäÀÌÁö ¿¸², ÇÁ·¹ÀÓ, ¸µÅ©, ¶óÀÎ, â"À̶ó°í À½¼º Ãâ·ÂÇÑ´Ù.
- ÇöÀç ¹®¼ÀÇ ±¸Á¶ ÆľÇ: Ctrl-F9 ½ÇÇàÇϸé"ÇÁ·¹ÀÓ: 0 ¸µÅ©: 14 ÃÑ ¶óÀÎ: 39 ÇöÀç¶óÀÎ: 13 â: 1/1"¶ó°í À½¼º Ãâ·ÂÇÑ´Ù.
- Àüü ¹®¼¸¦ ÇÑ ´«¿¡ ÆľÇÇÒ ¼ö ¾ø´Â ½Ã°¢Àå¾ÖÀο¡°Ô´Â ¹®¼ ±¸Á¶ ÆľÇÀÌ ¸Å¿ì Áß¿äÇÏ´Ù.
6. ¼¼ºÎÅ°È°¿ë
- [¡é ¾Æ·¡ ¹æÇâÅ°]
- ¹®¼ óÀ½¿¡¼ ¡é·Î ¹®¼ÀÇ ³¡±îÁö ¾î¶² ³»¿ëÀÌ ÀÖ´ÂÁö ÆľÇÇÑ´Ù.
- ½Ã°¢Àå¾ÖÀÎÀÌ ¹®¼ÀÇ ³»¿ë Æľǿ¡ °¡Àå Áß¿ä
- [Ctrl-L ¸µÅ© ¸ñ·Ï º¸±â]
- ¸µÅ©¸ñ·Ï º¸±â(Ctrl-L)·Î ÇöÀç ¹®¼ÀÇ ¸µÅ© ¸ñ·Ï¸¸ ÆľÇÇÒ ¼ö ÀÖ´Ù
- [Ctrl-F2 Æû °£ÀÇ À̵¿]
- À¥ ¹®¼ ³»ÀÇ Æû(ÆíÁýâ, ¹öÆ°, üũ»óÀÚ, ¶óµð¿À ¹öÆ° µî) °£ÀÇÀ̵¿À» À§Çؼ Ctrl-F2¸¦ È°¿ëÇÑ´Ù.
- [Tab Å° È°¿ë]
- ¸µÅ©¸ñ·Ï º¸±â(Ct±â-L)´Â ¸µÅ©¸ñ·Ï¸¸, Æû °£ÀÇ À̵¿(Ctrl-F2)Àº ÆûÀ¸·Î¸¸ À̵¿Çϱ⠶§¹®¿¡ ºÒÆíÇÏ´Ù.
- Tab Å°¸¦ È°¿ëÇÏ¸é ¸µÅ©¿Í ÆûÀ» ¸ðµÎ ¼ø¼´ë·Î À̵¿ÇÑ´Ù.
- [Ctrl-F4 ÅؽºÆ® °£ À̵¿]
- ¸µÅ© ¸ñ·Ïº¸±â, Æû °£ÀÇ À̵¿, ÅÇ Å° È°¿ëÀº ¹®¼ ³»ÀÇ ÅؽºÆ®¿¡´ÂÀ̵¿ÇÏÁö ¸øÇÑ´Ù.
- ÅؽºÆ® °£ À̵¿Ctrl-F4À» ½ÇÇàÇϸé ÅؽºÆ®·Î ¹Ù·Î À̵¿ÇÒ ¼ö ÀÖ´Ù.
- [Ctrl-F6 Çìµù °£ À̵¿]
- Html ¹®¼ ³»ÀÇ Çìµù(h1~h6) °£ À̵¿À» À§Çؼ´Â Ct±â-F6¸¦ È°¿ëÇÑ´Ù.
- Çìµù °£ À̵¿À» ½ÇÇàÇÏ¸é °Ë»ö Area Çìµù2, °Ë»ö ÀÔ·Â Æû Çìµù3, °Ë»ö ÇÁ·Î¸ð¼Ç Çìµù3, ½ÅÁö½Ä Çìµù3 °ú °°ÀÌ À½¼º Ãâ·ÂÇÏ¿© ½Ã°¢Àå¾ÖÀÎÀÌ ½±°Ô ãÀ» ¼ö ÀÖ´Ù.
- [Alt-Shift-W ÇÁ·¹ÀÓ ¸ñ·Ï º¸±â]
- ÇöÀç ¹®¼ ³»ÀÇ ÇÁ·¹ÀÓ ¸ñ·ÏÀ» ÆľÇ
- ¿øÇÏ´Â ÇÁ·¹ÀÓ ¸ñ·ÏÀ» ¼±ÅÃÇÑ ÈÄ ÇöÀç ÇÁ·¹ÀÓ ³»¿ë Àбâ(Alt-F11)½ÇÇàÇÏ¿© ³»¿ë ÆľÇ
- [Ctrl-G À̹ÌÁö¿¡ ·¹ÀÌºí ´Þ±â]
- À̹ÌÁö, ±×·¡ÇÈ ¸µÅ©, À̹ÌÁö ¸Ê¿¡ Alt-Text¸¦ ÀÔ·ÂÇÑ °æ¿ì¿¡´Â ÇØ´ç ÅؽºÆ® À½¼º Ãâ·Â
- Alt-Text°¡ ¾ø´Â °æ¿ì¿¡´Â ÆÄÀÏÀ̸§À» À½¼ºÃâ·ÂÇÔ.
- Alt-Text°¡ ¾ø´Â °æ¿ì¿¡´Â Ctrl-G·Î ¿øÇÏ´Â ÅؽºÆ® ÀÔ·Â
- [Ctrl-F ã±â]
- ÇöÀç ¹®¼ ³»ÀÇ Æ¯Á¤ ´Ü¾î¸¦ ã±â À§ÇØ Ã£±â Ctrl-F È°¿ëÇÑ´Ù.
- ã±â¿¡¼´Â ´Ü¼øÈ÷ ÅؽºÆ® »Ó¸¸ ¾Æ´Ï¶ó À̹ÌÁö¿¡ ·¹À̺íÀ» ´Þ¾Æ³õÀº °Íµµ ã±â°¡ °¡´ÉÇÏ´Ù.
- [Ctrl-`(grave) ÀÌÀü ¸µÅ© ¹®ÀÚ¿ ã±â]
- ¸µÅ©·Î À̵¿ÇÑ ÈÄ ¸µÅ© ¸íĪÀ» ¹Ù·Î ã¾Æ°¡±â À§ÇÑ ±â´ÉÀ¸·Î¼³×ºñ°ÔÀ̼ÇÀ» ½±°Ô Áö³ªÃÄ °¥¼ö ÀÖ´Ù.
- ±â»ç Á¦¸ñ ¸µÅ©¸¦ ¼±ÅÃÇÑ ÈÄ ½ÇÇàÇÏ¸é ½±°Ô ã¾Æ°¥ ¼ö ÀÖ´Ù.
- [Ctrl-Shift-Enter]
- ¸µÅ© ¼±Åà ÈÄ(Enter),
- À̵¿ ÆäÀÌÁö¿¡¼ ¿øÇÏ´Â °÷¿¡ À§Ä¡ÇÑ ÈÄ (Ctrl-`),
- Àб⠽ÇÇà(F11)
7. ½Ã°¢Àå¾ÖÀÎÀÇ Á¢±ÙÀ» ³ôÀÌ´Â ¹æ¹ý
- Çìµù(<h1> ~ <h6>)À» »ç¿ëÇÑ´Ù.
- ¸µÅ©¿¡ Á¦´ë·Î µÈ ¼³¸íÀ» ºÙÀδÙ
- ¸ñ·ÏÀ» »ç¿ëÇÑ´Ù
- ³í¸®ÀûÀÌ°í °£°áÇÑ alt text »ç¿ëÇÑ´Ù
- ª°í, °á·ÐÀ» ¾Õ¿¡ µÎ´Â ¹®ÀåÀ» »ç¿ëÇÑ´Ù
- Á¦¸ñÇ¥½ÃÁÙÀ» ª°í ¸íÈ®ÇÏ°Ô ±â¼úÇÑ´Ù
-
¿¹»ê¾È ó¸®ÀýÂ÷
±ÛÀÚ°¡ À۰ųª Å©°Ô º¸ÀÏ °æ¿ì ±ÛÀÚ Å©±â¸¦ ¼³Á¤ÇÏ´Â ¹æ¹ý
- 1. ÀÎÅÍ³Ý ÀͽºÇ÷η¯ : »ó´Ü ¸Þ´ºÀÇ º¸±â > ÅؽºÆ® Å©±â ¸Þ´º¿¡¼ ¼³Á¤
- 2. ÆÄÀ̾îÆø½º : »ó´Ü ¸Þ´ºÀÇ º¸±â> Å©±âÁ¶Á¤ ¸Þ´º¿¡¼ ¼³Á¤
- 3. ¿ÀÆä¶ó : ¿ÞÂÊ »ó´Ü ¿ÀÆä¶ó ·Î°í > ÆäÀÌÁö > Zoom ¸Þ´º¿¡¼ ¼³Á¤
- 4. ±¸±ÛÅ©·Ò : »ó´Ü ¿ìÃø¸Þ´º µµ±¸ > ÇöÀçÆäÀÌÁö°ü¸® > ±Û²ÃÅ©±â ¸Þ´º¿¡¼ ¼³Á¤
- 5. »çÆĸ® : »ó´Ü ¿ìÃø¸Þ´º µµ±¸ > È®´ë/Ãà¼Ò > ½ÇÁ¦Å©±â, È®´ë, Ãà¼Ò, ÅؽºÆ®¸¸ È®´ë/Ãà¼Ò·Î ¼³Á¤
±ÛÀÚ È®´ë/Ãà¼Ò ¼ºñ½º
: º»¹®ÀÇ ±ÛÀÚÅ©±â¸¦ ÇÑ´Ü°è Å©°Ô º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
: º»¹®ÀÇ ±ÛÀÚÅ©±â¸¦ ÇÑ´Ü°è ÀÛ°Ô º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
: º»¹®ÀÇ ±ÛÀÚÅ©±â¸¦ ±âº»Å©±â·Î º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
- 1. ÀÎÅÍ³Ý ÀͽºÇ÷η¯ : »ó´Ü ¸Þ´ºÀÇ º¸±â > ÅؽºÆ® Å©±â ¸Þ´º¿¡¼ ¼³Á¤