교육상세보기

반응형(웹퍼블리싱)&웹디자인B

교육기간
2022-01-06 ~ 2022-06-17
교육시간
09:00~16:30 1일 7교시 [월,화,수,목,금]
모집인원
20명
수강료
4,270,440원전액무료
훈련수당
116,000원 [매달]
자비부담
본인부담금 없음
캠퍼스
광안 051-631-1175
반응형(웹퍼블리싱) & 웹디자인
Publishing & Design
다양한 종류의 디지털환경에서 제공되는 서비스ㆍ콘텐츠를 사용목적과 용도에 맞게 최적화하여 디자인하고 디자인요소를 시각화하여 효과적으로 구현하며 UI정보구조를 설계할 수 있는 커리큘럼입니다.

프론트엔드 디자인 전문가 양성 과정

프론트엔드(Front-end) 디자이너는 홈페이지를 구성할 때 사용자가 처음 보는 페이지를 구성하고 개발하는 역할을 합니다.
사용자의 눈에 보이지 않는 부분을 개발하는 백엔드 개발자와 반대로, 눈에 보이는 부분을 개발하는 웹디자이너 및 퍼블리셔가 여기에 속한다고 할 수 있습니다.
  • 포토샵, 일러스트레이터, HTML, CSS, jQuery, JavaScript를 주로 이용합니다.
  • 프론트엔드 디자이너는 프리랜서로의 업무가 많아 비대면 시대에 가장 각광받고 있는 분야 중 하나입니다.

반응형 웹이란?

PC 모니터, 태블릿, 핸드폰 등 다양한 출력 단말기에 대응하기 위해 화면 사이즈에 맞게 자동으로 홈페이지 구성 요소의 사이즈와 배치를 변경하도록 제작된 홈페이지를 말합니다.

UI/UX 디자인이란?

UI (User Interface)는 사용자가 실제로 보게되는 색상, 디자인, 레이아웃 등 시각적인 요소를 말하며, UX (User Experience)는 사용자가 어떤 제품을 이용하면서 느끼는 반응과 행동을 설계하는 것입니다.
제품 사용 시 큰 불편함 없이 효율적으로 이용하여 높은 만족도를 느낄 수 있도록, 사용자 중심의 디자인을 수행하는 것이 UI/UX 디자인이라 할 수 있습니다.

이 과정의 강점은?

  • 실무에서 필요로 하는 웹디자인의 이론을 기반으로 디자인 콘셉트와 전략을 기획, 설계, 디자인하는 전반적인 교육을 다루고 있으며, 반응형과 jQuery 교과를 이수하여 별도의 현장 재교육없이 실무에 적응할 수 있도록 훈련내용을 구성하였습니다.
  • 웹디자인 분야 취업의 핵심인 포트폴리오를 교강사의 1:1 코칭을 통해 퀄리티 있게 완성할 수 있습니다.
훈련기관의 전문성
  • 축적된 직업 훈련 운영 경험 및 직업 훈련 분야에 특화된 전문 조직과 체계적인 사업 수행 능력보유
  • 정부 4개부처 인증 인적 자원 개발 우수 기관 인증(2008년) 및 고용노동부, 한국직업능력개발원이 선정한 우수 훈련기관 협의체 훈련기관 선정(2014년) 등의 수상 경력 보유

이런 내용들을 배워요

분야내용관련교과
기획 및 설계 웹제작 전과정의 프로세스를 파악하고 웹디자인에 대한 기본기를 갖출 수 있습니다. - 서비스경험디자인
- 스마트문화앱 UX설계
- 디자인구성요소설계
웹디자인 ADOBE 그래픽 프로그램을 활용하여 그래픽과 디자인 시안을 제작하고 프로토타입을 완성할 수 있습니다. 웹콘텐츠 디자이너로서 갖추어야 할 소양과 고급 포트폴리오 제작을 목표로 합니다. - 시안디자인
- 프로토타입
- 디자인구성요소제작
- UI디자인
웹퍼블리싱 HTML/CSS 웹퍼블리싱
그래픽이나 프로토타입 프로그램을 통해 완성된 화면 디자인을 웹브라우저에 구현할 수 있도록 웹표준 및 웹접근성의 퍼블리싱을 수행합니다. 공통CSS를 제작하여 기본페이지를 반응형 레이아웃으로 제작하고 CSS3의 스타일링을 하드코딩으로 수행하여 각종 템플릿이나 솔루션을 커스터마이징할 수 있는 고급퍼블리싱을 구현할 수 있습니다.

자바스크립트
자바스크립트 문법을 익혀서 라이브러리에 활용할 수 있는 스크립트 능력을 익히고 동적인 웹페이지를 구현할 수 있습니다.
- 웹표준 퍼블리싱 구현, 수정보완
프로젝트 각 과목마다 미니프로젝트 제작을 수행하고 최종 프로젝트 과목에서 그동안 제작한 프로젝트들과 과제들을 바탕으로 포트폴리오를 제작합니다. - 전 과목

수강생들의 솔직 후기

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

Portfolio

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

포트폴리오 더보기

커리큘럼

NCS 전공교과
교과목NCS능력단위(요소)
프로토타입 0802010413_16v2 프로토타입 기초데이터 수집 및 스케치
0802010414_16v2 프로토타입 제작 및 사용성 테스트
디자인구성 0802010415_16v2 디자인 구성요소 설계
0802010416_16v2 디자인 구성요소 제작
0802010417_16v2 디자인 구성요소 응용
구현 및 수정 0802010406_13v1 수정 보완
0802010418_16v3 구현
0802010419_16v3 구현 응용
시안디자인 0802010121_16v2 시안 디자인 개발 심화
서비스경험디자인 0802010619_17v3 서비스·경험디자인 시나리오 개발
UX/UI 디자인 0803020911_18v3 스마트문화앱 UX 설계
UX/UI 디자인 0803020912_18v3 스마트문화앱 UI 디자인
비 NCS 교과 (실기)
교과목단원세부내용
반응형퍼블리싱 웹표준 마크업 1.1 HTML5 마크업 문법을 이해하고 표준형 페이지를 제작할 수 있다.
1.2 CSS3의 활용법을 익혀서 페이지를 스타일링 할 수 있다.
1.3 트랜지션 스타일을 활용하여 동적인 스타일링을 구현할수있다.
반응형 기술 1.1 뷰포트를 비교하고 미디어쿼리를 활용할 수 있다.
1.2 가변 그리드, 가변 마진, 가변 폰트 등을 이해하여 유동형 박스를 제작할 수 있다.
1.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시까지 가능합니다.