닫기
빠른전화상담
손쉽고 간편하게
전문가와 전화상담!
안내받고 싶은 지점을 선택해 주세요.
야간 및 주말 상담 전화 안내

빠른 안내를 위해
평일 야간(오후 6시 ~ 오후 10시)
주말(오전 9시 ~ 오후 6시)에도 안내해 드리고 있습니다.

QUICK
MENU

웹학과

다른과정찾기
Web Design Engineer

웹디자인기능사

창의적이고 퀄리티높은 디자인과 실무의 기본인 웹기획이 가능한 웹디자이너 양성을 목표로 합니다. 툴테크닉 과정으로 실무능력의 기본을 갖추고 아트웍과정으로 창의성과 높은 퀄리티의 디자인능력 배양을 합니다.

웹디자인기능사 과정소개

창의적이고 퀄리티 높은 디자인과 실무의 기본인 웹기획이 가능한 웹디자이너 양성을 목표로 합니다. 툴테크닉 과정으로 실무능력의 기본을 갖추고 아트웍과정으로 창의성과 높은 퀄리티의 디자인 능력 배양을 합니다. 그리고 마지막 단계에서 Real 프로젝트를 실시하여 웹에이전시와 같은 프로세서로 웹사이트 구축을 목표로 합니다.

웹디자이너의 주요 역할은 시스템 자원 및 S/W를 이용하여 홈페이지를 디자인하는 업무 수행과 퍼블리싱 능력을 요구하며 개인 및 특정 기관의 디지털 홈페이지를 제작하는 일로써, 홈페이지를 기획, 설계 제작합니다.

교육과정안내

평일반 (월~금)

1교시 09:00~11:00
2교시 11:00~13:00
3교시 14:00~16:00
4교시 16:00~18:00
5교시 18:00~20:00
6교시 20:00~22:00

주말반 (토~일)

1교시 09:00~12:00
2교시 12:00~15:00
3교시 15:00~18:00
* 기본 시간표이며 지점별로 상이할 수 있습니다.

교육기간

1개월

모집인원

15명 내외

교육문의

032-219-0998 주말·공휴일 상담 및 접수가 가능
* 지점별 교육기간 및 모집인원이 상이할 수 있습니다.

웹디자인기능사 커리큘럼안내

SBS아카데미컴퓨터아트학원에서 진행하는 모든 교육과정은 지점에 따라 차이가 있을 수 있습니다.

기본과정

  • 01 기초 툴에 대한 이해
    색의 원리
    사진 편집 합성 리터칭 기초
    글자 합성
    레이어의 기초이해, 고급 툴에 대한 이해
    채널의 이해
    레이어의 속성값 특수 효과(필터) 이용
  • 02 벡터 그래픽의 이해
    벡터 드로잉 연습
    CMYK컬러의 이해
    기업 로고 만들기
    스마트폰 아이콘 만들기
  • 03 HTML기초와 CSS를 통한 제어
    이미지 처리
    배경 처리 기법
    호스팅 사이트 세팅 및 홈페이지 운영해보기
    Dreamweaver를 통한 표준화 맛보기
    기본 홈페이지 제작 숙련
  • 04 HTML5 개요
    환경설정
    기본태그
    CSS3 속성기본
    활용
    IE보완방법
    부트스트랩
    웹페이지 및 모바일 페이지 레이아웃
    CSS3 변형과 애니메이션
    그리드 시스템
    SVG태그의 활용
  • 05 제이쿼리의 개념과 환경설정
    셀렉터와 변수
    메소드와 스타일
    애니메이션 속성변경
    이벤트
    롤오버와 텍스트 필드
    아코디언과 테이블
    슬라이드 쇼와 탭 콘텐츠
    플러그 인
  • 06 CSS의 이해
    DIV & TAG의 이해
    크로스 브라우징
    크로스 플랫폼을 위한 표준문법과 실전 코딩
  • 07 타이포를 이용한 포트폴리오
    팀별 과제 수행
    기획 유추 수업
    실전 아트웍
    UI/UX수업
    디자인 중심의 웹페이지 제작

Professional 프로젝트 과정

  • 01 기본과정이 집약된 상호작용형태의 실전
    포토샵 전문 아트웍
    타이포 효과
    웹페이지 제작
    UX를 고려한 UI 피드백 구현

시험 과목

필기시험
시험과목 시험방법
문제형식문항수시험시간
① 디자인일반 객관식 4지 택일형 60문항 60분
② 인터넷일반
③ 웹그래픽디자인
실기시험
시험과목 시험방법
문제형식문항수시험시간
웹디자인 실무 작업 작업형 - 4시간 정도
합격 기준
- 필기 : 100점을 만점으로 하여 60점 이상
- 실기 : 100점을 만점으로 하여 60점 이상
자격증 전체 평균 합격률

[필기]
-2018년 : 84.9%
-2019년 : 81.7%
-2020년 : 84.6%

[실기]
-2018년 : 44.1%
-2019년 : 52.4%
-2020년 : 63.6%

배점표
  1. CSS 15
  2. HTML 이용 15
  3. 프레임/레이아웃 10
  4. 제작이미지 10
  5. 제공이미지 10
  6. 파일포맷 5
  7. 화면크기 10
  8. 폴더관리 5
  9. 링크관리 5
  10. 애니메이트 15
합격 Tip
이미지를 편집할 수 있어야 웹디자인이 가능하기 때문에 일러스트나 포토샵을 미리 공부.
코딩지식도 기초적인 부분까지는 알아두면 자격증 취득에 도움을 받을 수 있다.
디자인 요소도 중요하지만, 프로그래밍 요소가 중요해졌다. JavaScript로 구현해야하는 부분이 필요하다.

① 필기시험
필기시험은 디자인일반, 인터넷일반, 웹그래픽디자인의 세과목으로 이루어져있다. 60문항이며 시험시간은 60분이기에, 1분에 한 문제씩 풀어야 한다.
문제은행방식으로 시험이 출제되기 때문에, 기출문제를 여러 번 풀어야 한다.

② 실기시험
실기시험 과목은 웹디자인 실무 작업으로, 100% 작업형으로 이루어진다. 시험시간은 4시간.
어려운 문법은 암기하는게 좋다.
합격을 위한 유의사항

-HTML 문서는 HTML5를 기준으로 작성되어야 한다. 따라서 HTML 문서 최상단에 <!DOCTYPE html>로 문서 형식 선언을 해야 한다.
-HTML, CSS, JavaScript 모두 오류가 없어야 한다. 시험장에서는 인터넷이 차단되어 W3C 유효성 검사 사이트에 접속할 수 없어 충분한 연습이 필요하다.
-CSS와 JavaScript는 별도의 파일로 만들어서 HTML 파일에 연결해야 한다.
-인코딩은 UTF-8로 해야 한다. HTML 파일의 경우 <head> 태그의 하위 요소로 인코딩을 명시하는 메타태그(<meta charset="UTF-8">)를 넣어주고, CSS 파일의 경우 맨 윗부분에 @charset "UTF-8";을 적어준다.
-마우스로 클릭해서 상호작용할 필요가 있는 콘텐츠는 마우스 없이 키보드의 Tab 키만 눌러도 이동이 가능하도록 <a href="#"> 식으로 임시링크를 건다.
-다양한 해상도에서도 페이지 레이아웃이 일관성을 유지해야 한다.
-<table> 태그를 레이아웃용으로 사용해서는 안 된다.
-CSS를 비활성화하면 콘텐츠가 세로로 나열되게끔 HTML 코드를 작성해야 한다.
-타이틀(title), 바디(body), 메뉴(menu) 텍스트의 글꼴을 적절히 설정하여 사용자가 텍스트간의 위계질서(hierarchy)를 직관적으로 알 수 있도록 해야 한다.
-모든 이미지에는 <img src="foo" alt="bar"> 식으로 alt 요소를 지정하여 대체 텍스트를 표현할 수 있도록 해야 한다.
-브라우저의 종류에 관계없이 메인페이지의 레이아웃과 구성요소의 크기 및 위치 등이 동일하게 표시되어야 한다.

웹디자인기능사와 컴퓨터그래픽스운용기능사의 차이점
컴퓨터그래픽스운용기능사는 포토샵, 일러스트레이터, 인디자인을 사용하여 출력할 수 있는 포스터를 만드는 능력을 평가하는 시험이고,
웹디자인 기능사는 포토샵, 일러스트레이터를 활용하여 디자인 작업 및 HTML5, CSS3, 자바스크립트를 활용하여 웹 페이지를 디자인하는 능력을 평가하는 시험입니다. 
포토샵과 일러스트를 다루는 자격증, 시각디자인 분야의 자격증인 점은 동일하나 이후에 결과를 반영하는 방향이 전혀 다른 자격증입니다.
포토샵을 할줄 알아야만 취득이 가능할까?
이미지를 편집할 수 있어야 웹디자인이 가능하기 때문에 보통은 웹디자인기능사 취득 전 일러스트나 포토샵을 미리 공부하기를 권한다.
또한 코딩지식도 기초적인 부분까지는 알아두면 자격증 취득에 도움을 받을 수 있다.

리얼 수강후기

수강에서 끝나는 것이 아닌 수강생들의 취업까지 SBS아카데미컴퓨터아트학원이 책임집니다.

웹 학과

김동주 취업생

코딩은 처음 해보는 거라 걱정이 많았었는데 민정선생님께 하나하나 배워가면서 실력이 많이 늘었어요.

웹 학과

채지안 취업생

강사님께서 색감을 잘 활용할 수 있는 방법을 제시해주시고 다양한 포트폴리오를 볼 수 있는 사이트를 제공해 주셨습니다.

웹 학과

손민주 취업생

무지했던 코딩이나 포토샵, 일러스트를 할 수 있게 되었고 짧은 단기간에 ( 4개월 )많은걸 배웠던 것 같습니다.

웹 학과

김예슬 취업생

코딩을 읽고 웹페이지를 다시 세우는 부분과 웹페이지로써의 세련된 디자인이 무엇인지 알 수 있게 알려준 것이 크게 도움이 되었다고 생각합니다.

웹 학과

구슬기 취업생

학원교육을 들으면서 비전공자임에도 불구하고 기초수업부터 차근차근 진행을 해주셔서 끝까지 잘 따라갈 수 있었던 것 같습니다.

웹 학과

강혜지 취업생

지금 취업이 가능했던 것은 종강을 하고 난 후에도 계속해서 연락주시고 상담해주시던 취업담당자님 부원장님 덕분이지 않을까 싶습니다.

웹 학과

서정민 취업생

자기소개서 작성하는 것도 검토해 주시고, 제가 지원을 희망하는 회사가 있으면 좋은 회사인지 봐 주시기도 하고, 직접 취업처를 추천 받기도 했습니다.

웹 학과

맹현지 취업생

기초부터 친절하게 꼼꼼히 설명해주시고 이끌어주신 학원 선생님들께서 항상 많은 관심을 가지고 바라봐주셔서 덕분에 잘 따라갈 수 있었습니다.

교육과정 등록안내

1:1멘토링 시스템을 통해 수강생 개인에 맞춘 커리큘럼을 제공합니다.

온라인 상담진행

교육받으실 과정을 선택하신 후 전화 또는 온라인 상담을 통해 학과 담당자와 상담 일정을 정합니다.

오프라인 상담 및 인터뷰

SBS아카데미컴퓨터아트학원 방문 후 학과 담당자와 상담을 통해 과정상담, 교육시간, 취업상담 등을 받으시게 됩니다.

입학원서 작성 및 등록

수강이 결정되면 입학원서 작성 후 입하 기간내에 등록하면 됩니다.
(현금 및 카드결제 가능)

교육과정 수강

수강 중 의문사항이나 불편사항이 있을 시 담당 멘토에게 연락해 주시면 친절하게 안내해 드립니다.

취업지원관리

교육과정 수강에서 끝나는 것이 아니라 전문 취업연계 시스템을 통해 개인에게 맞춘 취업지원을 진행 합니다.

업계 최고 수준의 교육시설을 제공합니다.

SBS아카데미컴퓨터아트의 감각적 인테리어 시설과 최신의 시스템 사양을 통해 교육을 받는 동안 최상의 교육환경을 제공받게 될 것입니다.

웹디자인기능사
일반/국비지원 과정 수강료
바로 알아보시겠어요?

관심있는 분야를 선택해 주세요.
가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -

    웹디자인기능사
    상담신청하기

    닫기
    가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -