- ÇöÀç À§Ä¡
- home > ÄÄÇ»ÅÍ¡¤ICT¡¤¾îÇÐ > ÄÄÇ»ÅÍ¡¤IT µµ¼ > À¥ÇÁ·Î±×·¡¹Ö > À¥ Ç¥ÁØ Çٽɰ¡À̵åºÏ XHTML+CSS(0)[Á¦¿ì¹Ìµð¾î]
±èµ¥·¹»ç, ¹æ¹ÌÈñÀÇ ¡ºÀ¥ Ç¥ÁØ Çٽɰ¡À̵åºÏ XHTML CSS¡». À¥ Ç¥ÁØÀº ¹°·Ð, À¥ Á¢±Ù¼º¿¡ ´ëÇØ °í¹ÎÇÏ´Â »ç¶÷µéÀ» À§ÇØ Àú¼úµÈ °ÍÀÌ´Ù. ¼±ÅÃÀÌ ¾Æ´Ï¶ó Çʼö°¡ µÈ À¥ Á¢±Ù¼ºÀ» °í·ÁÇÑ À¥ Ç¥ÁØÀÇ ±âº»ºÎÅÍ È°¿ë±îÁö ¼¼¼¼ÇÏ°Ô ¼³¸íÇÏ°í ÀÖ´Ù. Å©·Î½º ºê¶ó¿ì¡ ȯ°æÀ» Áö¿øÇÏ´Â Çعý±îÁö ¹è¿ì°Ô µÈ´Ù. ƯÈ÷ ¿ì¸®³ª¶ó À¥ Ç¥ÁØ°ú À¥ Á¢±Ù¼ºÀ» ü°èÈ, º¸ÆíȽÃÅ°°í ÀÖ´Ù. ÀúÀÚµéÀÌ ¿À·§µ¿¾È °ÀÇÇÏ¸é¼ ½Ç¹« ³ëÇÏ¿ì°¡ °í½º¶õÈ÷ ´ã°Ü ÀÖ¾î ±âº»À» źźÇÏ°Ô ´ÙÁö°í dzºÎÇÏ°Ô È°¿ëÀ» ÇÏ´Â µ¥ µµ¿òÀ» °Ç³Ù´Ù. ½ÇÀü ¿¹Á¦µµ ¼ö·ÏÇÏ¿© ½ÇÀü¿¡¼ÀÇ ÀûÀÀ·Â°ú ÀÀ¿ë·Âµµ Çâ»ó½ÃÄÑÁÖ°í ÀÖ´Ù.
ÀúÀÚ: ±èµ¥·¹»ç
Part 01 À¥ Á¢±Ù¼º°ú À¥ Ç¥ÁØ
Section 01 À¥ Á¢±Ù¼º(web accessibility)
À¥ Á¢±Ù¼ºÀÇ °³¿ä
À¥ Á¢±Ù¼º Áؼö ½Ã ±â´ë È¿°ú
À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ(WCAG)
ÀÎÁö¼º(Perceivable)
¿î¿ë¼º(Operable)
ÀÌÇؼº(Understandable)
³»±¸¼º(Robust)
Àå¾ÖÀÎ Â÷º° ±ÝÁö ¹× ±Ç¸® ±¸Á¦ µî¿¡ °üÇÑ ¹ý·üÀÇ ÀÌÇØ
Section 02 À¥ Ç¥ÁØ(web standards)
À¥ Ç¥ÁØÀ̶õ?
À¥ Ç¥ÁØ °ü·Ã ±â¼úÀÇ ¼Ò°³
À¥ Ç¥ÁØÀÇ ÀåÁ¡
À¥ ºê¶ó¿ìÀú¿Í À¥ Ç¥ÁØ
Part 02 °ß°íÇÑ À¥À» À§ÇÑ ±¸Á¶ ¼³°è(XHTML)
Section 01 ½ÃÀÛÇϱâ Àü¿¡
ÀúÀÛµµ±¸ ¼³Ä¡ ¹× ȯ°æ¼³Á¤
ÆÄÀ̾îÆø½º ¹× ºÎ°¡ ±â´É ¼³Ä¡
Section 02 ˴(World Wide Web)
À¥(WWW) ¼ºñ½º
À¥ ÇÁ·Î±×·¡¹ÖÀÇ ÀÌÇØ
½Ã¸Çƽ À¥
Section 03 ±¸Á¶¸¦ À§ÇÑ XHTML
¸¶Å©¾÷ ¾ð¾îÀÇ ºÐ·ù
XHTML ¼½Ä
XHTML ±¸¼º ¿ä¼Ò
XHTML ¹®¼ÀÇ ±âº» ±¸Á¶
ºí·Ï ¿ä¼Ò¿Í ÀζóÀÎ ¿ä¼Ò
¹®¼Çü Á¤ÀÇ ¹× ¼±¾ð, ³×ÀÓ ½ºÆäÀ̽º, ÈÞ¸Õ ·©±ÍÁö
¹®¼Çü Á¤ÀÇ ¹× ¼±¾ð(DTD)
³×ÀÓ ½ºÆäÀ̽º
ÈÞ¸Õ ·©±ÍÁö
Section 04 XHTML ¿ä¼Ò
¹®¼ Á¤º¸ ¹× ¹®¼ Á¦¸ñ
¹®¼ Á¤º¸¿Í ¹®ÀÚ ÄÚµå ¼¼Æ®(meta)
¹®¼ Á¦¸ñ(title)
¹®´Ü °ü·Ã ¿ä¼Ò
Á¦¸ñ
´Ü¶ô(p)
ÁٹٲÞ(br)
ÁÖ¼Ò(address)
±¸ºÐ¼±(hr)
¸µÅ©¿Í À̹ÌÁö
ÇÏÀÌÆÛ¸µÅ©(a)
À̹ÌÁö(img)
À̹ÌÁö ¸Ê(map, area)
¸ñ·Ï °ü·Ã ¿ä¼Ò
ºñ¼ø¼Çü ¸ñ·Ï(ul)
¼ø¼Çü ¸ñ·Ï(ol)
Á¤ÀÇÇü ¸ñ·Ï(dl)
ÅؽºÆ® °ü·Ã ¿ä¼Ò
°Á¶(strong
Section 01 À¥ Á¢±Ù¼º(web accessibility)
À¥ Á¢±Ù¼ºÀÇ °³¿ä
À¥ Á¢±Ù¼º Áؼö ½Ã ±â´ë È¿°ú
À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ(WCAG)
ÀÎÁö¼º(Perceivable)
¿î¿ë¼º(Operable)
ÀÌÇؼº(Understandable)
³»±¸¼º(Robust)
Àå¾ÖÀÎ Â÷º° ±ÝÁö ¹× ±Ç¸® ±¸Á¦ µî¿¡ °üÇÑ ¹ý·üÀÇ ÀÌÇØ
Section 02 À¥ Ç¥ÁØ(web standards)
À¥ Ç¥ÁØÀ̶õ?
À¥ Ç¥ÁØ °ü·Ã ±â¼úÀÇ ¼Ò°³
À¥ Ç¥ÁØÀÇ ÀåÁ¡
À¥ ºê¶ó¿ìÀú¿Í À¥ Ç¥ÁØ
Part 02 °ß°íÇÑ À¥À» À§ÇÑ ±¸Á¶ ¼³°è(XHTML)
Section 01 ½ÃÀÛÇϱâ Àü¿¡
ÀúÀÛµµ±¸ ¼³Ä¡ ¹× ȯ°æ¼³Á¤
ÆÄÀ̾îÆø½º ¹× ºÎ°¡ ±â´É ¼³Ä¡
Section 02 ˴(World Wide Web)
À¥(WWW) ¼ºñ½º
À¥ ÇÁ·Î±×·¡¹ÖÀÇ ÀÌÇØ
½Ã¸Çƽ À¥
Section 03 ±¸Á¶¸¦ À§ÇÑ XHTML
¸¶Å©¾÷ ¾ð¾îÀÇ ºÐ·ù
XHTML ¼½Ä
XHTML ±¸¼º ¿ä¼Ò
XHTML ¹®¼ÀÇ ±âº» ±¸Á¶
ºí·Ï ¿ä¼Ò¿Í ÀζóÀÎ ¿ä¼Ò
¹®¼Çü Á¤ÀÇ ¹× ¼±¾ð, ³×ÀÓ ½ºÆäÀ̽º, ÈÞ¸Õ ·©±ÍÁö
¹®¼Çü Á¤ÀÇ ¹× ¼±¾ð(DTD)
³×ÀÓ ½ºÆäÀ̽º
ÈÞ¸Õ ·©±ÍÁö
Section 04 XHTML ¿ä¼Ò
¹®¼ Á¤º¸ ¹× ¹®¼ Á¦¸ñ
¹®¼ Á¤º¸¿Í ¹®ÀÚ ÄÚµå ¼¼Æ®(meta)
¹®¼ Á¦¸ñ(title)
¹®´Ü °ü·Ã ¿ä¼Ò
Á¦¸ñ
´Ü¶ô(p)
ÁٹٲÞ(br)
ÁÖ¼Ò(address)
±¸ºÐ¼±(hr)
¸µÅ©¿Í À̹ÌÁö
ÇÏÀÌÆÛ¸µÅ©(a)
À̹ÌÁö(img)
À̹ÌÁö ¸Ê(map, area)
¸ñ·Ï °ü·Ã ¿ä¼Ò
ºñ¼ø¼Çü ¸ñ·Ï(ul)
¼ø¼Çü ¸ñ·Ï(ol)
Á¤ÀÇÇü ¸ñ·Ï(dl)
ÅؽºÆ® °ü·Ã ¿ä¼Ò
°Á¶(strong