Web Design¡¤Publisher

UI±¸Çö(html+css3)

»õ·Î¿î ¸ð¹ÙÀϠǥÁØ html+css3 ÀÍÈ÷±â! »ç¿ëÀÚ °æÇèÀ» °í·ÁÇÑ À¥ »çÀÌÆ® Á¦ÀÛÀ» À§ÇØ UX/UI±³À° ¹× À¥µðÀÚÀΰú ´õºÒ¾î
UI±¸ÇöÀ» À§ÇÑ html + css3, ±×¸®°í À¥Ç¥ÁØÀ» ±³À°Çϴ °úÁ¤

  • ±³À°±â°£Á¤±Ô (1°³¿ù)
  • ÆòÀÏ°³°­08¿ù 05ÀÏ(¿ù) / ÁÖ¸»°³°­08¿ù 10ÀÏ(Åä)
  • °­Àǽð£19:10 ~ 22:00
  • ¸ðÁýÁ¤¿ø20¸í

Class Information

À¥ µðÀÚÀÎÀÇ ±âÃÊÀÎ À¥ Ç¥ÁØÀÇ ÀÌÇØ¿Í À¥Á¢±Ù¼ºÀ» ¹è¿ì°í HTML°ú CSS¸¦ È°¿ëÇÏ¿© À¥»çÀÌÆ®¸¦ Á¦ÀÛÇغ¸ÀÚ!
À¥ µðÀÚÀÎÀÇ ·¹À̾ƿô Á¾·ù¿Í ÄÚµù¹ý, ±×¸®°í ·¹À̾ƿô µðÀÚÀÎÀÇ Å×Å©´ÐÀ» ¹è¿ì´Â °úÁ¤!

´õ¿í ¹ßÀüµÈ À¥ µðÀÚÀÎ! ÁøÈ­ÇÑ HTML°ú CSS

HTML5Àº ±âÁ¸ÀÇ º¸¿©Áֱ⸸ ÇÏ´ø Á¤ÀûÀÎ À¥ÆäÀÌÁö¿¡¼­ µ¿ÀûÀÎ ÆäÀÌÁö¸¦ ±¸ÇöÇÒ ¼ö ÀÖ°Ô ¹ßÀüÇßÀ¸¸ç ´õ¿í ¸¹Àº ¸ÖƼ¹Ìµð¾î¿Í ±â´ÉÀ» Áö¿øÇÕ´Ï´Ù.
CSS3´Â ÀÌÀüÀÇ CSS2.1º¸´Ù Çâ»óµÈ ¼Ó¼ºµéÀ» Á¦°øÇÏ°í ¿ÜºÎÀÇ Ç÷¯±×ÀÎ ¾øÀÌ ¾Ö´Ï¸ÞÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ°Ô µÇ¾ú½À´Ï´Ù.

À¥ÆäÀÌÁö Á¦ÀÛÀ» À§ÇÑ
°¡Àå ±âº»ÀûÀÎ ¾ð¾î
HTML + CSS

HTMLÀ̶õ ¡°Hyper Text Markup Language¡±ÀÇ ÁÙÀÓ¸»·Î ű׵éÀ»
»ç¿ëÇؼ­ ¿øÇÏ´Â ÇüÅÂÀÇ ¹®¼­·Î ¸¸µé¾î À¥ÆäÀÌÁö¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù.
CSS3´Â ¡°Cascading Style Sheets¡±ÀÇ ÁÙÀÓ¸»·Î HTMLÀ» µðÀÚÀÎÇÒ ¶§
»ç¿ëÇÏ´Â ½ºÅ¸ÀÏ ½ÃÆ® ¾ð¾îÀÔ´Ï´Ù.

WEB DESIGN¡¤PUBLISHER ±³À°°úÁ¤ ÈƷôë»ó

  • À¥µðÀÚÀ̳ʸ¦ ²Þ²Ù´Â ¿¹ºñ À¥µðÀÚÀ̳Ê
  • À¥µðÀÚÀÎ ºÐ¾ß·Î Ãë¾÷À» Èñ¸ÁÇÏ´Â ½ÅÀÔ µðÀÚÀ̳Ê
  • À¥µðÀÚÀÎ ¶Ç´Â µðÀÚÀκо߿¡ °ü½É ÀÖÀ¸½Å Ãʺ¸ ÀÔ¹®ÀÚ
  • À¥ ÄÚµù ½Ç·ÂÀÌ ºÎÁ·ÇÑ À¥µðÀÚÀ̳Ê
  • À¥µðÀÚÀ̳ʿ¡¼­ À¥ÆÛºí¸®¼Å¸¦ Èñ¸ÁÇÏ´Â ºÐ
±âÃʺÎÅÍ ÅºÅºÇÑ À¥ ÄÚµùÀ» ½ÃÀÛÇغ¸¼¼¿ä!

À¥ Ç¥ÁØÀ» ÁؼöÇÏ´Â HTML ¸¶Å©¾÷ºÎÅÍ À¥ ÄÚµùÀ» ºü¸£°Ô ÇÒ ¼ö ÀÖ´Â Á¨ÄÚµù »ç¿ë¹æ¹ý,
´Ù¾çÇÑ CSS¿Í ¼Ó¼ºÀ» ¹è¿ì°í Äڵ带 ÃÖÀûÈ­ ÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù!

GCAÄÄÇ»ÅÍÇпø
±³À°°úÁ¤ÀÇ
3°¡Áö POINT ±³À°°úÁ¤À» ¼ö·áÇÏ¸é ¾òÀ» ¼ö ÀÖ´Â
ÇٽɴɷÂÀ» ¼Ò°³ÇÕ´Ï´Ù!

  • À¥ Ç¥ÁØÀ» ÁؼöÇÑ
    ÆäÀÌÁö Á¦ÀÛ
    À¥ Á¢±Ù¼ºÀ» ÁؼöÇÑ
    HTMLÀ» ÀÛ¼ºÇÕ´Ï´Ù
  • µðÀÚÀÎ ½Ã¾ÈÀ»
    À¥ ÆäÀÌÁö·Î ±¸Çö
    Æ÷Åä¼¥À¸·Î Á¦ÀÛÇÑ ½Ã¾ÈÀ»
    HTML°ú CSS·Î ±¸Çö°¡´É
  • CSS¸¸À» È°¿ëÇÏ¿©
    ¾Ö´Ï¸ÞÀÌ¼Ç Á¦ÀÛ
    Animation CSS¸¦ »ç¿ëÇÏ¿©
    µ¿ÀûÀÎ ¾Ö´Ï¸ÞÀÌ¼Ç Á¦ÀÛ °¡´É

GCA Curriculum

UI±¸Çö(html+css3) Ä¿¸®Å§·³

±³À°°úÁ¤Ä¿¸®Å§·³Ç¥
±³À°´ÜÀ§ ±³À°³»¿ë
À¥ Ç¥ÁØ ±âÃÊ
  • À¥ Ç¥ÁØÀÇ Á¤ÀÇ
  • À¥ Á¢±Ù¼ºÀÇ Á߿伺
  • DTDÀÇ Á¾·ù
CSS
  • CSSÀÇ ÀÌÇØ
  • CSSÀÇ »ç¿ë¹æ¹ý
À¥ Ç¥ÁØ ÄÚµù Base
  • DTDÁ¤ÀÇ
  • ÅؽºÆ®½ºÅ¸ÀÏ
  • CSS TIP & Tech
·¹À̾ƿô Å×Å©´Ð
  • ·¹À̾ƿôÀÇ Á¾·ù¿Í ÄÚµù¹ý
  • ·¹À̾ƿô tip

Student Review

¼ö°­»ý Èıâ

  • ¹®00¼ö°­»ý µðÁöÅÐÀ¥µðÀÚÀÎ ÃʱÞ(Æ÷Åä¼¥)
    ´õº¸±â

    Àú´Â Çѹøµµ Æ÷Åä¼¥µîÀÇ ÇÁ·Î±×·¥À» ´Ù·ïº» Àûµµ ¾ø°í °ü½É¸¸ ÀÖ´ø Ãʺ¸ÀÚ¿´´Âµ¥, ±×·¡¼­ ¼ÖÁ÷È÷ ¼ö¾÷À» µû¶ó°¥ ¼ö ÀÖÀ»±î °ÆÁ¤ÀÌ ¸¹¾Ò¾î¿ä. ±×·±µ¥ ¼±»ý´Ô²²¼­ ÇϳªÇϳª Â÷±ÙÈ÷ °¡¸£ÃÄÁֽðí Çлýµé ÇѸíÇÑ¸í ¼¼½ÉÇÏ°Ô ½Å°æ½áÁּ̽À´Ï´Ù. ½Ç¹«°æÇèµµ ¸¹À¸½Ã°í ±³À°°ü·Ã°æ·Âµµ ¸¹À¸¼Å¼­ ±âÁ¸ Ã¥¿¡´Â ¾È³ª¿ÍÀÖ´Â °Íµéµµ ¸¹ÀÌ °¡¸£ÃÄÁֽðí, ÀÚ½ÅÀÌ Ã£Àº ÁÁÀº ÀÛÇ°À̳ª ±×·± °Íµéµµ º¸¿©Áֽø鼭 ´õ ¸¹ÀÌ °¡¸£ÃÄÁֽ÷Á°í Çß¾î¿ä ! µ¢´Þ¾Æ¼­ Àúµµ ¿­½ÉÈ÷ ÇϰԵǴ ±×·± ¼ö¾÷ÀÌ¿´¾î¿ä! ÀÔ¹®¹Ý¼ö¾÷À» ³¡³Â´Âµ¥ ´ÙÀ½¿¡ ±âȸ°¡ µÈ´Ù¸é Á߱޹ݼö¾÷µµ ¶Ç µè°í ½Í³×¿ä~!

  • ÀÌ00¼ö°­»ý µðÁöÅÐÀ¥µðÀÚÀÎ ÃʱÞ(ÀÏ·¯½ºÆ®)
    ´õº¸±â

    ÀÏ·¯½ºÆ®¿Í Æ÷Åä¼¥¿¡ ´ëÇØ ¾Æ´Â °Í ¾øÀÌ ¼ö°­ÇÏ¿´½À´Ï´Ù. ÇÏÁö¸¸ °­»ç´Ô²²¼­ Â÷±ÙÂ÷±Ù ¼³¸íÇØÁÖ½Ã°í ¿¹Á¦¸¦ ÁÖ½Ã°í µû¶óÇϸç õõÈ÷ ÀÍÈ÷±â ÁÁ¾Ò½À´Ï´Ù. ¸ð¸£´Â°Å ÀÖÀ¸¸é Áú¹® ÇÒ ¼ö Àֱ⿡µµ ºÎ´ãÀÌ ¾ø¾ú½À´Ï´Ù. ´Ü±â°£ ¼ö¾÷À» ÁøÇàÇÏ¿´À½¿¡µµ ºÒ±¸ÇÏ°í Æ÷Åä¼¥°ú ÀÏ·¯½ºÆ® ±âÃÊ ´ÙÁú ¼ö À־ À¯ÀÍÇß´ø °Í °°½À´Ï´Ù.

  • ±è0¼ö°­»ý µðÁöÅÐÀ¥µðÀÚÀÎ ÃʱÞ(ÀÏ·¯½ºÆ®)
    ´õº¸±â

    óÀ½ ¾Æ¹«°Íµµ ¸ð¸£´Â »óÅ·ΠÀÔ½ÇÇÏ¿© Àü¹ÝÀûÀÎ ³»¿ëÀ» µéÀ¸¸ç Çϳª¾¿Çϳª¾¿ ½ÀµæÇÏ´Â °úÁ¤ÀÌ ¸Å¿ì Èï¹Ì°¡ ³ô¾Ò½À´Ï´Ù. Àß ¸øÇϴ°ŠÇϳª¾¿ ¼öÁ¤ÇØ ÁÖ½Ã¸ç ¾ÆÁ÷Àº ¾î·ÆÁö¸¸ Èï¹Ì¸¦ °¡Áö°í ÇÏ´Ùº¸´Ï ¹ú½á ¸¶Áö¸· ¼ö¾÷±îÁö À̼ö ÇÏ¿´À¸¸ç ±Ù·ÎÀÚ °úÁ¤ÀÌÁö¸¸ ½Ã°£ÀÌ ÂªÁö¾Ê¾Ò³ªÇÏ´Â »ý°¢µµ µé¾ú½À´Ï´Ù. ¾ÆÁ÷ óÀ½ ¼ö°­À̶ó ¸ð¸£°ÚÁö¸¸, Çѹø¿¡ ¸¹Àº½Ã°£À» ¼ö°­Çϱ⺸´Ü ¸çÄ¥ ³ª´©¾î¼­ ¼ö°­ Çϴ°͵µ ÁÁÀº ¹æ¾È Àϲ¨¶ó°í »ý°¢ µì´Ï´Ù. ÀÏÁÖÀÏ¿¡ Çѹø ¼ö°­ÇÏ°í ´ÙÀ½ ¼ö°­½Ã°£±îÁö´Â ±î¸Ô´Â ºÎºÐµµ À־ Á¶±Ý ¾î·Á¿ü½À´Ï´Ù. ±×·¸Áö¸¸ ¼¼¼¼ÇÏ°Ô Àß Áöµµ ÇØÁֽðí Çؼ­ Áñ°Å¿î ¼ö°­À» µéÀ»¼ö ÀÖ¾ú½À´Ï´Ù.

  • ¹Ú00¼ö°­»ý µðÁöÅÐÀ¥µðÀÚÀÎ ÃʱÞ(ÀÏ·¯½ºÆ®)
    ´õº¸±â

    ÄÄÇ»ÅÍ ±×·¡ÇÈÀÇ ¼¼°è¿¡ ´«À» ¶ß°Ô ÇØÁÖ´Â °­ÀÇ¿´½À´Ï´Ù. ÄÄÇ»ÅÍ·Î ÀÌ·± ÀÛ¾÷µµ °¡´ÉÇϱ¸³ª ÇÏ´Â °¨ÅºÀ» ÀÚÁÖ Çß½À´Ï´Ù. ÀüÀÚÃ¥ â¾÷À» ÁøÇàÇÏ°í ÀÖ´Â Àú·Î¼­´Â ±×·¡ÇÈÀ» ÀÚÀ¯·Ó°Ô ÀÀ¿ëÇÏ´Â °Ô ¼º°øÀÇ Áö¸§±æÀ̱⵵ ÇÕ´Ï´Ù. ƯÈ÷ Æú¸®°ï ¾ÆÆ®´Â ÄÄÇ»ÅÍ ¾ÆÆ®ÀÇ ÇÑ ´Ü¸éÀ» º¸¿©ÁÖ¾ú½À´Ï´Ù. ´Ù¸¸ ÀÌ·ÐÀû Ʋ, °ð ÀÏ·¯½ºÆ®·Î ÇÒ ¼ö ÀÖ´Â ÀÏ°ú ¾ÕÀ¸·Î Çسª°¥ ¼ö ÀÖ´Â ¿µ¿ª¿¡ ´ëÇÑ Á¤º¸¸¦ ÇÔ²² Àü´ÞÇßÀ¸¸é ´õ ÁÁ¾ÒÁö ¾Ê¾ÒÀ»±î ÇÏ´Â ¾Æ½¬¿òÀÌ »ì¦ ³²³×¿ä. °í¸¿½À´Ï´Ù. Àß ¹è¿ü½À´Ï´Ù.

MORE
°³ÀÎ ¸ÂÃãÇü Ãë¾÷Áö¿ø ÄÁ¼³ÆÃ

źźÇÑ °íÄ÷¸®Æ¼ Æ÷Æ®Æú¸®¿À·Î ÀÌÁ÷°ú Ãë¾÷ÀÌ ½¬¿î GCAÄÄÇ»ÅÍÇпø

  • Ãë¾÷Áö¿ø
    ÇÁ·Î±×·¥ ¼Ò°³
  • À̷¼­¡¤ÀÚ¼Ò¼­
    ÀÛ¼º¹ý ±³À°
  • ¸ðÀǸéÁ¢ ¹×
    Ãë¾÷ ÄÁ¼³ÆÃ
  • ¿¬°è±â¾÷
    Ãë¾÷¸ÅĪ
  • ¼º°øÀûÀÎ
    Ãë¾÷ ¹× ÀÌÁ÷

ºü¸¥ ¼ö°­·á¡¤½Ã°£Ç¥ Á¶È¸

ºü¸£°í °£ÆíÇÏ°Ô °ü½ÉÀÖ´Â ¼ö°­·á¿Í ½Ã°£Ç¥¸¦ Á¶È¸ÇÒ ¼ö ÀÖ½À´Ï´Ù.

ºü¸¥ ¼ö°­·á¡¤½Ã°£Ç¥ Á¶È¸½Åûǥ
--
°³ÀÎÁ¤º¸Ãë±Þ¹æħ