ÄÁÅÙÃ÷»ó¼¼º¸±â

Hello Coding HTML5+CSS3
Hello Coding HTML5+CSS3
  • ÀúÀÚȲÀçÈ£ Àú
  • ÃâÆÇ»çÇѺû¹Ìµð¾î
  • ÃâÆÇÀÏ2018-03-12
  • µî·ÏÀÏ2019-03-04
º¸À¯ 2, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 18, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

¹®¼­ ÀÛ¼º¸¸Å­, ¾Æ´Ï ±×º¸´Ù ´õ ½¬¿î À¥ÆäÀÌÁö ¸¸µé±â, Ãʺ¸ÀÚ¸¦ À§ÇÑ ¸ÂÃãÇü ÀÔ¹®¼­

¿öµå³ª PPT ¹®¼­¸¦ ¸¸µé ¼ö ÀÖ³ª¿ä? ±×·¯¸é ¹®Á¦ ¾ø½À´Ï´Ù. Áö±Ý ¹Ù·Î À¥ÆäÀÌÁö Á¦ÀÛ¿¡ µµÀüÇغ¸¼¼¿ä. Áö±Ý ´çÀå ÄÄÇ»ÅÍ°¡ ¾ø¾îµµ ±¦Âú½À´Ï´Ù. ÄÚµå¿Í ½ÇÇà È­¸éÀÌ ¹Ù·Î º¸¿©¼­ ´«À¸·Î¸¸ Àо ¾î¶»°Ô ÀÛµ¿ÇÏ´ÂÁö ½±°Ô ÆľÇÇÒ ¼ö ÀÖ´Â °ÍÀº ±âº»ÀÌ°í, Áß°£Áß°£ ÄûÁ Ãß°¡ÇÏ¿© Àç¹ÌÀÖ°Ô °ÔÀÓÇÏµí º¹½ÀÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶ÇÇÑ ÀÌÁ¦ ¸· ÀÔ¹®ÇÏ¿© µµ¿òÀ» ±¸ÇÒ °÷ÀÌ ¾ø´Â ¿©·¯ºÐÀ» °í·ÁÇÏ¿©, ±Ã±ÝÇØÇÒ ³»¿ëÀ» ¾Ë¾Æ¼­ Áú¹®ÇÏ°í, ÆÁÀ¸·Î Ä£ÀýÇÏ°Ô ´äÇØÁÝ´Ï´Ù. °¢ ÀåÀÇ ³¡¿¡´Â ¾Õ¿¡¼­ ¹è¿î ³»¿ëÀ» ÀÚ¿¬½º·´°Ô º¹½ÀÇÒ ¼ö ÀÖ´Â ÇÁ·ÎÁ§Æ®µµ ÀÖ½À´Ï´Ù.

Çï·Î ÄÚµù ½Ã¸®Áî·Î Ãʺ¸¿¡¼­ Å»ÃâÇß´Ù°í ³¡³»°Å³ª ¸ØÃßÁö ¸¶¼¼¿ä. À¥ÆäÀÌÁö¸¦ ÀÚÀ¯ÀÚÀç·Î ¸¸µé ¼ö ÀÖµµ·Ï ¡º¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5 CSS3 ÀÔ¹®¡», ¡ºHTML5 CSS3 Á¤º¹¡»±îÁö ¿Ïµ¶Çؼ­ HTML5¸¦ Á¤º¹Çغ¸¼¼¿ä. Hello Coding ½Ã¸®Áî´Â µ¶ÀÚÀÇ Ã¹ °ÉÀ½À» ÀÀ¿øÇÕ´Ï´Ù.

ÀúÀÚ¼Ò°³

°æÈñ´ëÇб³ ÀüÀÚ°øÇаú¸¦ Á¹¾÷ÇÏ°í µ¿ ´ëÇпø¿¡¼­ ¼®¤ý¹Ú»ç¸¦ ÃëµæÇß´Ù. KT ¿¬±¸°³¹ßº»ºÎ¿¡¼­ ¿¬±¸¿øÀ¸·Î ±Ù¹«Çϸç MPEG-2 ºñµð¿À ÄÚµ¦ ½Ã½ºÅÛÀÇ ¼ÒÇÁÆ®¿þ¾î¿Í Çϵå¿þ¾î¸¦ °³¹ßÇÏ¿´´Ù. °æÈñ´ëÇб³ ÄÄÇ»ÅÍ°øÇаú µî¿¡¼­ C++ ³×Æ®¿öÅ© ÇÁ·Î±×·¡¹Ö, ÀÚ¹Ù ÇÁ·Î±×·¡¹Ö, HTML/CSS, PHP, ÀÚ¹Ù½ºÅ©¸³Æ® µîÀ» °­ÀÇÇÏ¿´´Ù. ÇöÀç´Â ¼ö¿ø¿©ÀÚ´ëÇб³ ¿¹¼úÇкο¡¼­ UX/UI µðÀÚÀΰú ÇÁ·Î±×·¡¹Ö µîÀ» °­ÀÇÇÏ°í ÀÖ´Ù. ÃÖ±Ù¿¡´Â ÄÚµù½ºÄð »çÀÌÆ®(http://codingschool.info)¸¦ ¿î¿µÇÏ°í °ü·Ã ¼­ÀûÀ» ÁýÇÊÇϸ砺ñÀü°ø ÀÔ¹®ÀÚµéÀ» À§ÇÑ ÄÚµù ±³À°¿¡ Èû¾²°í ÀÖ´Ù.

¸ñÂ÷

Part 1 HTML ±âº»±â ´ÙÁö±â
chapter 1 HTMLÀ̶õ? 
[!-- HTML°ú CSS´Â À¥»çÀÌÆ®¸¦ ²Ù¹Ì´Â »À´ë¿Í »ìÀÔ´Ï´Ù. ÀÌÁ¦ »À´ë¸¦ ¸¸µé Áغñ¸¦ Çغ¼±î¿ä?  --]
__01 HTML°ú À¥ ºê¶ó¿ìÀú ¾Ë¾Æº¸±â
__02 ½Ç½À ÁغñÇϱâ
__03 HTML ¹®¼­ ±¸Á¶ ÀÌÇØÇϱâ
__04 CSS ¸Àº¸±â
__¿äÁ¡ Á¤¸®

chapter 2 ±ÛÀÚ °ü·Ã Å±׸¦ ÀÍÇôº¸ÀÚ
[!-- ¹®´ÜÀ» ³ª´©°í ±ÛÀÚ¿¡ »öÄ¥ÇÏ°í ÈûÀ» Áຼ±î¿ä? --]
__01 ±Û Á¦¸ñ ¸¸µé±â - [h1]~[h6] Å±×
__02 ´Ü¶ô ³ª´©±â - [p] Å±×
__03 ±ÛÀÚ µÎ²®°Ô Çϱâ - [b] Å±×
__04 Áٹٲްú °ø¹é »ðÀÔÇϱâ - [br] Å±×
__05 ¸ñ·Ï ¸¸µé±â- [ul], [ol], [li] Å±×
__06 HTML ¹®¼­¿¡ ¼³¸í ±Û ´Þ±â
__ÇÁ·ÎÁ§Æ® 1 : °£´ÜÇÑ ·ÎÁ¦ ÆĽºÅ¸ ¸¸µé±â
__¿äÁ¡ Á¤¸®

chapter 3 ¸ÖƼ¹Ìµð¾î¿Í ¸µÅ©¿¡ ´ëÇØ ¾Ë¾Æº¸ÀÚ
[!-- ÀÌÁ¦ À¥»çÀÌÆ®¿¡ µ¿¿µ»ó°ú ±×¸², À½¾ÇÀ» Ãß°¡Çغ¾½Ã´Ù.  --]
__01 À̹ÌÁö »ðÀÔÇϱâ - [img] Å±×
__02 [img] Å±×ÀÇ ¼Ó¼º ¾Ë¾Æº¸±â
__03 ¿Àµð¿À »ðÀÔÇϱâ- [audio] Å±×
__04 ºñµð¿À »ðÀÔÇϱâ- [video] Å±×
__05 ¸µÅ© °É±â - [a] Å±×
__ÇÁ·ÎÁ§Æ® 2 : À̹ÌÁö, ¼Ò¸®, ºñµð¿À º¸¿©ÁÖ±â
__¿äÁ¡ Á¤¸®

chapter 4 Å×À̺í°ú Æû ¾ç½ÄÀ» ¸¸µé¾îº¸ÀÚ
[!-- ½ºÄÉÁ٠ǥ¸¦ ¸¸µé¾îº¸°í ½Í¾î¿ä. --]
__01 Å×ÀÌºí »ðÀÔÇϱâ
__02 Å×À̺íÀÇ Çà°ú ¿­ ÇÕÄ¡±â
__ÇÁ·ÎÁ§Æ® 3 : ÅÂdz Á¤º¸
__03 Æû ¾ç½ÄÀ̶õ?
__04 ÅؽºÆ®¿Í ºñ¹Ð¹øÈ£ ÀԷ â ¸¸µé±â
__05 ¶óµð¿À ¹öÆ°°ú Ã¼Å© ¹Ú½º ¸¸µé±â
__06 ÆÄÀÏ ¼±Åàâ ¸¸µé±â
__07 ¼±Åà¹Ú½º ¸¸µé±â
__08 ´ÙÁß ÀԷ â ¸¸µé±â
__09 ¹öÆ° ¸¸µé±â
__ÇÁ·ÎÁ§Æ® 4 : ¹®ÀÇ °Ô½ÃÆÇ ±Û¾²±â
__¿äÁ¡ Á¤¸®91

Part 2 CSS ±âÃÊ¿Í ÀÀ¿ë
chapter 5 CSS ±âº»À» ´ÙÁöÀÚ
[!-- µåµð¾î CSSÀÔ´Ï´Ù. ÀÌÁ¦ºÎÅÍ À¥»çÀÌÆ®¿¡ »ìÀ» ºÙÀÏ °Ì´Ï´Ù. --]
__01 CSS¶õ?
__02 ±ÛÀÚ ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
__03 ¸ñ·Ï ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
__04 CSS¿¡ ¼³¸í ±Û ´Þ±â
__ÇÁ·ÎÁ§Æ® 5 : ·ç¹ÙÅä Ææ¼Ç ¾È³»
__¿äÁ¡ Á¤¸®

chapter 6 CSS ¼±ÅÃÀÚ¿¡ ´ëÇØ ¾Ë¾Æº¸ÀÚ
[!-- ²Ù¸çÁÖ·Á´Â ¿µ¿ªÀ» ¼±ÅÃÇϴ ¹æ¹ýÀ» ¾Ë¾Æº¾½Ã´Ù.  --]
__01 CSS ¼±ÅÃÀÚ¶õ?
__02 Å±נ¼±ÅÃÀÚ
__03 id ¼±ÅÃÀÚ
__04 Å¬·¡½º ¼±ÅÃÀÚ
__ÇÁ·ÎÁ§Æ® 6 : ¾çÆò ±¹Á¦ ±âŸ Æ佺Ƽ¹ú
__¿äÁ¡ Á¤¸®

chapter 7 ·¹À̾ƿôÀÇ ±âÃÊ, ¹Ú½º ¸ðµ¨À» ÀÌÇØÇÏÀÚ
[!-- ´ëü À¥»çÀÌÆ®´Â ¾î¶² ½ÄÀ¸·Î ±¸¼ºµÉ±î¿ä? ·¹À̾ƿôÀÇ ±âÃʸ¦ ÀÍÇô ²Ù¸çº¾½Ã´Ù. --]
__01 ¹Ú½º ¸ðµ¨À̶õ?
__02 °æ°è¼± ±×¸®±â
__03 Æеù°ú ¸¶Áø ¼³Á¤Çϱâ
__04 Æеù°ú ¸¶Áø ÃʱâÈ­Çϱâ
__ÇÁ·ÎÁ§Æ® 7 : ÁÖ¸» ¾ß°£ °³À堾ȳ»
__¿äÁ¡ Á¤¸®

chapter 8 ¹è°æ »ö»ó°ú À̹ÌÁö¸¦ ¼³Á¤Çغ¸ÀÚ
[!-- À¥»çÀÌÆ®ÀÇ ¹è°æÀ» ²Ù¸çº¼±î¿ä? Àú´Â ²É¹«´Ì º®Áö¸¦ ³Ö°í ½Í¾î¿ä.  --]
__01 ¹è°æ »ö»ó ¼³Á¤Çϱâ
__02 ¹è°æ À̹ÌÁö »ðÀÔÇϱâ
__03 ¹è°æ À̹ÌÁö ¹Ýº¹ ¼³Á¤Çϱâ
__ÇÁ·ÎÁ§Æ® 8 : º½¸ÂÀÌ ¼¼ÀÏ
__¿äÁ¡ Á¤¸®

chapter 9 Å×À̺íÀ» ²Ù¸çº¸ÀÚ
[!-- 4Àå¿¡¼­ ¸¸µé¾ú´ø Ç¥µµ Á¶±Ý ´õ º¸±â ÁÁ°Ô ¸¸µé¾îº¾½Ã´Ù. --]
__01 Å×ÀÌºí °æ°è¼± ±×¸®±â
__02 Å×ÀÌºí ³Êºñ ÁöÁ¤°ú ÅؽºÆ® Á¤·ÄÇϱâ
__03 Å×ÀÌºí ¹è°æ »ö»ó ÁöÁ¤Çϱâ
__ÇÁ·ÎÁ§Æ® 9 : ÀÏÁ¤(½ºÄÉÁÙ)Ç¥
__¿äÁ¡ Á¤¸®

Part 3 ·¹À̾ƿô°ú Æ÷Åä °­Á ÆäÀÌÁö Á¦ÀÛÇϱâ
chapter 10 ·¹À̾ƿôÀÇ ±âÃʸ¦ ´ÙÁöÀÚ
[!-- ÀÌÁ¦ Áغñ°¡ µÆ½À´Ï´Ù. µåµð¾î ³ª¸¸ÀÇ ·¹À̾ƿôÀ» ¸¸µé¾îº¾½Ã´Ù. --]
__01 ·¹À̾ƿôÀ̶õ?
__02 display ¼Ó¼º
__03 float ¼Ó¼º
__04 clear ¼Ó¼º
__ÇÁ·ÎÁ§Æ® 10 : ÆǸŠµµ¼­ ¸ñ·Ï
__¿äÁ¡ Á¤¸®

chapter 11 À¥ ÆäÀÌÁö ·¹À̾ƿô¿¡ ´ëÇØ ¾Ë¾Æº¸ÀÚ 
[!-- 10Àå¿¡¼­ ¸¸µç ·¹À̾ƿôÀ» Á¶±Ý ´õ ´Ùµë¾î º¼±î¿ä? --]
__01 HTML5ÀÇ ·¹À̾ƿô Å±×
__02 Àüü À¥ ÆäÀÌÁö ·¹À̾ƿô
__03 »ó´Ü Çì´õ¿Í ³»ºñ°ÔÀ̼Ǡ¸Þ´º ·¹À̾ƿô
__04 ÄÜÅÙÃ÷ ¿µ¿ª°ú »çÀ̵å¹Ù ·¹À̾ƿô
__05 ÇϴܠǪÅÍ ·¹À̾ƿô
__06 Àüü À¥ ÆäÀÌÁö ·¹À̾ƿô ¿Ï¼ºÇϱâ
__¿äÁ¡ Á¤¸®

chapter 12 Æ÷Åä ¾ÆÄ«µ¥¹Ì ÆäÀÌÁö¸¦ ¸¸µé¾îº¸ÀÚ
[!-- Áö±Ý±îÁö ¹è¿î ³»¿ëÀ» ±â¹ÝÀ¸·Î µåµð¾î ¿Ï¼ºµÈ ÆäÀÌÁö¸¦ ¸¸µé°Å¿¡¿ä. --]
__01 ½Ç½À¿ë Æ÷Åä ¾ÆÄ«µ¥¹Ì ÆäÀÌÁö ¼Ò°³
__02 À¥ ÆäÀÌÁö ±âº» Æ² ¸¸µé±â
__03 »ó´Ü Çì´õ ¸¸µé±â
__04 ¸ÞÀΠÀ̹ÌÁö ¸¸µé±â
__05 ¼­ºê ¸Þ´º¿Í ¸ÞÀΠÄÜÅÙÃ÷ ¸¸µé±â
__06 ÇϴܠǪÅÍ ¸¸µé±â
__07 ¼Ò½º Á¤¸®ÇÏ¿© ¿Ï¼ºÇϱâ
__¿äÁ¡ Á¤¸®

ÇÑÁÙ ¼­Æò