교육상세보기

국기과정(전액지원)디자인

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

교육과정 주요정보
교육기간 2021-05-20 ~ 2021-11-19 신청마감 2021-05-20
캠퍼스 부산IT  (문의 : 051-753-5600) 모집인원 25명
교육시간 09:00~15:30 1일 6교시 [월,화,수,목,금]
훈련수당 300,000원 [매달지급]

과정안내

반응형 웹퍼블리싱 & 웹디자인 과정
Publishing & Design
서비스 기획, 웹디자인, 웹 퍼블리싱 구현에 이르기 까지 전 과정에 대한 능력을 함양하고 사용하는 기기의 화면 크기를 인식하여 리사이징 해주는 반응형 사이트를 트렌디하게 제작할 수 있는 커리큘럼입니다.

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

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

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

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

훈련목표

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

주요 학습 내용

이 과정의 강점은?

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

커리큘럼

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. 최종 검수한다.

취업분야

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

지원방법

지원절차
  • 본 과정에 참여하기 전 반드시 노동부 계좌카드 발급을 하셔야하며, 아래의 순서에 따라 등록하면 빠르고 편리하게 진행이 가능합니다.
step01
홈페이지에서
온라인지원
step02
수영 or 서면캠퍼스 방문
step03
관할고용센터 방문
및 상담 (2주 소요)
step04
국민내일배움카드
발급 후 훈련참여

계좌발급 관할고용센터 (주민등록상 주소지 기준)
관할센터 관할지역 주소 및 연락처
부산고용복지플러스센터 영도구, 연제구, 중구, 부산진구, 서구, 동구, 남구 부산광역시 부산진구 양정2동 중앙대로 993 시청 옆
T 051.860.1919
동부고용복지플러스센터 수영구, 기장군, 금정구, 동래구, 해운대구 부산광역시 수영구 광안3동 수영로 676 수영교차로
T 051.760.7101
북부고용복지플러스센터 북구, 사상구, 강서구 부산광역시 북구 화명3동 화명대로 9 화명 기차역 부근
T 051.330.9900
사하고용복지플러스센터 사하구 부산광역시 사하구 낙동남로1400 정우헤리티지 8~10층(하단동)
T 051.520.4900

목록

입학신청 문의하기 국비지원안내 캠퍼스안내 자주묻는질문 맨위로 ▲