캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

웹 퍼블리셔 취업과정

[웹개발자] 웹 퍼블리셔 취업과정(웹표준&웹접근성)

  • 일반
  • 실업자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

웹 퍼블리셔 취업과정

디지털디자인

[웹개발자] 웹 퍼블리셔 취업과정(웹표준&웹접근성)

교육정보

혁신은 창의적인 테크니션만이 가능하다!

스마트폰을 비롯한 모바일 기기의 사용이 확대됨에 따라 다양한 디바이스 환경의 홈페이지가 제작되고, 사용되어지고 있습니다. 본 교육과정에서는 과도한 테이블과 이미지로 도배한 의미 없는 웹사이트 제작방식에서 탈피하여 웹의 가치를 향상시키고 사용자 편의성과 인터렉티브 환경을 보장하는 웹표준기술과 HTML5를 적용한 반응형 웹 페이지를 구축합니다.

혁신적인 웹퍼블리셔 양성을 목표로 웹 표준을 준수하여 하드코딩을 하고, xHTML로 구조를 잡고 CSS를 통한 웹접근성을 구현하며, jQuery를 이용해 웹표준 사이트에 연동하는 등 실무에서만 접할 수 있는 웹 퍼블리셔 교육을 진행합니다.

강의대상
  • 웹 사이트를 제작에 필요한 다양한 툴을 익히고자 하는 분
  • 전문 디자인 작업을 배우고자 하는 예비 디자이너
  • 타 디자인분야에서 웹디자이너로서 모색 중인 디자이너
  • 웹 사이트 제작 노하우를 숙지하고자 하는 일반인
취업분야
  • 웹디자이너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 모바일 인터페이스 디자이너, 웹 에이전시, 쇼핑몰 디자이너 등
취득가능 자격증
  • 웹디자인 기능사, 멀티미디어 콘텐츠제작 전문가, 컴퓨터그래픽스운용기능사, GTQ 등

비NCS 실습교과

교과목명교육내용
HTML 사용기술과 웹 표준 기술기초 이론 및 배경 이해
마크업 언어(HTML, XHTML)의 구조 이해 및 사용방법 습득
스타일시트의 구조 이해 및 사용방법 습득
웹 접근성 구현 기술기초 이론 및 배경 이해
마크업 언어(HTML, XHTML)의 웹 접근성 구현 방법 습득
명세 분석 및 정확한 의미 부여를 위한 작성
스타일시트의 구조 이해 및 사용방법 습득
웹 콘텐츠 기획을 위한 2D 그래픽 실습 (포토샵)포토샵 화면 및 메뉴구성 이해
브러쉬와 색상 적용하기
Layer의 개념이해하기
pen과Path 사용법
Transform 설명/MODE의 이해
보정 및 이미지 수정
2D그래픽 드로잉 및 오브젝트 (컬러모델/컬러 모드/이미지 표현)Object 변형 및 메뉴관리 및 실행
그래프와 3D Object제작
패턴 및 브러시
타이포그래피
웹 콘텐츠 제작을 위한 2D 그래픽의 응용 실습Channel을 이용한 특수효과
Modeling 제작과 매핑
web용 이미지 제작
실무활용과 프리젠테이션
HTML5 사용기술과 웹 표준 기술 및 HTML5의 웹 접근성 구현 기술HTML5의 구조 이해 및 사용방법 습득
CSS3의 구조 이해 및 사용방법 습득
상황 및 목적을 고려한 구현 방법 선택
HTML5의 웹 접근성 구현 방법 습득
웹 접근성 구현을 위한 CSS3 작성법
견고한 웹 구현을 위해서 고려해야 하는 부분
웹 페이지의 기능성 구현을 위한 자바스크립트 & jQuery기초 이론 및 배경 이해
기본 문법의 이해 및 사용방법 습득
자바스크립트를 활용하여 웹페이지를 제어하는 방법 습득
jQuery라이브러리를 사용하는 방법 습득
웹 퍼블리싱을 위한 명세상의 기법웹 페이지 요소에 그래픽 효과 적용
웹 페이지 요소에 동적인 효과 적용
CANVAS와 SVG를 활용한 다양한 그래픽 처리
멀티미디어 구현 방법
웹기획웹기획과 벤치마킹
웹기획 문서 - 사이트맵 / 웹기획 - 스토리보드 제작 방법
프로젝트 스케줄링
웹 사이트 제안 요청서, 제안서 잡레코드북
웹 사이트의 운영 및 유지 보수
제안서 발표/토의
주제별추가 구현법모바일 페이지를 비롯한 다양한 플랫폼에 대응하기(반응형 설계/제작)
네트워크 환경을 사용한 명세 구현
다양한 API를 이해하고 사용하기
변화하는 환경에 적응하기
포트폴리오 제작/발표 (Project)
  • 신동수
  • 신윤철
  • 이진영
  • 정서경
  • 남현빈
  • 박석호
  • 안효정
  • 이신협
  • 이혁주
  • 임민재
  • 김수경
  • 박태홍
  • 김창관
  • 정상훈
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
이진영
  • 이진영
  • 현) 그린컴퓨터아카데미 강사
  • 현) IT 컨설턴트/ IT 교육 전문강사
  • 현) Interactive Web Developer
  • 전) FreeMConsulting 책임 컨설턴트
  • PROJECT
  • 마이크로소프트 Windows 8 및 IE 10 호환성 지원
  • 삼성전자 해외 법무 현황판 구축
  • 삼성전자 VD 사업부 Automated Test Hub 시스템 구축
  • LG전자 HE SCM PI 그룹 현황판 구축
  • LG전자 SCM 사업부 Framework 2.0 속도개선 프로젝트 진행
  • 월드비전 웹 통합시스템 구축
  • 롯데호텔 객실관리(TPAX ― Touch Panel System)개발
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
박석호
  • 박석호
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주)이에이에스피 기업개발팀 차장
  • 전) (주)인타시스템 기업시스템개발팀 과장
  • 전) (주)디지투올 개발팀
  • PROJECT
  • (주)호주화이자제약― NCSM 시스템 개발 및 유지보수,PSAVER 시스템 개발
  • (주)한국화이자제약― 모바일오피스시스템 개발,마케팅 KMS 문서관리 시스템구축,전자결재시스템 구축
  • (주)동국제강― 동국제강포탈스시템개발
  • (주)오토에버시스템즈― 문서관리시스템 구축
  • 질병관리본부― 질병추적시스템 구축
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
이혁주
  • 이혁주
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) M디자인 웹 퍼블리싱 팀장
  • 전) N솔루션 웹 퍼블리셔
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
김창관
  • 김창관
  • 현) 그린컴퓨터아카데미 강사
  • 전)(주)다이나믹서 프론트 앤드개발과장
  • 전)한화계열사에서 한화홈페이지
    유지보수 및 리뉴얼 담당
  • 전)(주)아이엠파트너스 웹개발팀 근무
    (마크업 및 개발)
  • 계명대학교 영상 애니메이션과 졸업
  • PROJECT
  • 17년~17.08 화장품 및 식품전문 에이전시회사 과장
  • 16년~17년 한화SNC 홈페이지 리뉴얼
  • 16년 차앤박 병원 네트워크 홈페이지 UI 개발/마크업
  • 12년~16년 병원 홈페이지 위주의 홈페이지 제작 및 개발
정상훈
  • 정상훈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) 디제라시 대표
  • 단국대학교 정보미디어 대학원 모바일 컨텐츠학 수료
  • PROJECT
  • 2013 튜닝와이드 사이트 개발 및 운영
  • 2010 Samsung Yepp ― Tictoc 프로모션 사이트 개발
  • 2010 Samsung Electrorics 32개국 동시 런칭 이벤트 게임 개발
  • 2009 Yeosu Expo 영상 개발
  • 2009 Vancouver Wow 사이트 개발
  • 2009 Vancouver Wow App 일정 및 서비스 안내 앱개발
  • 2009 SK Energe Brandnet 사이트 개발
  • 2009 SK Brandnet 사이트 개발
  • 2009 Pantach Idle 모바일 UI 개발
  • 2009 SK Lubricants 사이트 개발
  • 2009 SK ― gtm 16개 계열사 통합 사이트 개발
  • 2008 Samsung Electrorics Omnia Japan 프로모션 사이트 개발
  • 2008 SKT GXG Player 게임 개발
  • 2005 Pantach 모바일 UI 개발
  • 손민*
    손민*[NCS]인터렉티브웹디자인(별관)
  • 김*민
    김*민웹퍼블리셔&프론트앤드
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
  • 조*솜
    조*솜디지털컨버전스 양성과정
포트폴리오 더 보기 +
  • 5개월 간 디지털컨버전스 과정을 듣고 난 후의 후기장유*

    5개월이라는 시간이 짧으면 짧고 길다고 하면 길 수 있는 시간동안  이진영선생님께 많은 기술들을 배웠고  이 과정을 듣기 전에는 브라우저창에 글씨 정도만 표현할 수 있는 정도의 실력이였는데 이진영 선생님을 만나고 나서부터 과정을 듣기 전의 실력보다 훨씬 출중해졌다는 것이 매우 만족스러웠습니다.
    다만, 아쉬운 점이 있다면 디자인 실습 시간을 조금 더 늘려주셨으면 좋지 않았을까 싶은 생각이 듭니다..
    5개월이라는 시간동안 많은 기술들을 알게 되었고, 또 알려주셔서 감사합니다!!
  • 디지털컨버전스 (남자)이진영쌤!! 수고하셨습니당최지*

    5개월이란 시간이 정말 길다고 생각했는데 이렇게 금방 지나갈 줄이야ㅜㅜ
    처음 수업을 들으러 왔을 때는 웹디자이너를 생각하고 와서 일주일 수업듣고 조금 멘붕이었어요
    그래서 선생님께 그만둬야하나 상담요청도 했었는데..ㅋㅋㅋ
    지금 와서 생각해보면 그 때 선생님이 수강포기 안하게 잡아주신게 정말 감사해요.
    진영쌤이 수업 처음에 시작하면서 앞으로 정말 힘들거라고 예고해주신것처럼
    물론 어려운 점들이 정~~~말 많았지만.. 꾸준히 공부하다 보니까 어느샌가 점점 나아졌어요.
    항상 저희 생각해서 도움 될 만한 좋은 얘기 많이 해주시고, 신경써 주셔서 정말 감사합니다.
    앞으로도 공부 열심히해서 나중에는 재직자반에서 뵀으면 좋겠어요!!
    진영쌤 5개월동안 정말정말 수고하셨습니다~!! 'ㅅ' b
  • 프론트엔드?14기?이진영쌤?짱?초ㅣ고옿?ㅎㅅㅎ!!안세*

    5개월이라는 짧으면 짧고 길면 길다고 느끼는 기간동안 진영쌤과 함께하는 수업은 굉장히 재밌고 유익한 시간이였습니다!
     처음엔 새로운 분야라 두려운 맘도 컸지만 기초부터 세세하게 알려주시는 선생님 덕분에 금방 적응하고 흥미를 느낄 수 있었어욤ㅎㅎ
    항상 이 분야에 관련된 좋은 정보와 말씀을 많이 해주셔서 도움이 많이 되었구여 ,,, ( ˘ω˘)
    평생 쌤을 잊지 못할구에여 너무너무 감사해요ㅠㅅ ㅠ 쌤 알라쀼 쏘마치헝헝 ㅇㅅㅇ!
  • 디지털컨버전스 (이진영 선생님) 후기윤희*

    어떠한 이유가 있어서 웹을 들으러 온 것이 아니였습니다.
    막연하게 국비지원을 받아 웹 수업을 들으러 왔습니다.
    분명 어려움이 있을 것이라고는 생각했지만 생각했던 것보다 더 어려웠기에 계속 포기하고 싶다는 생각만 했던 것 같습니다.
    하지만 어려움을 겪고서 어찌할 바를 모르고 있는 저를 선생님은 계속해서 도와주셨습니다.
    비전공자로 시작해 웹에 대해서는 조금도 모르던, 배워본 적도 없던 저를 계속해서 이끌어 가주신 점에 대해 정말 감사하다고 말씀드리고 싶습니다
    그동안 많은 것을 배워갑니다! 선생님 감사합니다!
    선생님 짱 ^^ ☆★ (건강하세요 ^^)
  • 디지털 컨버전스 14회차 이진영 선생님 수업 마지막 날 입니다.정해*

    막연하게 개발자가 되겠다는 생각을 가지고 학원 문을 두드렸던게 어제 같은데 벌써 5개월이 지나고 코끝이 시린 겨울이 됐네요
    처음  수업을 시작할때, 과연 내가 이 과정을 끝까지 해낼 수 있을까? 과정이 끝나면 이력서에 프론트엔드 개발자라는 이름을 당당하게 넣을 수 있을까? 많은 고민을 한것 같습니다. 비전공과목인데다 컴퓨터 언어를 처음 접하는 저에게 너무 큰 산 같았습니다.
    그럴 때 마다 진영쌤은 할수있을거다 라는 말을 하는 대신 스스로 할 수 있다는 자신감을 가질 수 있도록 차근차근 실력을 기르도록 도와주셨습니다. 5개월이 지난 지금, 아직 부족한 부분이 많지만 많은 것을 제대로 배우고 노력한 만큼 자신감을 가지고 프론트엔드 개발자로서 제 길을 가려 합니다.
    낯간지럽지만 진영쌤은 제게 큰 산을 넘을 수 있도록 방향을 제시해주고 손내밀어 주는 엄홍길대장 같은 존재였습니다.ㅎㅎㅎㅎ
    오래걸린것 같다가도 시간이 너무 빨리 간듯 하기도 하고 시원섭섭하네요. 이제 시작이니 더 힘내서 화이팅 해야겠습니다. 선생님도 동기들도 화이팅~~ ^^
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층 
  • 대표자 : 김상곤 
  • 사업자등록번호 214-86-26812 
  • 통신판매업신고 강남13717호 
  • 학원등록번호 : 강남 제 1101호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
1588.9780