°³¶ËÀ̳׿¡¼ ÆÇ¸ÅµÈ "HTML + CSS ÄÚµùÀÇ ¸ðµç °Í" Á¤°¡ 23,000¿ø Æò±ÕÇÒÀΰ¡
|
|
|
[HTML ÄÚµùÀÇ ¸ðµç °Í, ȨÆäÀÌÁö ±âÃʺÎÅÍ Á¦ÀÛ±îÁö!]
Chapter 1 HTMLÀÇ ±âÃÊ Áö½Ä 1. HTMLÀ̶õ ¹«¾ùÀϱî? 2. HTML ¹®¼ÀÇ ÀÛ¼º°ú ½ÇÇà ¡ß ÆíÁý ÇÁ·Î±×·¥ ÁغñÇÏ±â ¡ß HTML ¹®¼ ÀÛ¼ºÇÏ°í ½ÇÇàÇϱâ 3. HTML ¹®¼ÀÇ ÀÛ¼º ±ÔÄ¢ 4. HTML ¹®¼ÀÇ ±âº» ±¸Á¶ 5. ÀÚÁÖ »ç¿ëµÇ´Â ±âº» ÅÂ±× ¡ß [h1] ... [h6] ÅÂ±× ¡ß [p] ÅÂ±× ¡ß [br] ÅÂ±× ¡ß [hr] ÅÂ±× 6. Ư¼ö¹®ÀÚ¿Í html entityÀÇ »ç¿ë ¡ß Ư¼ö¹®ÀÚ »ç¿ëÇÏ±â ¡ß html ¿£Æ¼Æ¼(entity) »ç¿ëÇϱâ
Chapter 2 ÅؽºÆ® Ç¥ÇöÇϱâ 1. ÅؽºÆ® °ø¹é À¯Áö 2. Ư¼ö È¿°ú°¡ ÁöÁ¤µÈ ÅؽºÆ® 3. Àοë, ¾àÀÚ µî Ưº°ÇÑ Çü½ÄÀÇ ÅؽºÆ® ¡ß °£´ÜÇÑ Àο뱸¸¦ ÁöÁ¤ÇÏ´Â [q] ÅÂ±× ¡ß ÀÎ¿ë ¼½¼ÇÀ» ÁöÁ¤ÇÏ´Â [blockquote] ÅÂ±× ¡ß ¾àÀÚÀÇ ¿ø¹®À» Ç¥½ÃÇÏ´Â [abbr] ÅÂ±× ¡ß ÁÖ¼Ò¸¦ Ç¥½ÃÇÏ´Â [address] ÅÂ±× ¡ß ÀÛÇ°¸íÀ» Ç¥±âÇÏ´Â [cite] ÅÂ±× ¡ß ÅؽºÆ®ÀÇ Ãâ·Â ¹æÇâÀ» ÁöÁ¤ÇÏ´Â [bdo] ÅÂ±× 4. ½ºÅ¸ÀÏ ÁöÁ¤ ¡ß ¹è°æ»ö ÁöÁ¤ÇÏ±â ¡ß ÅؽºÆ®ÀÇ »ö ÁöÁ¤ÇÏ±â ¡ß ÅؽºÆ®ÀÇ Å©±â ÁöÁ¤ÇÏ±â ¡ß ÅؽºÆ® Á¤·Ä ÁöÁ¤Çϱâ 5. ±×·ì ÁöÁ¤ ¡ß ¿©·¯ ¿ä¼Ò¸¦ Å©°Ô ¹´Â [div] ÅÂ±× ¡ß ÇϳªÀÇ ¿ä¼Ò ³»¿¡¼ ±×·ìÀ» ÁöÁ¤ÇÏ´Â [span] ű×
Chapter 3 ¸µÅ© »ç¿ëÇϱâ 1. ¸µÅ©¶õ ¹«¾ùÀΰ¡? 2. µ¿ÀÏ ¹®¼ ³»¿¡¼ À̵¿Çϱâ 3. ´Ù¸¥ ¹®¼·Î À̵¿Çϱâ 4. ´Ù¸¥ ¹®¼ÀÇ Æ¯Á¤ À§Ä¡·Î À̵¿Çϱâ 5. ´Ù¸¥ À¥ »çÀÌÆ®·Î À̵¿Çϱâ 6. »õ ÅÇÀ̳ª â¿¡ Ç¥½ÃÇϱâ 7. ±×¸²À¸·Î ¹®¼ ¿¬°áÇϱâ
Chapter 4 ¸ñ·Ï ¸¸µé±â 1. ¼ø¼ ¾ø´Â ±âº» ¸ñ·Ï ¸¸µé±â 2. ´Ù¾çÇÑ ¼ø¼ ¾ø´Â ¸ñ·Ï ¸¸µé±â 3. ¼ø¼ ÀÖ´Â ±âº» ¸ñ·Ï ¸¸µé±â 4. ´Ù¾çÇÑ ¼ø¼ ÀÖ´Â ¸ñ·Ï ¸¸µé±â 5. ¸ñ·Ï¿¡¼ ¼ø¼ ¹Ù²Ù±â 6. ¸ñ·Ï ¾È¿¡ ¸ñ·Ï Ç¥½ÃÇϱâ 7. Á¤ÀÇ ¸ñ·Ï ¸¸µé±â
Chapter 5 Å×ÀÌºí ¸¸µé±â 1. ±âº» Å×ÀÌºí ¸¸µé±â 2. Å×À̺íÀÇ ¿ Á¦¸ñ°ú Çà Á¦¸ñ ÁöÁ¤Çϱâ 3. Å×À̺íÀÇ ¿À̳ª Çà º´ÇÕÇϱâ 4. Å×ÀÌºí¿¡ ĸ¼Ç Ç¥½ÃÇϱâ 5. ¿ ±×·ì ÁöÁ¤Çϱâ 6. Å×À̺íÀÇ ¸Ó¸®¸», º»¹®, ²¿¸®¸» ±¸ºÐÇϱâ
Chapter 6 À̹ÌÁö Ç¥½ÃÇϱâ 1. À̹ÌÁö¸¦ Ç¥½ÃÇÏ´Â ±âº»ÀûÀÎ ¹æ¹ý ¡ß À̹ÌÁö À§Ä¡ ÁöÁ¤ÇÏ±â ¡ß À̹ÌÁö À§¿¡ ¸Þ½ÃÁö Ç¥½ÃÇϱâ 2. À̹ÌÁö Å©±â Á¶ÀýÇϱâ 3. À̹ÌÁö ¹èÄ¡Çϱâ 4. À̹ÌÁö ĸ¼Ç ÁöÁ¤Çϱâ 5. À̹ÌÁö ¸Ê »ç¿ëÇϱâ
Chapter 7 Æû ¸¸µé±â 1. Æû(form)ÀÇ ±âÃÊ Áö½Ä 2. text¿Í password ÇÊµå ¸¸µé±â ¡ß ±âº»ÀûÀÎ text¿Í password ÇÊµå ¸¸µé±â ¡ß ´Ù¾çÇÑ ¼Ó¼ºÀ¸·Î text¿Í password Çʵå Á¶ÀýÇϱâ 3. textarea ¸¸µé±â 4. Radio ¹öÆ°°ú Check ¹Ú½º ¸¸µé±â ¡ß Radio ¹öÆ° ¸¸µé±â ¡ß Check ¹Ú½º ¸¸µé±â 5. ¸í·É ¹öÆ°°ú submit ¹öÆ° ¸¸µé±â ¡ß ¸í·É ¹öÆ° ¸¸µé±â ¡ß submit ¹öÆ° ¸¸µé±â 6. email°ú url ÇÊµå ¸¸µé±â 7. µå·Ó´Ù¿î ¸ñ·Ï ¸¸µé±â ¡ß ±âº»ÀûÀÎ µå·Ó´Ù¿î ¸ñ·Ï ¸¸µé±â ¡ß µå·Ó´Ù¿î ¸ñ·Ï Á¶ÀýÇÏ±â ¡ß Ç׸ñÀ» ±×·ìÀ¸·Î ¹±â 8. Æû ¿ä¼Ò ±×·ìÈÇϱâ 9. ·¹ÀÌºí »ç¿ëÇϱâ
Chapter 8 ½Ã¸Çƽ ÅÂ±× »ç¿ëÇϱâ 1. ½Ã¸Çƽ ű׶õ ¹«¾ùÀΰ¡? 2. [section] ÅÂ±× »ç¿ëÇϱâ 3. [article] ÅÂ±× »ç¿ëÇϱâ 4. [header] ÅÂ±× »ç¿ëÇϱâ 5. [footer] ÅÂ±× »ç¿ëÇϱâ 6. [nav] ÅÂ±× »ç¿ëÇϱâ 7. [aside] ÅÂ±× »ç¿ëÇϱâ
Chapter 9 ¸ÖƼ¹Ìµð¾î È°¿ëÇϱâ 1. ¸ÖƼ¹Ìµð¾î »ìÆ캸±â 2. ºñµð¿À È°¿ëÇϱâ 3. ¿Àµð¿À È°¿ëÇϱâ 4. [object]¿Í [embed] ÅÂ±× »ç¿ëÇÏ±â ¡ß [object] ÅÂ±× »ç¿ëÇÏ±â ¡ß [embed] ÅÂ±× »ç¿ëÇϱâ
Chapter 10 Ãß°¡ Áö½Ä 1. [Iframe] ű׷ΠÇÁ·¹ÀÓ ¸¸µé±â 2. [meta] ű׷ΠÁ¤º¸ Á¦°øÇϱâ 3. ½Ã¸Çƽ ÅÂ±× È£È¯¼º ÇØ°áÇϱâ 4. HTMLÀÇ ÀÇ¹Ì Á¤¸®Çϱâ
[CSS ÄÚµùÀÇ ¸ðµç °Í, À¥ µðÀÚÀÎ ±âÃʺÎÅÍ ¿Ï¼º±îÁö!]
Chapter 1 CSSÀÇ ±âÃÊ Áö½Ä 1. CSS¶õ ¹«¾ùÀϱî? 2. CSS ÄÚµåÀÇ ±âº» Çü½Ä 3. CSS ¼±ÅÃÀÚÀÇ »ç¿ë ¡ß ¿ä¼Ò ¼±ÅÃÀÚ ¡ß Ŭ·¡½º ¼±ÅÃÀÚ ¡ß id ¼±ÅÃÀÚ ¡ß ±×·ì ¼±ÅÃÀÚ 4. CSS Äڵ带 ±â¼úÇÏ´Â 3°¡Áö ¹æ¹ý ¡ß ÀζóÀÎ ½ºÅ¸ÀÏ(Inline Style) ¡ß ³»ºÎ ½ºÅ¸ÀÏ ½ÃÆ®(Internal Style Sheet) ¡ß ¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ®(External Style Sheet) ¡ß ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ ¿ì¼± ¼øÀ§ 5. CSS¿¡¼ »ö ÁöÁ¤ ¹æ¹ý°ú ´ÜÀ§ ¾Ë¾Æº¸±â ¡ß »öÀ» ÁöÁ¤ÇÏ´Â ¹æ¹ý ¡ß CSS¿¡¼ »ç¿ëÇÏ´Â ´ÜÀ§
Chapter 2 Å׵θ®¿Í ¹Ú½º 1. Å׵θ® Á¾·ù ÁöÁ¤Çϱâ 2. Å׵θ® µÎ²² ÁöÁ¤Çϱâ 3. Å׵θ® »ö ÁöÁ¤Çϱâ 4. Å׵θ® µÎ²², ½ºÅ¸ÀÏ, »öÀ» Çѹø¿¡ ÁöÁ¤Çϱâ 5. Å׵θ® ¿©¹é ÁöÁ¤ÇÏ±â ¡ß Å׵θ® ¹Ù±ù ¿©¹é ÁöÁ¤ÇÏ±â ¡ß Å׵θ® ¾ÈÂÊ ¿©¹é ÁöÁ¤Çϱâ 6. Å׵θ® Å©±â ÁöÁ¤Çϱâ 7. Å׵θ® µÕ±Û°Ô ¸¸µé±â 8. ¹Ú½º ¸¸µé±â 9. ¹Ú½º¿¡ ±×¸²ÀÚ ¸¸µé±â 10. ¹Ú½º¸¦ °¡¿îµ¥ Á¤·ÄÇϱâ 11. ¹Ú½º¸¦ ¿·À¸·Î ³ª¿Çϱâ
Chapter 3 ¹è°æ°ú ¸µÅ© 1. ¹è°æ»ö ÁöÁ¤Çϱâ 2. ¹è°æ À̹ÌÁö ÁöÁ¤Çϱâ 3. ¹è°æ À̹ÌÁö À§Ä¡ Á¶ÀýÇϱâ 4. ¹è°æ À̹ÌÁö °íÁ¤½ÃÅ°±â 5. ¿©·¯ °³ÀÇ ¹è°æ À̹ÌÁö »ç¿ëÇϱâ 6. ¹è°æ À̹ÌÁö Å©±â Á¶ÀýÇÏ±â ¡ß ¼ýÀÚ °ªÀ¸·Î ¹è°æ À̹ÌÁö Å©±â Á¶ÀýÇÏ±â ¡ß contain°ú cover·Î ¹è°æ À̹ÌÁö Å©±â Á¶ÀýÇϱâ 7. ¹Ú½º³ª Æеù ±âÁØÀ¸·Î ¹è°æ À̹ÌÁö À§Ä¡ Á¶ÀýÇϱâ 8. ¹è°æ»öÀÇ Àû¿ë ¹üÀ§ Á¶ÀýÇϱâ 9. ¸µÅ© Ç¥½Ã Á¶ÀýÇÏ±â ¡ß ±âº» ¸µÅ© Ç¥½Ã Á¶ÀýÇÏ±â ¡ß »óÅ¿¡ µû¶ó ¸µÅ© Ç¥½Ã Á¶ÀýÇϱâ
Chapter 4 ÅؽºÆ®¿Í ÆùÆ® 1. ÅؽºÆ® »ö»ó°ú Á¤·Ä 2. ´ë¼Ò¹®ÀÚ º¯È¯°ú ÅؽºÆ®¿¡ ¼± ±ß±â 3. µé¿©¾²±â¿Í ÁÙ °£°Ý Á¶ÀýÇϱâ 4. ¹®ÀÚ¿Í ´Ü¾î °£°Ý Á¶ÀýÇϱâ 5. ´Ü¾î Áß°£ ²÷±â 6. ÆùÆ® Á¾·ù ÁöÁ¤Çϱâ 7. ÆùÆ® ½ºÅ¸ÀÏ°ú Å©±â ÁöÁ¤Çϱâ 8. ÆùÆ® ±½±â¿Í º¯Çü ÁöÁ¤Çϱâ
Chapter 5 Å×À̺í°ú ¸ñ·Ï 1. Å×ÀÌºí ¼±°ú »ö, °£°Ý ÁöÁ¤ÇÏ±â ¡ß Å×ÀÌºí ¼±À» 1°³¸¸ Ç¥½ÃÇÏ±â ¡ß Å×À̺í Çà Á¦¸ñ°ú ³»¿ëÀÇ »ö°ú ±½±â Á¶ÀýÇϱâ 2. Å×À̺í Å©±â¿Í Á¤·Ä ÁöÁ¤Çϱâ 3. °¡·Î ±¸ºÐ¼± Ç¥½ÃÇϱâ 4. Å×À̺í ÁÙ¹«´Ì Ç¥½ÃÇÏ±â ¡ß ¸¶¿ì½º¸¦ ¿Ã¸®¸é »ö º¯Çϱâ 5. ¼ø¼ ¾ø´Â ¸ñ·ÏÀÇ ±Û¸Ó¸® ±âÈ£ ÁöÁ¤Çϱâ 6. ¼ø¼ ÀÖ´Â ¸ñ·ÏÀÇ ±Û¸Ó¸® ±âÈ£ ÁöÁ¤Çϱâ 7. À̹ÌÁö·Î ¸ñ·ÏÀÇ ±Û¸Ó¸® ±âÈ£ Ç¥½ÃÇϱâ 8. ¸ñ·Ï µé¿©¾²±â 9. ¸ñ·ÏÀÇ Å©±â, °£°Ý, ¹è°æ»ö ÁöÁ¤Çϱâ
Chapter 6 À̹ÌÁö¿Í Æû 1. À̹ÌÁö Å©±â¿Í ¸ð¼¸® Á¶ÀýÇϱâ 2. À̹ÌÁö¿¡ Å׵θ®¿Í ±×¸²ÀÚ ³Ö°í Åõ¸íµµ Á¶ÀýÇÏ±â ¡ß À̹ÌÁö¿¡ Å׵θ® Ç¥½ÃÇÏ±â ¡ß À̹ÌÁö ±×¸²ÀÚ¿Í Åõ¸íµµ Á¶ÀýÇϱâ 3. Æú¶ó·ÎÀÌµå »çÁø ¸¸µé±â 4. ÅؽºÆ® ÇÊµå ½ºÅ¸ÀÏ ÁöÁ¤ÇÏ±â ¡ß input ÇÊµå ½ºÅ¸ÀÏ ÁöÁ¤ÇÏ±â ¡ß Å¬¸¯ÇÏ¸é »öÀÌ º¯ÇÏ´Â input ÇÊµå ¸¸µé±â ¡ß textarea ½ºÅ¸ÀÏ ÁöÁ¤ÇÏ±â ¡ß µå·Ó´Ù¿î ¸ñ·Ï½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
Chapter 7 ·¹À̾ƿô°ú ¸ÖƼ Ä÷³ 1. ºí·Ï ·¹º§ ¿ä¼Ò¿Í ÀζóÀÎ ¿ä¼Ò ¡ß ºí·Ï ·¹º§ ¿ä¼Ò¸¦ ÀζóÀÎ ¿ä¼Ò·Î º¯È¯ÇÏ±â ¡ß ÀζóÀÎ ¿ä¼Ò¸¦ ºí·Ï ·¹º§ ¿ä¼Ò·Î º¯È¯Çϱâ 2. ¹Ú½º¸¦ ¿·À¸·Î ³ª¿Çϱâ 3. ƯÁ¤ ¿ä¼Ò ¼û±â±â 4. ¿À¸¥ÂÊÀ̳ª ¿ÞÂÊ¿¡ ¹èÄ¡Çϱâ 5. ¹Ú½ºº¸´Ù Å« À̹ÌÁö Á¶ÀýÇϱâ 6. ¿ä¼ÒÀÇ À§Ä¡ ÁöÁ¤ÇÏ±â ¡ß »ó´ë À§Ä¡ ÁöÁ¤ÇÏ±â ¡ß Àý´ë À§Ä¡ ÁöÁ¤ÇÏ±â ¡ß °íÁ¤ À§Ä¡ ÁöÁ¤Çϱâ 7. ¸ÖƼ Ä÷³ Ç¥½ÃÇϱâ
Chapter 8 2D¿Í 3D º¯Çü 1. 2D º¯Çü ¸Þ¼Òµå ¡ß À̵¿ÇÏ±â ¡ß È¸ÀüÇÏ±â ¡ß Å©±â Á¶ÀýÇÏ±â ¡ß ±â¿ïÀ̱â 2. 3D º¯Çü ¸Þ¼Òµå ¡ß XÃàÀ¸·Î ȸÀüÇÏ±â ¡ß YÃàÀ¸·Î ȸÀüÇÏ±â ¡ß ZÃàÀ¸·Î ȸÀüÇϱâ
Chapter 9 º¯È¯°ú ¾Ö´Ï¸ÞÀÌ¼Ç 1. º¯È¯À» »ç¿ëÇÑ ¼Óµµ Á¶Àý°ú Áö¿¬ ½Ã°£ ÁöÁ¤ ¡ß º¯È¯ ¼Óµµ Á¶ÀýÇÏ±â ¡ß º¯È¯ Áö¿¬ ÁöÁ¤Çϱâ 2. º¯È¯°ú º¯Çü ÇÔ²² ÁöÁ¤Çϱâ 3. ¾Ö´Ï¸ÞÀÌ¼Ç »ç¿ë°ú ½Ã°£ ±¸°£ ÁöÁ¤ÇÏ±â ¡ß ±âº»ÀûÀÎ ¾Ö´Ï¸ÞÀÌ¼Ç »ç¿ëÇÏ±â ¡ß ¾Ö´Ï¸ÞÀÌ¼Ç ½Ã°£ ±¸°£ ÁöÁ¤Çϱâ 4. ¾Ö´Ï¸ÞÀÌ¼Ç Áö¿¬°ú ¹Ýº¹ ½ÇÇàÇϱâ 5. ¿ª¼ø ¶Ç´Â ¹ø°¥¾Æ °¡¸é¼ ¾Ö´Ï¸ÞÀÌ¼Ç ½ÇÇàÇϱâ 6. ¾Ö´Ï¸ÞÀÌ¼Ç ¼Óµµ Á¶ÀýÇϱâ
Chapter 10 ¹ÝÀÀÇü À¥ µðÀÚÀÎ 1. ºäÆ÷Æ® ¼³Á¤Çϱâ 2. ¹Ìµð¾î Äõ¸®·Î ¹è°æ»ö Á¶ÀýÇϱâ 3. ¹Ìµð¾î Äõ¸®·Î orientation ±¸ºÐÇϱâ 4. ¹Ìµð¾î Äõ¸®·Î ¹èÄ¡ Á¶ÀýÇϱâ
¹«¾ùÀ̵ç óÀ½ ¹è¿î´Ù´Â °ÍÀº Èûµç ÀÏÀÔ´Ï´Ù. ƯÈ÷³ª ÄÄÇ»ÅÍ ÇÁ·Î±×·¡¹ÖÀ» ¹è¿ì´Â °úÁ¤¿¡¼ ¿µ¾î·Î µÈ ¿ë¾îµéÀ̳ª ÀÍÇô¾ß ÇÒ ±ÔÄ¢µéµµ ¸¹¾Æ ¾î·Á¿òÀ» ´À³¢¸ç µµÁß¿¡ Æ÷±âÇÏ´Â °æ¿ì°¡ ¸¹½À´Ï´Ù. ÀÌ Ã¥Àº "ÄÚµù ù°ÉÀ½"À̶ó´Â ½Ã¸®Áî¸í¿¡ ¸Â°Ô HTML°ú CSS ÀÔ¹®ÀÚµéÀÌ ÇÑ ¹ß ÇÑ ¹ß À¥ µðÀÚÀÎÀÇ ¼¼°è·Î ³»µóÀ» ¼ö ÀÖµµ·Ï °¡À̵åÇÏ°í ÀÖ½À´Ï´Ù. À¥ ¹®¼ÀÇ ±Ù°£À» ÀÌ·ç´Â HTML¿Í CSS´Â À¥ µðÀÚÀ̳ÊÀÇ Çʼö Áö½ÄÀÔ´Ï´Ù. ÀÌ Ã¥À» ¸¶Ä¡°í ³ª¸é °£´ÜÇÑ À¥ ¹®¼ Á¤µµ´Â ½º½º·Î ÀÛ¼ºÇÒ ¼ö ÀÖÀ» °ÍÀ̸ç, ´Ù¸¥ »ç¶÷ÀÇ À¥ ¹®¼¸¦ ÀÐ°í ¼öÁ¤ÇÏ°í ¹ßÀü½Ãų ¼ö ÀÖ´Â ´É·ÂÀÌ ÀúÀý·Î »ý±æ °ÍÀÔ´Ï´Ù.
|
|
|
|
|