|
|
|
ÀϽà : |
2006-08-10 (¸ñ)
10:00~18:00
|
| |
Àå¼Ò : | ¿ª»ï¿ª Æ÷½ºÆ¿ 3Ãþ À̺¥Æ®È¦ |
| |
°»ç : |
¹Ú¼ö¸¸|Á¶ÈÆ|½ÅÇö¼®
|
| |
°¡°Ý : | 99,000¿ø I 79,200¿ø |
|
|
|
|
|
CSS & À¥Ç¥ÁØ ½Ç¹« Àû¿ë ¿öÅ©¼¥ 2006 |
|
|
|
|
|
|
|
|
±¹³» À¥Ç¥ÁØ µµ¼ ÀúÀÚµéÀÇ ³ëÇϿ츦 Á÷Á¢ ¸¸³´Ù!
|
|
|
|
*º» ¿öÅ©¼¥¿¡ µî·ÏÇϽô ¼±Âø¼ø 20ºÐ(ÀԱݼø)²² ¾Æ·¡ÀÇ µµ¼¸¦ µå¸³´Ï´Ù.
|
* 1¸í ~ 10¸í : À¥ 2.0À» À̲ô´Â ¹æźÀ¥ | ´í ¾¾´õȨ Àú / ¹Ú¼ö¸¸ ¿ª | ¿¡ÀÌÄÜÃâÆÇ»ç
* 11¸í ~ 20¸í : ½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ | ´í ¾¾´õȨ Àú / ¹Ú¼ö¸¸ ¿ª | ¿¡ÀÌÄÜÃâÆÇ»ç |
|
- °»ç : ¹Ú¼ö¸¸|Á¶ÈÆ|½ÅÇö¼®
- ÀϽà : 2006³â 8¿ù 10ÀÏ(¸ñ) 10:00 ~ 18:00
- Àå¼Ò : ¿ª»ï¿ª Æ÷½ºÆ¿ 3Ãþ À̺¥Æ®È¦
- °¡°Ý : »çÀüµî·Ï 99,000¿ø / ÇöÀåµî·Ï 110,000¿ø(ºÎ°¡¼¼/±³Àçºñ Æ÷ÇÔ)
|
¡Ø ÁÖÂ÷°¡ ºÒ°¡´ÉÇÏ¿À´Ï ´ëÁß±³ÅëÀ» ÀÌ¿ëÇØ ÁÖ¼¼¿ä.
ÁÖÂ÷Áö¿øÀº ÇÏÁö ¾Ê½À´Ï´Ù. |
|
|
|
|
|
|
|
|
|
|
|
|
|
- CSS ¹× À¥Ç¥ÁØÀ» ½Ç¹«¿¡ Àû¿ëÇϱ⠿øÇÏ´Â À¥±âȹÀÚ, µðÀÚÀ̳Ê, °³¹ßÀÚ
- CSS ¹× À¥Ç¥ÁØ ÇÁ·ÎÁ§Æ® °æÇèÀÌ ¾ø´Â À¥°³¹ß °ü·Ã ½Ç¹«ÀÚ
- CSS ¹× À¥Ç¥ÁØ¿¡ °ü½ÉÀÌ ÀÖ´Â ¸ðµç ºÐ
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- À¥Ç¥ÁØÀÇ Á߿伺°ú ºñÁî´Ï½ºÀû °¡Ä¡¸¦ ÀνÄÇÑ´Ù.
- CSS ¹× À¥Ç¥ÁØ ½Ç¹« Äü°¡À̵带 ÅëÇØ ÇÙ½É Àû¿ë ¹æ¾ÈÀ» »ìÆ캻´Ù.
- CSS¸¦ ÀÌ¿ëÇÑ µðÀÚÀÎ/°³¹ß »ç·Ê µ¥¸ð¸¦ ÅëÇØ ÇÁ·ÎÁ§Æ® Àü°úÁ¤ÀÇ ´Ü°èº° ÇÁ·Î¼¼½º¸¦ »ìÆ캻´Ù.
- ½ÇÁ¦ À¥Ç¥ÁØÀ» ½Ç¹« ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇÏ´Â ¹æ¾ÈÀ» °í¹ÎÇغ»´Ù.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Å×À̺í ű״ Á×¾ú´Ù! - CSS¸¦ ÀÌ¿ëÇÑ À¥»çÀÌÆ® ±¸Ãà(µðÀÚÀÎ, ±âȹ, °³¹ß) Àü·«
¾ÆÁ÷µµ À¥ÆäÀÌÁö ·¹À̾ƿô¿¡ Å×À̺í ű׸¦ »ç¿ëÇϽŴٱ¸¿ä?
·¹À̾ƿôÀ» Àâ±â À§ÇØ ½À°üÀûÀ¸·Î »ç¿ëÇÏ´ø 'Å×À̺í ű״ ÀÌÁ¦ Á×¾ú½À´Ï´Ù!'
Å×À̺í ű״ ǥ ÀÛ¾÷½Ã¿¡¸¸ »ç¿ëÇϵµ·Ï, º»¿¬ÀÇ ÀÓ¹«¸¦ ã¾ÆÁà¾ß ÇÕ´Ï´Ù.
¸¹Àº À¥ÇÁ·ÎÁ§Æ®¿¡¼ Å×À̺í ÅÂ±× ¾È¿¡ ¶Ç ´Ù¸¥ Å×À̺í ű׸¦ ¹Ýº¹ »ç¿ëÇؼ ·¹À̾ƿôÀ» Àâ´Â ÀÏÀÌ ¹ú¾îÁ³½À´Ï´Ù.
ÀÌ·± °æ¿ì ³ªÁß¿¡ ÀϺΠÅ×À̺í ű׸¦ »èÁ¦Çϸé, Àüü ·¹À̾ƿôÀÌ ±úÁ®¹ö¸®´Â ¹®Á¦°¡ ¹ß»ýÇÕ´Ï´Ù.
¶Ç, ÀÛÀº ¼öÁ¤½Ã¿¡µµ º¹ÀâÇÏ°Ô ¾ôÇôÀÖ´Â ¼Ò½º ÄÚµå ¶§¹®¿¡ ÀÛ¾÷ÇÒ ¾öµÎ°¡ ³ªÁú ¾Ê´Â °æÇèÀ» Çغ¸Áö ¾ÊÀ¸¼Ì½À´Ï±î?
À¥µðÀÚÀ̳Ê, À¥±âȹÀÚ, À¥°³¹ßÀÚ ¿©·¯ºÐ...
ÀÌÁ¦´Â CSS¸¦ È°¿ëÇؼ À¥»çÀÌÆ®¸¦ ±¸ÃàÇØ¾ß ÇÕ´Ï´Ù.
µ¥ÀÌÅÍ¿Í ½Ã°¢ÀûÀΠǥÇöÀº ±¸ºÐÇØ¾ß ÇÕ´Ï´Ù.
¼¼°èÀûÀ¸·Î À¥Ç¥ÁØ¿¡ µû¸¥ À¥»çÀÌÆ® ±¸ÃàÀÌ ´ë¼¼·Î ÀÚ¸®Àâ°í ÀÖ½À´Ï´Ù.
¼±ÁøÈµÈ À¥È¯°æÀÇ °¡À̵å¶óÀÎÀ» Á¦°øÇÏ´Â À̹ø 'CSS & À¥Ç¥ÁØ ½Ç¹« Àû¿ë ¿öÅ©¼¥'À» ÅëÇØ ¾Õ¼ ³ª°¡½Ê½Ã¿À!
´Ù¾çÇÑ À¥Ç¥ÁØ ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇØ¿À½Å Àü¹®°¡ 3ÀÎÀÇ ³ëÇϿ츦 ÅëÇØ CSSÀÇ À§·Â°ú À¥Ç¥ÁØÀÇ Á߿伺À» ¹è¿öº¸½Ã±â ¹Ù¶ø´Ï´Ù.
* ¾Æ·¡´Â Å×À̺í ű׸¦ »ç¿ëÇÏÁö ¾Ê°í CSS·Î ·¹À̾ƿôÀ» ÀâÀº ´ëÇ¥ÀûÀÎ »çÀÌÆ®ÀÔ´Ï´Ù. Á÷Á¢ ¹æ¹®Çؼ ¸ÞÀÎ ÆäÀÌÁöÀÇ ¼Ò½º¸¦ È®ÀÎÇØ º¸¼¼¿ä.
¡Ø ÀÌ·¸°Ô º¹ÀâÇÑ »ó¿ë »çÀÌÆ®µµ Å×À̺í ÅÂ±× ¾øÀÌ CSS¸¸ ÀÌ¿ëÇؼ ·¹À̾ƿô(div ÅÂ±× »ç¿ë)À» Àâ¾Ò½À´Ï´Ù.
|
|
|
|
|
|
|
|
|
|
|
|
|
ÀÏ Á¤ |
±³ °ú ¸ñ ¸í |
° »ç |
1ºÎ - CSS ¹× À¥Ç¥ÁØ Äü °¡À̵å |
1¼¼¼Ç
10:00~10:50
(50ºÐ) |
¡á ¿Ö À¥Ç¥ÁØÀΰ¡?
1. À¥Ç¥ÁØ¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ÀÌÇØ
2. À¥Ç¥ÁØ »çÀÌÆ® Á¦ÀÛ¿¡ ´ëÇÑ ÀÌÇØ
3. Àǹ̸¦ »ì¸° ¸¶Å©¾÷ ÀÛ¼ºÇϱâ |
¹Ú¼ö¸¸ ´ëÇ¥
(ÁÖ)´õºíÆ®·¢ |
10:50 ~ 11:00
(10ºÐ) |
Break Time |
2¼¼¼Ç
11:00~12:00
(60ºÐ) |
¡á CSS ¹× À¥Ç¥ÁØ¿¡¼ °¡Àå ¸¹ÀÌ »ç¿ëÇÏ´Â Tips
1. ³»ºñ°ÔÀÌ¼Ç ¸Þ´º¹Ù ¸¸µé±â
2. flickr ½ºÅ¸ÀÏÀÇ À̹ÌÁö ¸Ê ¸¸µé±â
3. À̹ÌÁö ¹Ú½º ±â»ç ¸¸µé±â
4. ÀÚÀ¯ÀÚÀç·Î ³ô³·ÀÌ°¡ Á¶ÀýµÇ´Â ¸Þ´º¹Ù ¸¸µé±â
5. ±úÁöÁö ¾Ê´Â »óÀÚ ¸¸µé±â |
¹Ú¼ö¸¸ ´ëÇ¥
(ÁÖ)´õºíÆ®·¢ |
12:00~13:20
(80ºÐ) |
Lunch Time |
3¼¼¼Ç
13:20~14:10
(45ºÐ) |
¡á CSS µðÀÚÀÎ ÃÖÀûÈ
1. HII(Human Information Interacion) µðÀÚÀÎ ¼Ò°³
2. HII ±â¹Ý »ç¿ëÀÚ Á᫐ CSS µðÀÚÀÎ ¹æ¹ý
3. ºê¶ó¿ìÀú ±â¹Ý µðÀÚÀÎ ¼Ò°³
4. ºê¶ó¿ìÀú ±â¹Ý µðÀÚÀÎ utility ¹× È°¿ë¹ý
5. ºê¶ó¿ìÀú ±â¹Ý onestop µðÀÚÀÎ + ¸¶Å©¾÷ |
Á¶ ÈÆ
´ÙÀ½Ä¿¸Ó½º |
4¼¼¼Ç
14:10~15:00
(45ºÐ) |
¡á CSS °³¹ß ÃÖÀûÈ
1. CSS ÃÖÀûÈ ¼Ò°³
2. CSS »ó¼Ó°ú °ãħ(cascade)ÀÇ ÀÌÇØ ¹× È°¿ë
3. µðÀÚÀÎ ¿ä¼Òº° ¸ðµâÈ ¼Ò°³
4. CSS¸¦ ÀÌ¿ëÇÑ µðÀÚÀÎ ¿ä¼Òº° ¸ðµâÈ ¹æ¹ý |
Á¶ ÈÆ
´ÙÀ½Ä¿¸Ó½º |
15:00~15:20
(20ºÐ) |
Break Time |
2ºÎ - CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð |
5¼¼¼Ç
15:20~16:20
(60ºÐ) |
¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 1
1. Contents : ±¸¼º¿ä¼Ò È®ÀÎ
1.1 ½ºÅ丮º¸µå¿Í µðÀÚÀÎ ¼Ò½º
1.2 ±¸¼º¿ä¼Ò ¸ðÅ©¾÷
2. Markup : ±¸Á¶ Á¦ÀÛÇϱâ
2.1 ¹®¼Å¸ÀÔ ¼±Åà ¿ä·É
2.2 ±âº» HTML ±¸Á¶¿¡ µû¸¥ ´ÜÀ§ ÆÄÀÏ ÀÛ¼º
2.3 ±×·ì : div, span
2.4 ½Äº°ÀÚ : id, class
2.5 Á¦¸ñÀÇ »ç¿ë
2.6 Àǹ̿¡ ¸Â´Â ű×ÀÇ »ç¿ë
2.7 À̹ÌÁöű×? ¹è°æÀ̹ÌÁö? |
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì |
6¼¼¼Ç
16:20~17:00
(40ºÐ) |
¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 2
3. CSS : µðÀÚÀÎ Àû¿ëÇϱâ
3.1 ¼¿·ºÅÍ »ç¿ë ¹æ¹ý
3.2 @import¸¦ ÀÌ¿ëÇÑ ÆÄÀÏ ±¸¼º
3.3 ·¹À̾ƿô : position vs. float
3.4 ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ
3.5 ¹è°æÀ̹ÌÁö Àû¿ë ¹æ¹ý
3.6 HACK? |
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì |
17:00~17:10
(10ºÐ) |
Break Time |
7¼¼¼Ç
17:10~18:00
(50ºÐ) |
¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 3
4. Script : ¹®¼¿¡ ¿òÁ÷ÀÓ ÁÖ±â
4.1 Unobtrusive Javascript
4.2 Å©·Î½º ºê¶ó¿ì¡ Àü·«
5. °ËÅä
5.1 W3C Markup Validation
5.2 W3C CSS Validation
5.3 Á¢±Ù¼º |
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì |
** »ó±â ÀÏÁ¤, °»ç, ³»¿ëÀº »çÁ¤¿¡ µû¶ó º¯°æµÉ ¼ö ÀÖ½À´Ï´Ù.
|
|
|
|
|
|
|
|
|
|
|
|
|
½ÅÇö¼® ÆÀÀå / ¢ß ½Ãµµ¿ì eBIÆÀ
úÞ (ÁÖ)½Ãµµ¿ì À¥Ç¥ÁØÈ ÃßÁøÆÀ ÆÀÀå
¿ù°£ Web ±â°í-À¥ Ç¥ÁØ°ú Á¢±Ù¼º Çâ»óÀ» À§ÇÑ Æ¯º°°ÁÂ:CSS Á¦´ë·Î ¾²±â
http://hyeonseok.com ¼ÒÇÁÆ®¿þ¾î ÁøÈï¿ø - ½ÇÀü À¥Ç¥ÁØ °¡À̵å 2005 °øÀú
|
|
|
|
|
|
|
|