- ÇöÀç À§Ä¡
- home > ÄÄÇ»ÅÍ¡¤ICT¡¤¾îÇÐ > ÄÄÇ»ÅÍ¡¤IT µµ¼ > À¥ÇÁ·Î±×·¡¹Ö > ¸ð´ø À¥À» À§ÇÑ HTML5+CSS3 ¹ÙÀ̺í(3ÆÇ)[ÇѺû¹Ìµð¾î]
HTML5, CSS3¸¦ ¹è¿ì´Â °Íº¸´Ù ´õ Áß¿äÇÑ °ÍÀº ±×°ÍÀ» ÀÌ¿ëÇØ À¥ ÆäÀÌÁö¸¦ ±¸ÇöÇÏ´Â °ÍÀÔ´Ï´Ù. ÀÌ Ã¥Àº HTML5 Ç¥ÁØ°ú CSS3 Ç¥ÁØÀ» »ç¿ëÇÏ¿© À¥ ÆäÀÌÁö¸¦ ±¸ÇöÇÏ´Â ¹æ¹ýÀ» Áß½ÉÀ¸·Î ¼³¸íÇÕ´Ï´Ù. À¥ ÆäÀÌÁö ·¹À̾ƿô, ½º¸¶Æ®Æù ·¹À̾ƿô, ÅÂºí¸´ PC ·¹À̾ƿô, ¼Ò¼ÈÄ¿¸Ó½º ¸ÞÀÎ ÆäÀÌÁö ·¹À̾ƿôÀ» ´ã¾Ò½À´Ï´Ù
ÀúÀÚ: À±Àμº
½Ã¸®Áî ±¸¼º
ÇнÀ°èȹǥ
ÁöÀºÀÌÀÇ ±Û
´ë»óµ¶ÀÚ
°øºÎ¹æ¹ý
À¥ Ç¥ÁØ°ú À¥ ºê¶ó¿ìÀú
PART 1. HTML5 CSS3 񃧯
____CHAPTER 1. HTML5 °³¿ä
________1.1 À¥ÀÇ ¿ª»ç
________1.2 HTML5¸¦ °øºÎÇØ¾ß ÇÏ´Â ÀÌÀ¯
________1.3 ±¸±Û Å©·Ò ¼³Ä¡
________1.4 Visual Studio Code ¼³Ä¡
________1.5 HTML ÆäÀÌÁö »ý¼ºÇÏ°í ½ÇÇàÇϱâ
____CHAPTER 2. HTML5 ÅÂ±× ±âº»
________2.1 HTML5 ±âº» ¿ë¾î Á¤¸®
________2.2 HTML5 ÆäÀÌÁö ±¸Á¶
________2.3 ±ÛÀÚ Å±×
________2.4 ¸ñ·Ï ű×
________2.5 Å×À̺í ű×
________2.6 À̹ÌÁö ű×
________2.7 ¿Àµð¿À ű×
________2.8 ºñµð¿À ű×
________2.9 ÀÔ·Â ¾ç½Ä ű×
________2.10 °ø°£ ºÐÇÒ Å±×
____CHAPTER 3. CSS3 ¼±ÅÃÀÚ ±âº»
________3.1 CSS ¼±ÅÃÀÚ¶õ?
________3.2 ¼±ÅÃÀÚ Á¾·ù °³¿ä
________3.3 Àüü ¼±ÅÃÀÚ
________3.4 ÅÂ±× ¼±ÅÃÀÚ
________3.5 ¾ÆÀ̵𠼱ÅÃÀÚ¿Í Å¬·¡½º ¼±ÅÃÀÚ
________3.6 ¼Ó¼º ¼±ÅÃÀÚ
________3.7 ÈÄ¼Õ ¼±ÅÃÀÚ¿Í ÀÚ¼Õ ¼±ÅÃÀÚ
________3.8 µ¿À§ ¼±ÅÃÀÚ
________3.9 ¹ÝÀÀ ¼±ÅÃÀÚ
________3.10 »óÅ ¼±ÅÃÀÚ
________3.11 ±¸Á¶ ¼±ÅÃÀÚ
________3.12 ¹®ÀÚ ¼±ÅÃÀÚ
________3.13 ¸µÅ© ¼±ÅÃÀÚ
________3.14 ºÎÁ¤ ¼±ÅÃÀÚ
____CHAPTER 4. CSS3 ½ºÅ¸ÀÏ ¼Ó¼º ±âº»
________4.1 ½ºÅ¸ÀÏ ¼Ó¼ºÀ» °øºÎÇÒ ¶§´Â
________4.2 CSS3 ´ÜÀ§
________4.3 °¡½Ã ¼Ó¼º
________4.4 ¹Ú½º ¼Ó¼º
________4.5 Å׵θ® ¼Ó¼º
________4.6 ¹è°æ ¼Ó¼º
________4.7 ÆùÆ® ¼Ó¼º
________4.8 À§Ä¡ ¼Ó¼º
________4.9 float ¼Ó¼º
________4.10 clear: both¸¦ »ç¿ëÇÑ ·¹À̾ƿô
________4.11 ±×¸²ÀÚ ¼Ó¼º
________4.12 ±×·¹À̵ð¾ðÆ®
________4.13 º¥´õ ÇÁ¸®ÇȽº
PART 2. HTML5 CSS3¸¦ »ç¿ëÇÑ ·¹À̾ƿô ±¸¼º
____CHAPTER 5. À¥ ÆäÀÌÁö ·¹À̾ƿô
________5.1 À¥ ÆäÀÌÁö °³¿ä
________5.2 ·¹À̾ƿô ±¸ºÐ
________5.3 ÃʱâÈ
________5.4 Çì´õ ±¸Á¶ ÀÛ¼º
________5.5 À¥ ÆùÆ®
________5.6 ¼öÆò ¸Þ´º
________5.7 ÄÜÅÙÃ÷ ±¸¼º
________5.8 º»¹® ±¸¼º
________5.9 »çÀ̵å Åǹ٠±¸¼º
________5.10 ¸ñ·Ï ±¸¼º
________5.11 ǪÅÍ ±¸¼º
________5.12 Á¤¸®
____CHAPTER 6. ½º¸¶Æ®Æù ·¹À̾ƿô
________6.1 ½º¸¶Æ®Æù °³¿ä
________6.2 ºäÆ÷Æ® meta ű×
________6.3 ÃʱâÈ
________6.4 Çì´õ ±¸Á¶ ±¸¼º
________6.5 ½ºÇÁ¶óÀÌÆ® À̹ÌÁö
________6.6 Åä±Û ¸ñ·Ï ±¸¼º
________6.7 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(1)
________6.8 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(2)
________6.9 º»¹® ±¸¼º
________6.10 ǪÅÍ ±¸¼º
________6.11 Á¤¸®
________6.12 Àüüȸé
________6.13 ±ÛÀÚ °¨Ãß±â
____CHAPTER 7. ÅÂºí¸´ PC ·¹À̾ƿô
________7.1 ÃʱâÈ
________7.2 Çì´õ ±¸¼º
________7.3 ³»ºñ°ÔÀÌ¼Ç ±¸¼º
________7.4 ÄÜÅÙÃ÷ ±¸¼º
________7.5 ¼öÁ÷ ¸ñ·Ï ±¸¼º
________7.6 º»¹® ±¸¼º
________7.7 ǪÅÍ ±¸¼º
________7.8 Á¤¸®
________7.9 °íÁ¤ ¹Ù
____CHAPTER 8. ¼Ò¼ÈÄ¿¸Ó½º ¸ÞÀÎ ÆäÀÌÁö
________8.1 ÃʱâÈ
________8.2 Çì´õ ±¸¼º
________8.3 »çÀÌµå ±¸¼º
________8.4 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(1)
________8.5 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(2)
________8.6 ¸ñ·Ï ±¸¼º
________8.7 ÄÜÅÙÃ÷ ±¸¼º
________8.8 ÃÖÁ¾ Á¤¸®
PART 3. HTML5 CSS3 ½ÉÈ
____CHAPTER 9. CSS3 º¯Çü°ú ¾Ö´Ï¸ÞÀ̼Ç
________9.1 º¯Çü ¼Ó¼º ±âº»
________9.2 º¯Çü ¼Ó¼º
________9.3 Å° ÇÁ·¹ÀÓ°ú ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼º
____CHAPTER 10. CSS3 º¯È¯
________10.1 º¯È¯À̶õ?
________10.2 2Â÷¿ø º¯È¯
________10.4 ¿ø±Ù¹ý
________10.5 ȸÀü ¸ñ¸¶
____CHAPTER 11. CSS Ãß°¡ ±ÔÄ¢°ú ¹ÝÀÀÇü À¥
________11.1 ±ÔÄ¢(@ - rule)À̶õ?
________11.2 @import ±ÔÄ¢
________11.3 @font -face ±ÔÄ¢
________11.4 @media ±ÔÄ¢
________11.5 ¹ÝÀÀÇü À¥
________11.6 È¸é ¹æÇâ Àüȯ
____CHAPTER 12. ±×¸®µå ½Ã½ºÅÛ
________12.1 Á¤Àû ±×¸®µå ½Ã½ºÅÛ
________12.2 µ¿Àû ±×¸®µå ½Ã½ºÅÛ
________12.3 ¹ÝÀÀÇü ±×¸®µå ½Ã½ºÅÛ
________12.4 CSS3 ±×¸®µå ·¹À̾ƿô
____Appendix A ºÎÆ®½ºÆ®·¦
____Appendix B Less ½ºÅ¸ÀϽÃÆ®
____Appendix C ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÆäÀÌÁö °³¹ß
____Appendix D SVG ű×
9. °ü·Ãµµ¼
¡º¸ð´ø À¥À» À§ÇÑ JavaScript jQuery ÀÔ¹®, 3ÆÇ¡» (2017)
¡º¸ð´ø À¥À» À§ÇÑ Node.js ÇÁ·Î±×·¡¹Ö, 3ÆÇ¡»(2016)
ÇнÀ°èȹǥ
ÁöÀºÀÌÀÇ ±Û
´ë»óµ¶ÀÚ
°øºÎ¹æ¹ý
À¥ Ç¥ÁØ°ú À¥ ºê¶ó¿ìÀú
PART 1. HTML5 CSS3 񃧯
____CHAPTER 1. HTML5 °³¿ä
________1.1 À¥ÀÇ ¿ª»ç
________1.2 HTML5¸¦ °øºÎÇØ¾ß ÇÏ´Â ÀÌÀ¯
________1.3 ±¸±Û Å©·Ò ¼³Ä¡
________1.4 Visual Studio Code ¼³Ä¡
________1.5 HTML ÆäÀÌÁö »ý¼ºÇÏ°í ½ÇÇàÇϱâ
____CHAPTER 2. HTML5 ÅÂ±× ±âº»
________2.1 HTML5 ±âº» ¿ë¾î Á¤¸®
________2.2 HTML5 ÆäÀÌÁö ±¸Á¶
________2.3 ±ÛÀÚ Å±×
________2.4 ¸ñ·Ï ű×
________2.5 Å×À̺í ű×
________2.6 À̹ÌÁö ű×
________2.7 ¿Àµð¿À ű×
________2.8 ºñµð¿À ű×
________2.9 ÀÔ·Â ¾ç½Ä ű×
________2.10 °ø°£ ºÐÇÒ Å±×
____CHAPTER 3. CSS3 ¼±ÅÃÀÚ ±âº»
________3.1 CSS ¼±ÅÃÀÚ¶õ?
________3.2 ¼±ÅÃÀÚ Á¾·ù °³¿ä
________3.3 Àüü ¼±ÅÃÀÚ
________3.4 ÅÂ±× ¼±ÅÃÀÚ
________3.5 ¾ÆÀ̵𠼱ÅÃÀÚ¿Í Å¬·¡½º ¼±ÅÃÀÚ
________3.6 ¼Ó¼º ¼±ÅÃÀÚ
________3.7 ÈÄ¼Õ ¼±ÅÃÀÚ¿Í ÀÚ¼Õ ¼±ÅÃÀÚ
________3.8 µ¿À§ ¼±ÅÃÀÚ
________3.9 ¹ÝÀÀ ¼±ÅÃÀÚ
________3.10 »óÅ ¼±ÅÃÀÚ
________3.11 ±¸Á¶ ¼±ÅÃÀÚ
________3.12 ¹®ÀÚ ¼±ÅÃÀÚ
________3.13 ¸µÅ© ¼±ÅÃÀÚ
________3.14 ºÎÁ¤ ¼±ÅÃÀÚ
____CHAPTER 4. CSS3 ½ºÅ¸ÀÏ ¼Ó¼º ±âº»
________4.1 ½ºÅ¸ÀÏ ¼Ó¼ºÀ» °øºÎÇÒ ¶§´Â
________4.2 CSS3 ´ÜÀ§
________4.3 °¡½Ã ¼Ó¼º
________4.4 ¹Ú½º ¼Ó¼º
________4.5 Å׵θ® ¼Ó¼º
________4.6 ¹è°æ ¼Ó¼º
________4.7 ÆùÆ® ¼Ó¼º
________4.8 À§Ä¡ ¼Ó¼º
________4.9 float ¼Ó¼º
________4.10 clear: both¸¦ »ç¿ëÇÑ ·¹À̾ƿô
________4.11 ±×¸²ÀÚ ¼Ó¼º
________4.12 ±×·¹À̵ð¾ðÆ®
________4.13 º¥´õ ÇÁ¸®ÇȽº
PART 2. HTML5 CSS3¸¦ »ç¿ëÇÑ ·¹À̾ƿô ±¸¼º
____CHAPTER 5. À¥ ÆäÀÌÁö ·¹À̾ƿô
________5.1 À¥ ÆäÀÌÁö °³¿ä
________5.2 ·¹À̾ƿô ±¸ºÐ
________5.3 ÃʱâÈ
________5.4 Çì´õ ±¸Á¶ ÀÛ¼º
________5.5 À¥ ÆùÆ®
________5.6 ¼öÆò ¸Þ´º
________5.7 ÄÜÅÙÃ÷ ±¸¼º
________5.8 º»¹® ±¸¼º
________5.9 »çÀ̵å Åǹ٠±¸¼º
________5.10 ¸ñ·Ï ±¸¼º
________5.11 ǪÅÍ ±¸¼º
________5.12 Á¤¸®
____CHAPTER 6. ½º¸¶Æ®Æù ·¹À̾ƿô
________6.1 ½º¸¶Æ®Æù °³¿ä
________6.2 ºäÆ÷Æ® meta ű×
________6.3 ÃʱâÈ
________6.4 Çì´õ ±¸Á¶ ±¸¼º
________6.5 ½ºÇÁ¶óÀÌÆ® À̹ÌÁö
________6.6 Åä±Û ¸ñ·Ï ±¸¼º
________6.7 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(1)
________6.8 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(2)
________6.9 º»¹® ±¸¼º
________6.10 ǪÅÍ ±¸¼º
________6.11 Á¤¸®
________6.12 Àüüȸé
________6.13 ±ÛÀÚ °¨Ãß±â
____CHAPTER 7. ÅÂºí¸´ PC ·¹À̾ƿô
________7.1 ÃʱâÈ
________7.2 Çì´õ ±¸¼º
________7.3 ³»ºñ°ÔÀÌ¼Ç ±¸¼º
________7.4 ÄÜÅÙÃ÷ ±¸¼º
________7.5 ¼öÁ÷ ¸ñ·Ï ±¸¼º
________7.6 º»¹® ±¸¼º
________7.7 ǪÅÍ ±¸¼º
________7.8 Á¤¸®
________7.9 °íÁ¤ ¹Ù
____CHAPTER 8. ¼Ò¼ÈÄ¿¸Ó½º ¸ÞÀÎ ÆäÀÌÁö
________8.1 ÃʱâÈ
________8.2 Çì´õ ±¸¼º
________8.3 »çÀÌµå ±¸¼º
________8.4 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(1)
________8.5 ³»ºñ°ÔÀÌ¼Ç ±¸¼º(2)
________8.6 ¸ñ·Ï ±¸¼º
________8.7 ÄÜÅÙÃ÷ ±¸¼º
________8.8 ÃÖÁ¾ Á¤¸®
PART 3. HTML5 CSS3 ½ÉÈ
____CHAPTER 9. CSS3 º¯Çü°ú ¾Ö´Ï¸ÞÀ̼Ç
________9.1 º¯Çü ¼Ó¼º ±âº»
________9.2 º¯Çü ¼Ó¼º
________9.3 Å° ÇÁ·¹ÀÓ°ú ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼º
____CHAPTER 10. CSS3 º¯È¯
________10.1 º¯È¯À̶õ?
________10.2 2Â÷¿ø º¯È¯
________10.4 ¿ø±Ù¹ý
________10.5 ȸÀü ¸ñ¸¶
____CHAPTER 11. CSS Ãß°¡ ±ÔÄ¢°ú ¹ÝÀÀÇü À¥
________11.1 ±ÔÄ¢(@ - rule)À̶õ?
________11.2 @import ±ÔÄ¢
________11.3 @font -face ±ÔÄ¢
________11.4 @media ±ÔÄ¢
________11.5 ¹ÝÀÀÇü À¥
________11.6 È¸é ¹æÇâ Àüȯ
____CHAPTER 12. ±×¸®µå ½Ã½ºÅÛ
________12.1 Á¤Àû ±×¸®µå ½Ã½ºÅÛ
________12.2 µ¿Àû ±×¸®µå ½Ã½ºÅÛ
________12.3 ¹ÝÀÀÇü ±×¸®µå ½Ã½ºÅÛ
________12.4 CSS3 ±×¸®µå ·¹À̾ƿô
____Appendix A ºÎÆ®½ºÆ®·¦
____Appendix B Less ½ºÅ¸ÀϽÃÆ®
____Appendix C ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÆäÀÌÁö °³¹ß
____Appendix D SVG ű×
9. °ü·Ãµµ¼
¡º¸ð´ø À¥À» À§ÇÑ JavaScript jQuery ÀÔ¹®, 3ÆÇ¡» (2017)
¡º¸ð´ø À¥À» À§ÇÑ Node.js ÇÁ·Î±×·¡¹Ö, 3ÆÇ¡»(2016)