Shopinside

Step6. HTML & CSS ±âÃÊ

±³À° ÇÁ·Î±×·¥ ¾È³»

±³À° ÇÁ·Î±×·¥ ¾È³»
ÇнÀ´ë»ó
  • ¿¹ºñâ¾÷ÀÚ
  • ¸¶ÄÉÅÍ
  • µðÀÚÀ̳Ê
  • CEO/ÀÓ¿ø
ÇнÀ³­À̵µ
  • ÃʱÞ
  • Áß±Þ
  • °í±Þ
±³À° ÇÁ·Î±×·¥ Àüü ¾È³»

±³À°ÀÏÁ¤

¼ö°­½Åû

±³À°ÀÏÁ¤
2016. 08. 23(È­) 14:00~18:00 (4½Ã°£)
±³À°Àå¼Ò
¸ÞÀÌÅ©¼¥.Ç÷¹ÀÌ.
¸ðÁýÀοø
15¸í (¼±Âø¼ø ¸¶°¨)
¼ö°­·á
10,000¿ø
½Åû¼ö·®

up

down

ea

°­ÀÇ Á÷ÀüÀÏ 14:00 ¼ö°­ ½Åû ¸¶°¨ / ÀÌÈÄ ½Åû ¿øÇÒ ½Ã, À¯¼± ¹®ÀÇ

°­Á¼Ұ³
¡Ø¿øŬ¸¯ °­ÀÇ ¼ö°­ ½Ã Æ÷Åä¼¥ 50% ÇÒÀÎ ÄíÆùÀ» µå¸³´Ï´Ù.
¿øŬ¸¯ °­ÀÇ ½Åû ¹Ù·Î°¡±â
¹®ÀÇÀüÈ­ : 02-6903-9504


HTML? CSS? ÄÚµù? ÀÌ·±°Ç À¥µðÀÚÀ̳ʳª °³¹ßÀÚ°¡ Çϴ°Š¾Æ´Ñ°¡¿ä?
¼îÇθô ¿î¿µÀ» Çϸ鼭 ÀÌ·± ÄÚµù¹ýÀ» ¹è¿ö¾ß ÇÒ±î¿ä?

¹è¿ö¾ß ÇÕ´Ï´Ù!
¿ì¸®°¡ ¹°°ÇÀ» ÆǸÅÇÏ´Â Àå¼Ò´Â ¹Ù·Î À¥»óÀÌÁÒ,
±×·¸´Ù¸é À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â ±âº»¾ð¾îÀÎ HTMLÀÇ ´ëÇÑ ÀÌÇØ°¡ ÀÖ¾î¾ß
¿ì¸® ¼îÇθôµµ Á¦´ë·Î ±¸ÃàÇØ ³¾ ¼ö ÀÖÁö ¾ÊÀ»±î¿ä?

Àü¹®°¡ÀÇ ¼öÁرîÁö ¿äÇÏÁö ¾Ê½À´Ï´Ù.
ÇÏÁö¸¸ ¾î¶»°Ô Çؼ­ ¸µÅ©°¡ °É¸®°í, À̹ÌÁö°¡ º¸¿©Áö°í,
¾î¶»°Ô Çؼ­ ÀÌ·± ¸ð½ÀÀÌ ±¸ÇöÀÌ µÇ´ÂÁö ¿ø¸®¸¦ ÆľÇÇؾß

ÈÄ¿¡ »çÀÌÆ®°ü¸® ½Ã ¹®Á¦°¡ »ý°åÀ» °æ¿ì³ª,
¿ÜÁÖ¾÷ü ¶Ç´Â ÇØ´ç ´ã´çÀÚ¿Í ¸¶ÂûÀÌ ºÒ°ÅÁ³À» ¶§
¿øÈ°ÇÑ Ä¿¹Â´ÏÄÉÀ̼ÇÀ» Àϱų¾ ¼ö ÀÖ½À´Ï´Ù.

¸µÅ© Çϳª ¹Ù²ÙÀÚ°í ¸î¸¸¿ø ÅõÀÚÇÏ½Ç °Ç°¡¿ä??
°£´ÜÇÑ HTML&CSS¿ø¸®¸¦ ÀÌÇØÇÏ¿© ¸¸´É ¼îÇθô ¿î¿µÀÚ°¡ µÇ¾îº¸¼¼¿ä


¡ØÇØ´ç±³À°Àº öÀúÈ÷ Ãʺ¸ÀںеéÀ» ´ë»óÀ¸·Î ÁøÇàµÇ´Â °­ÁÂÀÔ´Ï´Ù. Áß±ÞÀÌ»óÀÇ CSS±³À°À» ¿øÇϽô ºÐµéÀº Step. 07 °³º°µðÀÚÀÎ °­ÀǸ¦ ¼ö°­ÇÏ¿©Áֽñ⠹ٶø´Ï´Ù.
¡Ø100%½Ç½À¼ö¾÷À¸·Î Á¤½Ã¿¡ ±³À°ÀÌ ÁøÇàµÇ¸ç, ¼ö¾÷¿¡ ´ÊÀ» °æ¿ì Áøµµ¸¦ µû¶ó¿À½Ç ¼ö ¾øÀ½À» ¾Ë·Áµå¸³´Ï´Ù.


-----------------------------------------------------------------------------------------------------------------------------------------
¡Ø¼¥ÀλçÀÌµå ¼îÇθô±¸Ãà ´Ü°èº° °­Á ¾È³»¡Ø
°­ÀǸíÀ» Ŭ¸¯ÇϽøé ÇØ´ç ÆäÀÌÁö·Î À̵¿ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.

Step.01 ÀÎÅͳݿ¡°¡°Ô¿­ÀÚ
Step.02 ¿øŬ¸¯À¸·Î »óÀ§¼îÇθô µû¶óÀâ±â
Step.03 ¼îÇθô Æ÷Åä¼¥ ÀÔ¹®°úÁ¤
Step.04 ¼îÇθô »ó¼¼ÆäÀÌÁö Á¦ÀÛ
Step.05 ÁÖ°£ »óÇ°»çÁøÃÔ¿µ
Step.05 ¾ß°£ »óÇ°»çÁøÃÔ¿µ
Step.06 Html&Css±âÃÊ
Step.07 °³º°µðÀÚÀÎ D4

¡ÚStep.02 ¿øŬ¸¯°úÁ¤ ¼ö°­ ½Ã " Step.03 Æ÷Åä¼¥, Step.04 »ó¼¼ÆäÀÌÁö, Step.06 Html&Css ±âÃÊ " °úÁ¤ 50%ÇÒÀιÞÀ¸¼Å¼­ ¼ö°­ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
Ä¿¸®Å§·³

 

±¸ºÐ

Á¦¸ñ

³»¿ë

Part. 1

HTML°ú CSSÀÇ Çʿ伺

¼îÇθô ¿î¿µ¿¡ ÀÖ¾î HTMLÀÇ Á߿伺

Part. 2

HTMLÀÇ ÀÌÇØ

HTMLÀ̶õ ¹«¾ùÀΰ¡?

HTMLÀÇ ±âº»±¸Á¶

Part. 3

±âº»Tag ÀÍÈ÷±â

HTMLÀÇ ±âº»¾ð¾îÀÎ Tag

Inline¿ä¼Ò¿Í Block¿ä¼ÒÀÇ ´ëÇÑ ÀÌÇØ

ÆùÆ®Tag¸¦ ÅëÇØ ¹®¼­ ÀÛ¼ºÇϱâ

Part. 4

À̹ÌÁö, ¸µÅ© TagÀÍÈ÷±â

À¥ÆäÀÌÁö¿¡¼­ ¾ø¾î¼­´Â ¾ÈµÇ´Â a Tag

¼­¹ö¿Í °æ·Î°ª¿¡ ´ëÇÑ ÀÌÇØ

Tag¸¦ ÀÌ¿ëÇÏ¿© À̹ÌÁö »ðÀÔ ¹× ¸µÅ©°É±â

Part. 5

CSSÀÇ ÀÌÇØ

CSS¶õ ¹«¾ùÀΰ¡?

CSSÀÇ »ç¿ë¹ý°ú ¹®¹ý(¾ÆÀ̵ð¿Í Ŭ·¡½º)

Part. 6

CSSÀÇ ¼Ó¼º

ÆùÆ®, ÅؽºÆ® °ü·Ã ¼Ó¼º

Box¸¦ Ç¥ÇöÇÏ´Â ¿©·¯°¡Áö ¼Ó¼º

°£°ÝÁ¶ÀýÀº Padding°ú MarginÀ¸·Î

À§Ä¡Á¦¾î¸¦ ÅëÇØ CSS Markup ½Ç½À

 

°­»ç¼Ò°³

¸ÞÀÌÅ©¼¥ ±³À°ÆÀ

 

- 2003³â 1¿ù ¿ÀÇÂ

 

- ¼îÇθô â¾÷ÀÚ / ¿î¿µÀÚ ´ë»ó, ¿Â ¿ÀÇÁ¶óÀÎ ±³À° ¹× ÇØ¿ÜÁ÷±¸ ±³À° Á¦°ø

 

- ¼¥ÀλçÀÌµå ºí·Î±× ¿î¿µ(http://blog.naver.com/shopinside)

 

- Àü¹®°¡ »ó´ã °Ô½ÃÆÇ ¿î¿µ

 

- Àü±¹ ±³À°±â°ü (Ư¼ºÈ­ °í±³, ´ëÇб³, Á÷¾÷Çб³, Çпø) ±³À° ¼­ºñ½º Á¦°ø

À¯ÀÇ»çÇ×

¢º ±³À° ³»¿ëÀ» ¹«´Ü »ç¿ë, º¹Á¦ ¶Ç´Â ¹èÆ÷ÇÒ °æ¿ì ÀúÀ۱ǹý¿¡ ÀÇÇØ Ã³¹úµË´Ï´Ù.

¢º º» ±³À°Àº »óȲ¿¡ µû¶ó Ä¿¸®Å§·³ÀÌ ÀϺΠº¯°æµÉ ¼ö ÀÖ½À´Ï´Ù.

¢º ±³À° ÃÖ¼ÒÀοøÀÌ ¸ðÁýµÇÁö ¾ÊÀ» °æ¿ì Ãë¼Ò ¹× ¿¬±âµÉ ¼ö ÀÖ½À´Ï´Ù. ±³À° Ãë¼Ò ½Ã¿¡´Â ȸ¿øÁ¤º¸¿¡ ±âÀçµÈ ¿¬¶ôó·Î »çÀü ¿¬¶ô(À¯¼±¾È³», ¹®ÀÚ)À» µå¸³´Ï´Ù.

¢º °³ÀÎÁ¤º¸ ¹®Á¦·Î ÀÎÇØ °­»ç´ÔÀÇ °³º° ¿¬¶ôó´Â ¹®ÀÇ Çϼŵµ µû·Î ¾Ë·Áµå¸®Áö ¾Ê½À´Ï´Ù. ¿¬¶ôó°¡ ÇÊ¿äÇϽŠºÐµéÀº °­ÀÇ°¡ ³¡³­ ÈÄ ¸íÇÔÀ̳ª À̸ÞÀÏ µîÀ» Á÷Á¢ ¼ö·ÉÇϽñ⠹ٶø´Ï´Ù.

¢º ¼ö°­ÀοøÀÌ ¸¶°¨ µÈ °æ¿ì ´ÙÀ½ °­ÀÇ ÀÏÁ¤À» ½ÅûÇØÁֽðųª À¯¼±À¸·Î ¹®ÀÇ ¹Ù¶ø´Ï´Ù. 

¢º °­ÀÇ Á÷ÀüÀÏ 14:00 ÀÌÈÄ¿¡´Â ¼ö°­½ÅûÀÌ ¸¶°¨µË´Ï´Ù. (Á÷ÀüÀÏ 14:00 ÀÌÈÄ ½ÅûÀ» ¿øÇÏ½Ç °æ¿ì, À¯¼±¹®ÀÇ ¹Ù¶ø´Ï´Ù.)​

 

¿À½Ã´Â±æ

ÀÚ¼¼È÷º¸±â

¸ÞÀÌÅ©¼¥.Ç÷¹ÀÌ. : ¼­¿ï ¸¶Æ÷±¸ ¿Í¿ì»ê·Î3±æ 27


¢º ÁÖ¼Ò : ¼­¿ï½Ã ¸¶Æ÷±¸ ¿Í¿ì»ê·Î3±æ 27 3Ãþ

¢º ÁöÇÏö ÀÌ¿ë ½Ã : 6È£¼± »ó¼ö¿ª 4¹ø Ãⱸ (Á÷ÁøÀÌ ¾Æ´Ñ Ãⱸ ÁÂÃøÀ¸·Î ±æµû¶ó ¿À¼Å¾ß ÇÕ´Ï´Ù), µµº¸ 300m

¢º ÁÖÂ÷ : ÁÖÂ÷ÇÒ °ø°£ÀÌ ¾ø½À´Ï´Ù. ´ëÁß±³ÅëÀ» ÀÌ¿ëÇØ ÁÖ¼¼¿ä. 

¢º ¿À½Ã´Â ±æ ÀÚ¼¼È÷ º¸±â ¢¸

 

±³À°Èıâ

Àüü Èı⠺¸±â

Ä¿¸®Å§·³ ¾È³»
ÀÛ¼ºÀÚ ±³À°Èı⠸¸Á·µµ
***i99 ¾ËÂù °­ÀÇ¿´½À´Ï´Ù. º°º°º°º°º°
***bel ¹Ý³ªÀý»ÓÀÎ °­ÀÇ¿´Áö¸¸ ¾÷¹«¸¦ º¸´Âµ¥ ¾ÆÁÖ µµ¿òÀÌ ¸¹ÀÌ µÇ¾ú½À´Ï´Ù. º°º°º°º°º°
******717 ³Ê¹« ±âÃʶó Á߱޹ݵµ »ý°åÀ½ ÁÁ°Ú¾î¿ä º°º°º°º°