설문조사 NCS평가 회원가입 로그인

대구국비지원

HOME 대구국비지원

교육상세보기

교육과정 주요정보

스마트 반응형 웹 디지털디자인


교육과정 주요정보
분류 국가기간전략산업 > 스마트웹디자인
과정명 스마트 반응형 웹 디지털디자인 [종료]
교육기간 2020.11.16 ~ 2021.05.06
시간·요일 09:00~16:30 (7) [월,화,수,목,금]
수강료 전액무료
본인부담금 0원
훈련수당 116,000원 (매달지급)
실습비ㆍ교재비 전액무료 자부담 없음 (매월최대 40만원 차등지급)
교육장소 본관203호
모집인원 22
사용자 등록이미지
 
 사용자 등록이미지 
 
 
4차산업 1인 미디어 시대!
 
스마트 반응형 웹코딩 필수!!
 
소셜커머스 / 스마트미디어 이제는 시작해야합니다!


스마트 반응형 웹 디자인


  프론트엔드 엔지니어링  

 

사용자 등록이미지

 

어떤 스마트기기에서도 최적의  홈페이지 구현

 

대한민국은 정보통신이 강한 나라인 만큼 IT관련 직업이 타 직업군에 비해 활성화되어 있습니다. 특히 요즘은 초등학생 의무교육에도 코딩이 들어가 있을 정도입니다. 그래서 새로운 일자리 미래에서도 입지가 단단한 새로운 직종을 찾기 위해서 코딩에 많은 관심이 쏠리고 있습니다. 특히 스마트폰의 사용량 급증으로 인해, 모바일로 인터넷을 이용하는 사람들이 늘어남에 따라 웹디자인도 자연스럽게 모바일을 중심으로 기술력이 향상되기 시작한다고 합니다. 특히 PC와 모바일의 웹사이트 환경을 최적화 시켜주는 스마트 반응형 웹디자인 기술을 보유한 사람들이 보다 더 취업에 유리하다고 합니다.






[smart Responsive Web Design]
 
 
사용자 등록이미지
 
 사용자 등록이미지 
 
 
최근 들어 스마트폰의 보급이 급속히 확대되고 가입자가 급속히 증가하는 스마트폰 시대에 맞춰 모바일 기반에 최적화 된 새로운 UI, UX와 콘텐츠로 웹사이트를 구성하여 사용자가 이용하기 쉽고 스마트폰 사용자의 경험(UX)을 이해하고 인터페이스(UI) 디자인 경향을 분석하여 보다 쉽고 빠르게 모바일 웹사이트에 접근할 수 있도록 스마트폰에 최적화된 웹사이트 제작에 중점을 두고 적용 및 구현하는 과정입니다.
 
 
사용자 등록이미지

미래일자리 준비!
스마트 모바일은 기본입니다.


 
사용자 등록이미지
 
 
 
 
사용자 등록이미지 
 
 
 
 
 
 
 
4차 산업혁명과 더블어 현재도 미래도
우리손을 떠나지 않는 스마트폰!
미래 일자리정보! 4차산업 혁명의 기반 기술
스마트폰 앱 & 웹 개발!


스마트폰에서 사용 할 수 있는 앱 개발 실력을 쌓는것은 미래 일자리 중심에 서 있는 것 입니다.

 

사용자 등록이미지
 
 

사용자 등록이미지

 
 
 사용자 등록이미지
 
 
 
 
 
 
 
 
사용자 등록이미지
 
 
 
 사용자 등록이미지
 
 
웹사이트 제작에서 웹디자이너 또는 프로그래머가 디자인하고 웹코딩한 것을 웹표준성과 웹접근성에 부합하도록 웹표준(국제 표준화 단체인 W3C가 지정한 표준안에 따라 목적과 방법에 맞게 웹 페이지를 만드는 것), 웹접근성(장애인뿐만 아니라 모든 사람이 인터넷 공간에서 손쉽게 정보를 얻을 수 있도록 웹사이트를 제작하는 것), 크로스브라우징(Cross Browsing, 어떤 웹 브라우저를 써도 화면이 똑같이 나오고, 브라우저에 따라 입력과 사용에 문제가 생기지 않음), 시멘틱마크업(어떤 사용자 환경에서도 브라우징에 제약이 없도록 하는 코딩) 원칙에 맞추어 다시 코딩(재정리)하며 작업 결과물을 웹기획자 등에게 전달하여 운영중인 웹사이트를 점검하는 중요 역할을 한다.
 
 
 
 
 

본 기관의 스마트 웹 디지털 디자인 과정은 반응형웹디자인 기술을 습득, 다양한 스마트기기 플랫폼에 적용 가능한 스마트 웹&앱 제작을 위해, 사용자의 경험과 니즈를 분석하여 여러 종류의 스마트기기 환경에서 제공되는 서비스와 컨텐츠를 사용목적과 용도에 맞도록 반응형 웹&앱기반 컨텐츠로 디자인하고 구현하는 실무능력을 갖출 수 있도록 되어있는 전문교과과정입니다.


포토샵, HTML. CSS, 자바스크립트, JQuery 기초적인 교육과정을 시작으로 그에 따른 실무 대비 활용능력까지 갖추어 회사취업에 필수로 요구되는 포트폴리오를 구성하여 취업연계까지 가능


 

 

쇼핑몰 제작 과정   

 
 
 
 
  
 
사용자 등록이미지
 
 스마트폰 사용자를 위한 모바일 웹 인터페이스 디자인 구현 프론트엔드 엔지니어링
 
반응형 웹이란 데스크탑, 태블릿, 모바일 등 다양한 디바이스에 따라 웹페이지의 사이즈가 조절되어 스크린의 해상도에 맞게 보여지는 것을 말합니다. 즉, 다양한 환경에 맞춰 즉각 반응하여 사용자가 보기 편리하게끔 웹사이트를 제작하는 것입니다.
 
넓은 의미로는 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트라는 의미가 있는데, 이는 다양한 디바이스에 대응하여 최소한의 변화로 내용 탐색을 쉽게 하여, 사이트를 최적의 형태로 제공한다는 뜻이다. 또한 좁은 의미로는 CSS3 Media Queries, Fluid/Hybrid Grid Layout, Flexible Media Content 등을 이용/사용하여 구현한 홈페이지를 뜻한다.
 
 
모바일 첫 디자인은 단순성과 집중력을 요구합니다. 작업 능률을 높이고 휴대 전화 전용 웹 사이트를 디자인하는 데 도움이되는 디자인 방법입니다. 아이디어는 휴대 전화의 부동산을 고려하여 휴대 전화에 표시하기에 적합한 콘텐츠를 가진 웹 사이트를 만드는 것입니다. McKnight Kurland의 Frank Kurland에 따르면 모바일은 전 세계 인구의 87 %에 이릅니다. 이것이 모바일 최초 디자인이 선택 사항이 아니라 위임 된 이유입니다. 빈센트 조던 (Vincent Jordan)은 모바일 에 관해 먼저 말하며 우선 순위 측면에서 경험과 반응 형 디자인을위한 반응 형 또는 모바일 웹 사이트 구축 을 주장 합니다.

프로트엔드가 실제하는 일은 디자이너와 엔지니어 간의 시각적 언어를 확립하고 시각디자인으로부터 콘텐츠, 브랜드, 기능 등을 표현할 컴포넌트 세트를 정의하고 웹 애플리케이션의 범위를 기기, 브라우저, 화면, 애니메인션의 측면에서 정의 적절한 간격, 타이포그라피, 헤딩, 글꼴, 아이콘, 여백, 그리드 등을 사용해 웹 애플리케이션을 꾸미는 일들을 하며 부드러운 애니메이션, 트랜지션,게으른 로딩, 인터랙션,애플리케이션 워크플로우를 수행하는 클라이언트 사이드 코드 개발, 대부분 점진적 기능 향상 및 하위 표준 호환성까지 고려하는 직무를 수행 합니다. ​

강의대상 : 반응형 웹 사이트 제작에 필요한 다양한 툴을 익혀고 전문 디자인작업을 배워서 웹 사이트 제작 노하우를 통해 취업을 하고자하는 취준생
취업분야 : 웹디자인너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 쇼핑몰디자이너, 웹 에이전시
취득가능 자격증 : 웹디자인기능사, GTQ 기술자격증 등
 

NCS교육과정

사용자 등록이미지

 

 

 

 

교과 소개

 
 
 

HTML5
 
 
사용자 등록이미지
 
 
HTML5 기본 구조, 기본 규칙에 대해 알아보고 마크업을 하는데 필요한 새로운 요소와
속성 사용법, 그리고 새로운 개념과 규칙에 대해 학습합니다.
 
  사용자 등록이미지
 
 
 
 CSS3
 
 
사용자 등록이미지
 
 
CSS의 기본 서식, 선택자, 프로퍼티, 박스 모델, 색상이나 여백, 글꼴 설정 등 흔히 사용하는 문서 장식을 직접 따라하면서
기본적인 CSS 프로퍼티 연습하고 반응형 코딩을 하기위한 CSS, 멀티 디바이스 활용을 배웁니다.
  
사용자 등록이미지
 
  
 
 
  쇼핑몰 운용 및 디자인 프로젝트
  
사용자 등록이미지
 
 
카페24를 활용한 무료 쇼핑몰 제작과정. 쇼핑몰의 디자인 변경부터 프로모드사용, 창업자가 알아야할 기초 html 등의 쇼핑몰 사이트 제작부터 관리까지 방법을 교육하는 과정
  
사용자 등록이미지
 
 
  
 
자바스크립트
 
 
사용자 등록이미지
 
 
자바스크립트에 대한 기본적인 개념과 프로그래밍 방법에 학습합니다.
변수, 배열, 반복문, 조건문, 함수 그리고, DOM을 이용한 HTML과 CSS 요소 제어에 대해 다룹니다.
 
 
사용자 등록이미지
  
 
 
  JQuery
 
 
사용자 등록이미지
 
 
jQuery는 자주 사용하는 기능들을 모아두었다가 필요할 때 호출해 쓸 수 있도록 만든 자바스크립트 라이브러리로서,
JQuery를 사용해 자바스크립트의 생산성을 향상시는 개발기법을 익힙니다.
 
 
사용자 등록이미지
 
   
 
  디지털디자인 활용
 
1인미디어 콘텐츠 크리에이터
 
 
사용자 등록이미지
 
 
디지털디자인은 미디어의 발달로인해 개인이 추구하는 다양한 장르의 콘텐츠 급격히 발전하고 있다.
개인이 직접편집하고 제작하는 자신만의 트렌드를 만들 수 있는 1인 미디어컨텐츠.
'당신의 컨텐츠를 캐스팅하라!' 라는 말처럼 1인 미디어 개인이 글, 사진, 영상자료등을 활용하여
동영상 편집 및 제작 기법등을 활용하여 시각적인 이미지를 전달할 수 있고
프로그램을 활용하여 디지털 콘텐츠 디자인을 완성한다.
 
 
사용자 등록이미지
 
 
  
 
PhotoShop
 
 
사용자 등록이미지
 
 
포토샵의 기본기능을 이해하고 프로그램을 활용하여 이미지 보정 및 편집을 할 수 있으며
레이어와 블랜딩모드를 이해, 보정/합성 등을 통해 사진편집, 합성, 레이아웃 제작 및 포스터,
북커버 등 실질적인 그래픽디자인에 다양하게 활용될 수 있습니다.
 
 
사용자 등록이미지
  
 
 
 반응형웹
 
 
사용자 등록이미지
 
 
데스크탑, 태블릿, 모바일 등 다양한 디바이스에 따라
웹페이지의 사이즈가 조절되어 스크린의 해상도에 맞게 보여지는 개발기법을 익힙니다.
  
 
사용자 등록이미지
 
 
 
 UI/UX 기획&디자인
 
 
사용자 등록이미지
 
 
수립된 앱 개발 계획과 설계된 시스템에 적용할 수 있는 사용자 경험 디자인과
스타일을 리서치하여 스마트한 UI/UX 디자인 컨텐츠를 제작할 수 있는 기술을 익힙니다.
 
 

 

  사용자 등록이미지
 
 
 
 
  스마트 반응형 웹페이지 제작 프로젝트
 
 
 
 
사용자 등록이미지
 
 
스마트 반응형 웹코딩 기술을 통해 각종 스마트기기의 환경에 적응하는 반응형홈페이지를 제작해보고 youtube, SNS(소셜미디어) 활용 등의 1인 미디어시대에 맞춰 다양한 미디어 컨텐츠를 제작해내는 과정
 
 
 
 

 
 
 
사용자 등록이미지
 
 
 
 
 
 
 
구분
자격증명
시행기관
국가
웹디자인기능사
한국산업인력공단
국가
GTQ
한국생산성본부
 
 
 
 
 
 
 
웹디자인기능사

 

사용자 등록이미지

 

웹디자인 업무(Web홈페이지를 구축하고 그에 따른 디자인을 하며 사용자들의 편의성을 높힐 수 있는 
구성을 하는 업무) 처리를 정확하게 수행할 수 있는 지에 대한 평가로 발급되는 자격증
 

 

 사용자 등록이미지

 

 

 

사용자 등록이미지
 
 
 
 
 
 사용자 등록이미지
 
 
웹디자인기능사 기본정보
 
개요
웹디자인기능사는 웹사이트에서 전달하고자 하는 정보를 가장 효과적으로 전달할 수 있도록 시스템자원 및 사용할 S/W를 활용하여 기본적인 프로그램을 수행하고, 이미지 형태, 사이즈, 애니메이션, 텍스트, 글씨체, 레이아웃 등의 시각적인 요소를 구성하고 디자인하는 업무를 수행한다.

 

 

수행직무
컴퓨터 및 웹 저작 S/W를 사용하여 웹페이지 규격에 맞게 웹페이지를 작성하고, HTML 코딩과 스타일시트(CSS) 및 네비게이션을 제작하고 동작시키며, 효율적인 디렉토리 관리, 최적화된 파일포맷, Web Animation 제작을 할 수 있는 능력을 기른다.

 

실시기관 홈페이지
http://www.q-net.or.kr

 

진로 및 전망
(1) 진로 ① 웹사이트 개발업체, 전문디자인업체, 게임업체, 일반기업체 등의 디자인 관련부서로 취업이 가능하다. ② 프리랜서로도 활동할 수 있다. ③ 웹디자이너의 경우 이·전직이 많아 고용안전성 측면에서는 다소 어려움이 있다. (2) 우대 : 국가기술자격법에 의해 공공기관 및 일반기업 채용 시 보수, 승진, 전보, 신분보장 등에 있어서 우대받을 수 있다. (3) 가산점 ① 6급 이하 및 기술직공무원 채용시험 시 시설직렬의 디자인 직류에서 3% 가산점을 준다. 다만, 가산 특전은 매 과목 4할 이상 득점자에게만, 필기시험 시행 전일까지 취득한 자격증에 한한다. ② 한국산업인력공단 일반직 5급 채용시 웹디자인기능사는 필기시험 만점의 3%를 가산한다. 한국산업인력공단은 공단이 발행하는 모든 종목의 자격증에 대하여 혜택을 부여하고 있다.

 

 

교육내용

 
1.그래픽디자인(2D)(2D)
홈페이지제작에 필요한 레이아웃제작 과정으로 포토샵 및 일러스트 프로그램의 기본툴 사용법, 드로잉활용 및 표현법, 디자인 응용, 포트폴리오 제작을 위한 레이아웃 편집기법 실습
 
2.UI디자인 및 시안 디자인
2D그래픽을 활용한 수집한 자료별 시안작업 및 보완, 다양한 레이아웃으로 시안 베리에이션 제작, 디자인 콘셉트와 전략수립, UI/UX 디자인 제작 실습
 
3.DHTML5 / CSS / 자바스크립트
드림위버를 활용한 HTML5,CSS,자바스크립트 , 프로토타입 제작 및 사용성 테스트, 매체의 특성에 맞는 프로토타입 및 환경설정
 
4.프로젝트
취업을 위한 개별 프로젝트 작업으로 프로젝트 기획 및 프리젠테이션 제작 및 발표
 
 
 


- 만15세 이상 미취업자(고용보험적용 실직자 또는 미적용자)
- 고등학교 3학년 재학생으로서 고등교육기관에 진학하지 않는 학생
- 주부, 야간대학, 방송통신대학, 사이버대학 재학생 가능
- 사업자등록증 소지자 연매출 1억5000만원 미만 신청가능
- 웹디자인분야에 대해 평소에 관심이 많거나 적성에 맞는자

(건강보험료 금액과는 수강가능여부 아무상관 없음)


- 웹디자인과정을 이수하게 되면 웹디자인뿐만 아니라 반응형 웹디자인 분야까지 종사 할 수 있으며 기존의 플래시에서 벗어나 자바스크립트등을 이용한 작업이 가능하게되고 웹디자인기능사 및 컴퓨터그래픽운용기능사를 취득하여 웹디자인과 편집 디자인분야까지 영역을 넓혀 취업이 가능하다. 

- 웹디자인분야
- 스마트웹디자인
- 반응형 웹디자인


- 지원서(본교양식), 신분증, 사진 1장, 농협통장
- 매월 116,000원 지급 (취업성공패키지 참여시 매월 최대 40만원 지급)

※청년구직활동지원금, 실업급여수급자, 사업자등록증 소지자, 재직자는 훈련장려금이 지급되지 않습니다. 

- 수료 후 취업알선및 창업컨설팅


중앙직업전문학교 무료전화상담

전화상담 등록을 위한 정보입력
과정선택
이      름
메일주소
연  락  처 - -
전달사항
자동등록방지코드

*이미지의 숫자를 입력하세요.

개인정보 취급방침에 동의

목록

  • 입학신청
  • 전체과정일정표
  • 교육상담
  • 우수기관