대구 직업전문학교 국비지원 무료교육 센터  교육상세보기   |    

로케이션
> 대구국비지원 > 교육상세보기

수강신청

교육과정 주요정보

교육과정 주요정보
분류 국가기간전략산업 > 스마트웹디자인
과정명 스마트 반응형 웹 UIUX 디지털디자인 [모집중]
교육기간 2022.03.14 ~ 2022.08.26
교육시간·요일 09:00~16:30 (7) [월,화,수,목,금]
훈련수당 116,000
실습비ㆍ교재비 전액무료 자부담 없음
교육장소 별관 301호
교사 박성일
모집인원 22

● 스마트웹 uiux 디지털디자인

사용자 등록이미지
 
 사용자 등록이미지 
 
 
4차산업 1인 미디어 시대!
 
스마트 반응형 "웹코딩" 필수!!
 
이제는 시작해야합니다!
 
 


코딩 · 스마트 반응형 웹사이트 개발


  프론트엔드 엔지니어링  

 

사용자 등록이미지

 

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

 

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

 

 

 사용자 등록이미지

 

 

 

코딩이 뭘까요?

주어진 명령을 컴퓨터가 이해할 수 있는 언어로 입역하여 웹사이트가 구동을 할 수 있게하는 컴퓨터가 사용하는 언어를 말합니다. 프로그래밍 언어를 이용해 구체적인 컴퓨터 프로그램으로 구현하는 기술로 현재 인력이 부족하여 국가에서 정책적으로 인력양성을 진행하고 있으며 IT시대에 산업사회에 급속히 인력이 필요하여 국가기간전략산업 교육으로 인력양성을 하게되었습니다.

학교에서 진행하는 기본적인 교양으로 시행되는 기본적인 두뇌활용을 위한 코딩과는 다른 직업전문학교의 코딩은 직업적 프로그래머의 양성을 목표로 진행되며 반응형 웹사이트 개발을 목표로 진행됩니다. 웹 개발은 가장 단순한 단일 정적 문서의 플레인 텍스트에서부터 가장 복잡한 웹 기반 인터넷 애플리케이션, 전자 비즈니스, 소셜 네트워크 서비스에 이르기까지 개발 범위가 다양하며 웹사이트 코딩시 자바스크립트, 제이쿼리, HTML5, CSS3를 사용하여 웹사이트 개발이 진행됩니다.

 

 

 

코딩이 왜 필요할까요?

4차산업시대에는 인공지능 로봇, 빅데이터, 사물인터넷등이 융합활용되면서 일상 생활에도 많은 변화가 있었습니다. 인공지능(AI)시대 인공지능 기술을 다룰수 있는 일을하거나 인공지능 기술을 활용할 수 있는 일을 가까운 미래에 선택해야 할것입니다.  자동차가 기름이 아닌 SW로 가고 스마트 폰의 코딩인력이 절대적으로 부족함은 4차 산업시대의 가장 핵심적인 부분입니다. 이러한 주요 기술들은 앞으로 새롭게 생겨나는 미래일자리는 코딩기술인력들이 자리할 것이며 그 수요 또한 폭발적으로 할 수 있을 것입니다.

 

 사용자 등록이미지

 

 사용자 등록이미지 

 

4차산업에 이어 5차산업에 only스마트 모바일이 지배한다고 합니다. 코딩기술 활용은 금융, 제조부터 엔터테이먼트, 패션까지 대부분의 산업에 디지털기술이 필요하기 때문에 어느 한 분야하고 지정하기 힘들정도입니다. 특히 스마트폰없이는 단 몇시간도 지내기 힘든것이 사실입니다. 현재도 마찬가지이지만 가까운 미래에는 모바일과 연계된 코딩 활용능력이 매우 필요로 하는것으로 나타났으며, 가까운 미래에 현재보다 더욱더 코딩인력이 급속도로 필요할 것으로 예상되고 인써 인력양성이 시급하다고 하며, 많은 기업에서는 코딩을  필수코스로 인력양성을 하고 있는 이유입니다.

 

 

 

 

 

 

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

미래일자리 준비!
코딩을 활용한 스마트 모바일은 기본입니다.


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

사용자 등록이미지

 

 


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

 

 

 

 

 

 

 

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

● 교육목적

코딩을 활용하여 스마트기기에 적용가능한 서비스에 대하여 사용자경험과 니즈를 분석하여 정보설계, UI설계, 화면설계 등을 제작한다.
또한 컴퓨터를 이용한 디자인 소프트웨어를 활용한 가공데이터를 작성하고 데이터를 전송하여 웹사이트를 스마트기기에 적합한 웹디자인을 기획하고, 제작하는 업무에 관한 직종이며 4차산업시대의 SW사회에서 필요로 하는 웹퍼블리셔의 양성을 위하여 NCS과정을 기반으로한 전문교육으로 구성된 체계화된 교육과정의 운영으로 수료와 동시에 코딩을 활용한 웹사이트 개발자 양성을 목표로 한다.

● 교육특징

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

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

● 주요교과목 및 설명

 

 

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

 
 
 
 
  
 
사용자 등록이미지
 
 스마트폰 사용자를 위한 모바일 웹 인터페이스 디자인 구현 프론트엔드 엔지니어링
 
코딩을 활용한 반응형 웹이란 데스크탑, 태블릿, 모바일 등 다양한 디바이스에 따라 웹페이지의 사이즈가 조절되어 스크린의 해상도에 맞게 보여지는 것을 말합니다. 즉, 다양한 환경에 맞춰 즉각 반응하여 사용자가 보기 편리하게끔 웹사이트를 제작하는 것입니다.
 
넓은 의미로는 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트라는 의미가 있는데, 이는 다양한 디바이스에 대응하여 최소한의 변화로 내용 탐색을 쉽게 하여, 사이트를 최적의 형태로 제공한다는 뜻이다. 또한 좁은 의미로는 CSS3 Media Queries, Fluid/Hybrid Grid Layout, Flexible Media Content 등을 이용/사용하여 구현한 홈페이지를 뜻한다.
 
 
프로트엔드가 실제하는 일은 디자이너와 엔지니어 간의 시각적 언어를 확립하고 시각디자인으로부터 콘텐츠, 브랜드, 기능 등을 표현할 컴포넌트 세트를 정의하고 웹 애플리케이션의 범위를 기기, 브라우저, 화면, 애니메인션의 측면에서 정의 적절한 간격, 타이포그라피, 헤딩, 글꼴, 아이콘, 여백, 그리드 등을 사용해 웹 애플리케이션을 꾸미는 일들을 하며 부드러운 애니메이션, 트랜지션,게으른 로딩, 인터랙션,애플리케이션 워크플로우를 수행하는 클라이언트 사이드 코드 개발, 대부분 점진적 기능 향상 및 하위 표준 호환성까지 고려하는 직무를 수행 합니다. ​

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

NCS교육과정

사용자 등록이미지

 

 

 

 

교과 소개

 
 
 

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

 

  사용자 등록이미지
 
 
 
 
코딩을 활용한 스마트 반응형 웹페이지 제작 프로젝트
 
 
 
 
사용자 등록이미지
 
 
스마트 반응형 웹코딩 기술을 통해 각종 스마트기기의 환경에 적응하는 반응형홈페이지를 제작해보고 youtube, SNS(소셜미디어) 활용 등의 1인 미디어시대에 맞춰 다양한 미디어 컨텐츠를 제작해내는 과정
 
 
 
  사용자 등록이미지
 
 
 
   
 
+특강지원) 디지털디자인 활용
 
1인미디어 콘텐츠 크리에이터
 
 
사용자 등록이미지
 
 
디지털디자인은 미디어의 발달로인해 개인이 추구하는 다양한 장르의 콘텐츠 급격히 발전하고 있다
개인이 직접편집하고 제작하는 자신만의 트렌드를 만들 수 있는 1인 미디어컨텐츠.
당신의 컨텐츠를 캐스팅하라!' 라는 말처럼 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%를 가산한다. 한국산업인력공단은 공단이 발행하는 모든 종목의 자격증에 대하여 혜택을 부여하고 있다.

 

 

● 훈련생 포트폴리오

사용자 등록이미지

 

 

 

● 교육대상자

■ 15세 이상 실업자 누구나 지원가능(고용보험 적용 및 미적용자 가능)
■ 대학 재학생, 휴학생, 졸업예정자, 야간대학생, 방송통신 대학생, 사이버 대학생등
(4년제 대학교 경우 3학년 시작시기부터 가능, 2년제 대학 경우 입학시부터 가능)
■ 관련학과 졸업예정자는 우대(졸업예정자, 졸업후 취업희망자)
■ 주부, 야간대학, 방송통신대학, 사이버대학 재학생 가능
■ 사업자등록증 소지자 연매출 1억5000만원 미만 신청가능
■ 반응형웹디자인 분야에 대해 평소에 관심이 많거나 적성에 맞는 자
(건강보험료 금액과는 수강가능여부 아무상관 없음)

● 취업영역 및 활동분야

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

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

● 구비서류 및 교육 특전

- 지원서(본교양식), 신분증, 국민내일배움카드와 연결된 통장 (농협통장 또는 신한은행통장)
매월 116,000원 지급

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

※국민취업지원제도 해당시 국민취업지원제도지원금은 국민취업지원제도 기관에서 별도지급됨을 알려드립니다.

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

중앙직업전문학교 무료전화상담
*는 필수입니다.
전화상담 등록을 위한 정보입력
*과정선택
*이      름
메일주소
*연  락  처 - -
전달사항
자동등록방지코드

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

개인정보 취급방침에 동의
수강신청

목록

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