°³¶ËÀ̳׿¡¼ ÆÇ¸ÅµÈ "¿ÃÀοø À¥ ½Ç¹« °¡À̵å HTML5 & CSS3" Á¤°¡ 28,000¿ø Æò±ÕÇÒÀΰ¡
|
|
|
Chapter 01. À¥ Ç¥ÁØ(Web Standard) Section 01. ÀÎÅÍ³Ý È¯°æÀÇ º¯È¿Í º¯ÇÏÁö ¾Ê´Â À¥ÀÇ ¸ñÀû 1. À¥ ȯ°æÀÇ º¯È 2. À¥(Web)°ú ¾Û(Apps)ÀÇ Â÷ÀÌÁ¡ 1) ¾Û 2) À¥ 3) ¸ð¹ÙÀÏ È¯°æ¿¡¼ À¥°ú ¾ÛÀÇ Æ¯Â¡ ºñ±³ 3. º¯ÇÏÁö ¾Ê´Â À¥ÀÇ ¸ñÀû Section 02. ´Ù¾çÇÑ È¯°æ¿¡ ´ëÀÀÇϱâ À§ÇÑ ¼³°è¿Í ±â¼ú 1. Á¤º¸¸¦ ¼³°èÇÏ´Â ¹æ¹ý-HTML 1) XHTML 1.0 2) XHTML 1.0 ±âº» »çÇ× 3) [head] ¿µ¿ªÀÇ ¿ä¼Ò 4) [body] ¿µ¿ªÀÇ ¿ä¼Ò 5) À¥ Ç¥ÁØÀº [div]+CSS µðÀÚÀÎ? 2. ȯ°æº° UIÀÇ ±¸¼º-CSS : »ç¿ëÀÚ È¯°æº°·Î ´Ù¸¥ Ç¥Çö ¹æ½Ä 1) CSSÀÇ ±âº»Àû Ư¡ 2) CSS ¼±ÅÃÀÚ 3) CSS Combinator-CSS °áÇÕÀÚ 4) Group of Selector-¼±ÅÃÀÚ ±×·ì 5) CSSÀÇ °ª°ú ´ÜÀ§ 6) CSS ¼Ó¼º-Box Model°ú °ü·ÃµÈ ¼Ó¼º 7) CSS ¼Ó¼º-Inline Box¿Í °ü·ÃµÈ ¼Ó¼º 8) CSS ¼Ó¼º-º¸ÀÌ´Â À§Ä¡¿Í ÇüÅ¿¡ °ü·ÃµÈ ¼Ó¼º 9) CSS ¼Ó¼º-»ö»ó°ú ¹è°æ¿¡ °ü·ÃµÈ ¼Ó¼º 10) CSS ¼Ó¼º-Font¿Í °ü·ÃµÈ ¼Ó¼º 11) CSS ¼Ó¼º-Text¿Í °ü·ÃµÈ ¼Ó¼º 12) CSS ¼Ó¼º-»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¿Í °ü·ÃµÈ ¼Ó¼º 13) CSS ¼Ó¼º-Å×ÀÌºí ¿ä¼Ò Àü¿ë ¼Ó¼º 14) CSS ¼Ó¼º-¸®½ºÆ® ¿ä¼Ò Àü¿ë ¼Ó¼º 15) CSS ¼Ó¼º-ÇÁ¸°Æ®¿¡ °ü·ÃµÈ ¼Ó¼º 3. À¥ÀÇ ¾ÖÇø®ÄÉÀ̼ÇÈ-ÀÚ¹Ù½ºÅ©¸³Æ® : »ç¿ëÀÚ ÃøÀÇ µ¿Àû ¿ä¼ÒÀÇ ±¸Çö 1) ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ 2) Document Object Model(DOM) 3) ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº» »ç¿ë ¹æ¹ý 4) ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¿ä¼Ò ¼±ÅÃÇϱâ 5) ¼±ÅÃµÈ ¿ä¼Ò¿¡ ÀÚ¹Ù½ºÅ©¸³Æ®·Î ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ 6) ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÑ ¿ä¼ÒÀÇ Ãß°¡ »èÁ¦
Chapter 02. Â÷¼¼´ë À¥ Ç¥ÁØ(Next Web Standard) Section 03. À¥ÀÇ ÁøÈ - HTML 5/CSS 3 1. HTML 5-´õ ¸íÈ®ÇÑ Á¤º¸ ±¸Á¶¸¦ À§ÇÑ ÁøÈ 1) HTML 5ÀÇ ¿ä¼Ò ¼º°ÝÀÇ ±¸ºÐ Contents Model 2) HTML 5ÀÇ DOCTYPE 3) HTML 5ÀÇ °øÅë ¼Ó¼º 4) HTML 5ÀÇ ¿ä¼Ò 5) ¼½¼Ç ¿ä¼Òµé°ú ¾Æ¿ô¶óÀÎ ¾Ë°í¸®Áò-¸íÈ®ÇØÁø Á¤º¸ÀÇ ±¸Á¶È 6) ÅؽºÆ® ÀÇ¹Ì ¿ä¼ÒÀÇ °È-ÅؽºÆ® ½Ã¸àƽ ¿ä¼Ò 7) »ç¿ëÀÚÀÇ ÀÔ·ÂÀ» °ËÁõÇÏ°í µµ¿ÍÁÖ´Â ¼½Ä ¿ä¼Ò-Form 8) »õ·Î¿î Á¤º¸ ÇüÅÂ-[video], [audio], [canvas], [svg] 9) SVG-HTML 5·Î ´Ù½Ã ÁÖ¸ñ¹Þ´Â º¤ÅÍ ¹æ½Ä ±×·¡ÇÈ ¿ä¼Ò 2. HTML 5 API-¹®¼¿¡¼ ÀÀ¿ë ÇÁ·Î±×·¥À¸·ÎÀÇ ÁøÈ 1) canvas API 2) Cache Manifest 3) Web Storage 4) geolocation 3. CSS 3-Á¤º¸ ±¸Á¶¸¦ µ¸º¸ÀÌ°Ô Çϴ ǥÇö ¿ä¼Ò 1) [style]ÀÇ ÀÚü ¼Ó¼º°ú È®Àå Á¢µÎ»ç 2) »ö»ó °ü·Ã ¼Ó¼º 3) border °ü·Ã ¼Ó¼º 4) background °ü·Ã ¼Ó¼º 5) font¿Í text °ü·Ã ¼Ó¼º 6) »ç¿ëÀÚ È¯°æ¿¡ °ü·ÃµÈ ¼Ó¼º 7) ÄÜÅÙÃ÷ ¹èÄ¡¿¡ °üÇÑ ¼Ó¼º 8) ¿ä¼ÒÀÇ ÇüÅ º¯È¿Í ¾Ö´Ï¸ÞÀÌ¼Ç °ü·Ã ¼Ó¼º
Chapter 03. ½ÇÀü ¿¹Á¦(Web & Mobile Web Project) Section 04. HTML 5¿Í CSS 3¸¦ ÀÌ¿ëÇÑ À¥ »çÀÌÆ® Á¦ÀÛ 1. À¥ »çÀÌÆ® ±¸Ãà Áغñ 1) ÆÀ À¥ »çÀÌÆ®¸¦ À§ÇÑ Ãʱ⠱âȹȸÀÇ 2) °øÅë ºÎºÐÀÇ ÀÛ¼º 2. ÆäÀÌÁöº° ±¸¼º 1) ¸ÞÀÎ ÆäÀÌÁö 2) Àλ縻 ÆäÀÌÁö 3) ±¸¼º¿ø ¼Ò°³ ÆäÀÌÁö 4) Á¦ÀÛ ¹æ½Ä ÆäÀÌÁö 5) ´º½º ¸®½ºÆ® ÆäÀÌÁö 6) Color ÆäÀÌÁö 7) Contact ÆäÀÌÁö
Section 05. ¸ð¹ÙÀÏ À¥ »çÀÌÆ® Á¦ÀÛ 1. ¸ð¹ÙÀÏ À¥ »çÀÌÆ® ÀÛ¼º ½Ã °í·ÁÇÒ Á¡ 1) W3C Mobile Web Best Practice 2) Mobile Web 2.0 ForumÀÇ moblie ok 3) ¸ð¹ÙÀÏ À¥ÀÇ Çö½ÇÀûÀÎ °í·Á 2. ¸ð¹ÙÀÏ ´ëÀÀ ¹æ¾ÈÀÇ ¼±Á¤ 1) ´ëÀÀÇÏÁö ¾Ê±â 2) µ¥ÀÌÅÍ ·¹º§¿¡¼ÀÇ ºÐ¸® 3) ±¸Á¶ ·¹º§¿¡¼ÀÇ ºÐ¸® 4) Ç¥Çö ·¹º§¿¡¼ÀÇ ºÐ¸® 3. coForward »çÀÌÆ® ¸ð¹ÙÀÏ ´ëÀÀ ±âȹ 1) ´ëÀÀ ¹æ¾ÈÀÇ ¼±Á¤ 2) ÄÜÅÙÃ÷ÀÇ Á¡°Ë 3) µðÀÚÀÎ ¹æ¾È 4. ¸ð¹ÙÀÏ ´ëÀÀ »çÀÌÆ® ±¸¼º 1) ȯ°æÀÇ ±¸¼º 2) ¸ð¹ÙÀÏ È¯°æÀÇ Æ¯Â¡°ú ±¸¼º 3) ¸ð¹ÙÀÏ¿ë CSSÀÇ Àû¿ë°ú Ãß°¡ÀûÀÎ ÀÛ¾÷
HTML 4/HTML 5 ÅÂ±× ºñ±³Ç¥ ã¾Æº¸±â
¾Õ¼ °¡´Â À¥ Á¦ÀÛÀÚ¸¦ À§ÇÑ À¥ Ç¥ÁØ È°¿ë¼ Â÷¼¼´ë À¥ Ç¥ÁØÀÇ ¸ðµç °Í, HTML 5·Î Á¦ÀÛµÈ ¸ð¹ÙÀÏ À¥ »çÀÌÆ®(http://coforward.com) ±¸Ãà »ç·Ê ¼ö·Ï
* ÀÌ Ã¥ÀÇ Æ¯Â¡ Â÷¼¼´ë À¥ Ç¥ÁØ ±â¼úÀÎ HTML 5¿¡ ´ëÇÑ »ó¼¼ÇÑ ¼³¸í HTML 5 ¹× CSS 3, SVG, CANVAS¿¡ ´ëÇÑ ½ÇÀü ¿¹Á¦¿Í Çؼ³ HTML 5¸¦ ÀÌ¿ëÇÑ ¸ð¹ÙÀÏ ´ëÀÀ ÇÁ·ÎÁ§Æ® ½ÇÀü »ç·Ê ¼ö·Ï Áö¼ÓÀûÀÎ Á¤º¸ ¾÷µ¥ÀÌÆ®¸¦ À§ÇÑ Áö¿ø »çÀÌÆ® ¿î¿µ
* ÀÌ Ã¥Àº ´©°¡ ºÁ¾ß ÇÒ±î¿ä? ¿Ã¹Ù¸¥ Á¤º¸ ±¸Á¶¸¦ ¼³°èÇÏ°íÀÚ ÇÏ´Â ±âȹÀÚ À¥ÀÇ Ç¥Çö ¹üÀ§¸¦ ³ÐÈ÷°íÀÚ ÇÏ´Â µðÀÚÀÌ³Ê Â÷¼¼´ë À¥ ±â¼úÀ» ÀÍÈ÷°íÀÚ ÇÏ´Â °³¹ßÀÚ N Screen ½Ã´ë¸¦ ÁغñÇÏ°íÀÚ ÇÏ´Â ¸ðµç À¥ Á¦ÀÛÀÚ
ÀÌ Ã¥ ÇÑ ±Ç¿¡ Â÷¼¼´ë À¥ Ç¥ÁØ¿¡ °üÇÑ ¸ðµç ³»¿ëÀ» ´ã¾Ò´Ù. ¿ì¼± HTML 5·Î Á¦ÀÛÇÏ¿© ¿î¿µ ÁßÀλçÀÌÆ®(http://coforward.com)¸¦ ¿¹Á¦·Î »ç¿ëÇß°í, ½ÇÁ¦ ÀÛ¾÷ ´Ü°èÀÎ ±âȹºÎÅÍ µðÀÚÀÎ, ¼³°è±îÁöÀÇ °úÁ¤À» ´ã¾Ò´Ù. ÇöÀç À¥ Ç¥ÁØÀÎ XHTML 1.0&CSS 2ºÎÅÍ Â÷¼¼´ë À¥ Ç¥ÁØÀÎ HTML 5&CSS 3±îÁö ÃÑ Á¤¸®ÇÏ¿© ±¸¼ºÇß°í, ¶ÇÇÑ SVG, CANVAS, API¸¦ Çѹø¿¡ ÀÍÈú ¼ö ÀÖµµ·Ï ´õ »ó¼¼ÇÏ°Ô ¼Ò°³Çß´Ù. ±×¸®°í, À¥ »çÀÌÆ®¿Í ¸ð¹ÙÀÏ À¥ »çÀÌÆ®¸¦ ½Ç½ÀÇÒ ¼ö ÀÖ´Â ³»¿ëÀ» ½ÇÀü ¿¹Á¦ ÆÄÆ®¿¡¼ ´Ù·ð´Ù. Áö¿ø »çÀÌÆ®(http://book.coforward.com)¸¦ ÅëÇØ ÀÌ Ã¥ÀÇ ¸ðµç ¿¹Á¦¸¦ Á÷Á¢ È®ÀÎÇÒ ¼ö ÀÖÀ¸¸ç, µ¶ÀÚ ¿©·¯ºÐ°ú ÀÇ°ßÀ» ±³È¯ÇÒ ¼ö ÀÖ´Â °Ô½ÃÆÇÀ» ¿î¿µÇÏ°í ÀÖ´Ù.
|
|
|
|
|