교육상세보기

(스마트혼합)반응형웹디자인&웹퍼블리셔(C)

교육기간
2021-12-13 ~ 2022-06-09
교육시간
09:00~16:40 1일 7교시 [월,화,수,목,금]
모집인원
25명
수강료
전액무료
훈련수당
116,000원 [매달]
자비부담
본인부담금 없음
캠퍼스
서면 051-753-5600
반응형 웹퍼블리싱 & 웹디자인 과정
Publishing & Design
서비스 기획, 웹디자인, 웹 퍼블리싱 구현에 이르기 까지 전 과정에 대한 능력을 함양하고 사용하는 기기의 화면 크기를 인식하여 리사이징 해주는 반응형 사이트를 트렌디하게 제작할 수 있는 커리큘럼입니다.

본 과정은 스마트훈련 과정으로 훈련교과 중 일부가 온라인콘텐츠로 운영됩니다.

스마트훈련과정이란?
최근 코로나로 인하여 비대면 교육의 필요성이 대두되어 고용노동부에서는 기존의 집체교육 방식에서 탈피하여 온라인과 집체교육을 병행할 수 있는 훈련과정을 활성화하려 노력하고 있습니다.
이에 온라인 콘텐츠를 포함한 훈련과정을 스마트훈련으로 구분하고 있으며 HRD-Net에서 조회되는 훈련과정명 옆에 표기하고 있습니다.

본 과정은 총 훈련시간 844시간 중 온라인콘텐츠 교과는 85시간(10%)입니다.
온라인콘텐츠를 선정한 기준은 이론 내용으로 구성되어져 혼자서도 충분히 학습이 가능한 교과로 편성하였습니다.
해당 콘텐츠는 한국기술교육대학교의 평생능력개발원 또는 한국직업능력개발원에서 개발한 공공콘텐츠입니다.

온라인콘텐츠 교과 - 총 7개 교과, 교과명(시간)
프레젠테이션(11), 배색(색채디자인)(16), 색채디자인 기획(12), 시안 디자인 개발 기초(10), 디자인 자료화(13), 디자인 제작 관리(13), 비주얼 아이데이션 구상(10)

훈련목표

  • 디자인 씽킹을 바탕으로 한 확산적 사고를 통해 프로토 타입 제작 및 사용성 테스트, 객관적 사용성 정의 및 분석 능력을 기르고 시각화 작업 능력을 함양할 수 있다.
  • 프로토 타입 제작을 바탕으로 한 정보 구조 및 설계를 통해 사용자 중심의 디자인 구성요소를 설계 및 디자인 제작할 수 있다.
  • 만들어진 작업물의 보완 사항을 파악하고, 발견된 보완 사항을 수정해 완성도를 높이는 능력을 함양할 수 있다.
  • UI 요구 사항을 확인하여 UI 설계를 기반으로 화면을 구현하고 UI를 디자인하는 능력을 함양할 수 있다.
  • 반응형 구현을 위한 표준 마크업을 수행하고 jQuery를 활용하여 동적인 인터페이스를 제작할 수 있다.
  • 프로젝트의 콘셉트에 맞는 여러 가지 디자인 시안을 응용하여 제작하는 능력을 함양할 수 있다.

주요 학습 내용

이 과정의 강점은?

훈련내용의 특징
  • 본 과정에서는 모든 분야에서 온라인이나 디지털 화면과 연관 지을 수 있는 각종 서비스를 제공하는 인터페이스를 디자인하고 반응형 화면 개발과 코딩에 대한 기본 지식까지 갖추어 개발자들과의 협업을 윤활적으로 수행할 수 있고 보다 종합적인 시야와 전문성을 함양하여 현장에 바로 투입될 수 있는 숙련성 및 적응력을 향상시킬 수 있습니다.
  • 웹디자인 분야 취업의 핵심인 포트폴리오를 교강사의 1:1 코칭을 통해 퀄리티 있게 완성할 수 있습니다.
우수한 교강사진
  • 10년 이상의 강의 경력 및 실무 경력과 컴퓨터교육, 멀티미디어, 시각디자인 전공자로 편성된 강사진 운영
  • 훈련생의 현장 적응력을 높이기 위한 현실적인 실무 교육 가능

수강생들의 솔직 후기

  • 잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
  • 짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
  • 학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
  • 사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
  • 강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
  • 수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
  • 코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
  • 비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

포트폴리오 더보기

커리큘럼

NCS 전공교과
교과목NCS능력단위(요소)
프로토타입 [0802010413_16v2] 프로토타입 기초데이터 수집 및 스케치
[0802010414_16v2] 프로토타입 제작 및 사용성 테스트
디자인구성 [0802010415_16v2] 디자인 구성요소 설계
구현및수정 [0802010406_13v1] 수정 보완
디자인구성 [0802010416_16v2] 디자인 구성요소 제작
구현및수정 [0802010418_16v3] 구현
[0802010419_16v3] 구현 응용
시안디자인 [0802010120_16v2] 시안 디자인 개발 응용
[0802010121_16v2] 시안 디자인 개발 심화
서비스·경험디자인 [0802010619_17v3] 서비스·경험디자인 시나리오 개발
UX·UI디자인 [0803020912_18v3] 스마트문화앱 UI 디자인
[0803020911_18v3] 스마트문화앱 UX 설계
비 NCS 교과(실기)
전공구분과목명(단원명)교과내용
반응형 퍼블리싱 웹표준 마크업 1.1 HTML5 마크업 문법을 이해하고 표준형 페이지를 제작 할 수있다.
1.2 CSS3의 활용법을 익혀서 페이지를 스타일링 할 수 있다.
1.3 트랜지션 스타일을 활용하여 동적인 스타일링을 구현 할 수있다.
반응형 기술 2.1 뷰포트를 비교하고 미디어쿼리를 활용 할 수 있다.
2.2 가변그리드, 가변마진, 가변폰트 등을 이해하여 유동형 박스를 제작 할 수 있다.
2.3 미디어 쿼리를 활용하여 페이지 구조를 변경 할 수 있다.
제이쿼리 적용 3.1 제이쿼리 라이브러리 사용방법을 이해하고 제이쿼리 구조를 작성 할 수 있다.
3.2 제이쿼리로 이벤트와 스타일을 처리할 수 있다.
3.3 적용한 제이쿼리 플러그인에 미디어 쿼리를 추가하여 반응형으로 재편집 할 수 있다.
반응형 실전프로젝트 프로젝트 기획 1.1 반응형 웹사이트 시나리오를 작성 할 수 있다.
1.2 스토리보드를 완성하여 제작할 반응형 사이트를 설계 할 수 있다.
프로젝트 제작 2.1 화면크기별 상세요소 및 웹화면을 디자인 할 수 있다.
2.2 화면크기별로 리사이징이 되는 반응형 페이지로 퍼블리싱 할 수 있다.
검증 및 보수 3.1 설계한 내용을 바탕으로 반응형 동작성을 확인 할 수 있다.
3.2 콘텐츠를 보수하고 업데이트한다.
3.3. 최종 검수한다.

수강생들의 솔직 후기

  • 잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
  • 짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
  • 학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
  • 사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
  • 강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
  • 수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
  • 코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
  • 비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

포트폴리오 더보기

취업분야

업체명담당업무업체명담당업무
마인즈 스톰 코리아 소프트웨어 개발 스테레오픽쳐 코리아 이미지 편집
스포츠 테크놀로지 제품 디자인 알앤엘 바이오 웹사이트 관리
에스엠지 이미지 디자인 위드웹 웹디자인
윙프로덕션 방송AD/작가 유한종합상사 웹사이트 관리
익스트림씨앤씨 웹디자인 케이지엔 웹디자인
크리드시스템 영상 편집 한국청년여행사 웹디자인 관리
모브텔 앰배서더 부산 머피스 웹디자인 관리 드림미디어 이미지 편집
부산인터넷 방송국 웹디자인 부산 프로덕션 영상 편집
스페이스 웹 웹디자인 신화컬렉션 웹디자인
악수하는 사람들 웹디자인 에코홈 웹디자인
예소 편집 디자인 우리광고기획 광고 디자인
월드오브뮤직 웹디자인 관리 월드전자 웹디자인 관리
주식회사 다다통상 웹디자인 관리 CJ CGV 웹디자인
코리아 아이티 솔루션 웹디자인 일신설계종합건축사무소 웹디자인 관리
함께하는 의료 소비자 협동조합 웹디자인 관리    

수강생들의 솔직 후기

  • 잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
  • 짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
  • 학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
  • 사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
  • 강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
  • 수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
  • 코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
  • 비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

포트폴리오 더보기

FAQ

Q.학생인데 수업 들을 수 있나요?

A. 졸업까지 남은 수업연한이 2년을 초과하는 경우 참여하실 수 있습니다.
(4년제 대학 재학생은 2학년 2학기 종료시점부터, 2년제는 입학시점부터)

Q.국민내일배움카드가 없는데 신청할 수 있나요?

A. 저희 훈련과정에 대한 상담 및 신청을 하신 뒤 국민내일배움카드 발급 신청을 하면 됩니다.

국민내일배움카드 신청은 온/오프라인 두 가지 입니다.
1.온라인: HRD-Net(www.hrd.go.kr)에서 카드 신청
2.오프라인: 고용센터 직접 방문하여 카드 신청

Q.기초가 전혀 없는데 참여할 수 있나요?

A. 기초가 없어도, 관련 전공자가 아니어도 훈련 참여 가능합니다.
훈련과정의 참여자 중 전공자의 비중은 대략 10~20%정도 됩니다. 학력 또한 다양하여 고졸 학력이신 분들도 전문 과정에 참여하여 취업으로 연계되고 있습니다.

훈련초기의 난이도는 처음 접하시는 분들에게 다소 생소하고 어렵게 느껴질 수는 있으나 진도를 따라가기가 크게 어렵지는 않습니다.

지원하시는 분들에게는 개강일까지 자택에서 선수학습을 하실 수 있도록 온라인 강좌를 무료로 제공해 드리고 있어 이부분만 시청하고 오시더라도 기초 학습수준은 갖추실 수 있기때문에 너무 걱정하지 않으셔도 됩니다.

Q.나이 제한은 없는가요?

A. 만 15세 이상 만 75세 미만의 구직자라면 국비교육 참여 가능합니다.
다만, 실습 위주의 학습 내용이라 실습을 위한 컴퓨터활용 능력이 없으면 선발하지 않을 수 있습니다.

Q.수강하면 취업할 수 있나요?

A.네. 취업 가능합니다.
저희기관 훈련과정의 취업률은 보통 80~90% 입니다.
취업지원은 저희 캠퍼스별 전문 취업지원팀에서 실시하고 있으며 각 과정의 CM(담임교사)이 함께 도와드리고 있습니다.
특히 취업지원은 취업니즈 조사에 따라 훈련생분의 취업희망 지역, 업종, 업무 등을 고려하여 추천해드리고 있습니다.

Q.타지역에 거주하고 있는데 참여할 수 있나요?

A.네. 참여할 수 있습니다.
* 통학버스나 기숙사는 제공하고 있지 않으니 참고바랍니다.

Q.발급받은 국민내일배움카드로 다른 훈련과정을 들었는데 신청할 수 있나요?

A.참여하는 훈련과정의 종류가 국가기간전략훈련인 경우 1회에 한해서 전액 국비지원으로 참여할 수 있습니다.
훈련 참여 이력 중 국가기간전략훈련이 있는지 확인이 필요하며 이는 HRD-Net 홈페이지나 어플에서 확인하실 수 있습니다.
보다 정확한 건 고용센터에 문의하시면 됩니다.

Q.본인 부담금은 얼마인가요? 교재는 구매해야 하나요?

A. 국가기간전략훈련(장기훈련과정)은 본인 부담금이 없습니다.(전액 지원)
단, 주중 단기 및 주말 과정은 자비부담금액이 발생하며, 정확한 금액은 HRD-Net 에서 확인 가능합니다.
교재는 따로 구매하실 필요 없으며, 무상 제공됩니다.

Q.개인 노트북으로 수업참여할 수 있나요?

A. 네. 개인 노트북으로 수업 참여 가능합니다.

Q.자습이 가능한가요?

A. 네. 평일은 자습이 가능합니다.
광안점 : 오후 5시 30분까지, 서면점 : 오후 6시까지 가능합니다.