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 : ¹®ÀÇ °Ô½ÃÆÇ ±Û¾²±â__¿äÁ¡ Á¤¸®91Part 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 ¼Ò½º Á¤¸®ÇÏ¿© ¿Ï¼ºÇϱâ__¿äÁ¡ Á¤¸®
ÇÑÁÙ ¼Æò