교육상세보기

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

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

교육과정 주요정보
교육기간 2021-12-30 ~ 2022-06-10 신청마감 2021-12-30
캠퍼스 부산직교  (문의 : 051-631-1175) 모집인원 20명
교육시간 09:00~16:30 1일 7교시 [월,화,수,목,금]
훈련수당 300,000원 [매달지급]

과정안내

반응형(웹퍼블리싱) & 웹디자인
Publishing & Design
다양한 종류의 디지털환경에서 제공되는 서비스ㆍ콘텐츠를 사용목적과 용도에 맞게 최적화하여 디자인하고 디자인요소를 시각화하여 효과적으로 구현하며 UI정보구조를 설계할 수 있는 커리큘럼입니다.

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

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

프론트엔드와 백엔드를 함께하는 개발자를 말합니다.

  • 중소기업에서는 한 사람이 여러 가지 업무를 담당하는 경우가 있어 풀스텍 개발자를 많이 채용합니다.
  • 중견 이상의 기업에서는 프론트엔드 분야와 백엔드 분야 관리를 위해 프로젝트 매니저(PM)형태로 채용을 하는 경우가 많습니다.

반응형 웹이란?

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

UI/UX 디자인이란?

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

이 과정의 강점은?

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

이런 내용들을 배워요

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

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

커리큘럼

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

취업분야

업체명담당업무업체명담당업무
마인즈 스톰 코리아 소프트웨어 개발 스테레오픽쳐 코리아 이미지 편집
스포츠 테크놀로지 제품 디자인 알앤엘 바이오 웹사이트 관리
에스엠지 이미지 디자인 위드웹 웹디자인
윙프로덕션 방송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

목록 수강신청

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