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

웹표준&웹접근성

웹표준&웹접근성-디지털디자인

  • 일반
  • 재직자
닫기

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

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

닫기

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

%EC%9B%B9%ED%91%9C%EC%A4%80%26%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1

웹디자인

웹표준&웹접근성-디지털디자인

교육정보

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

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

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

강의대상
  • 웹퍼블리셔로 일하거나 프론트엔드 개발자로 전·이직을 희망하시는 분들
  • 웹표준을 알고 있으며, JavaScript와 jQuery 기초 문법을 학습 하신 분
  • 최신 트렌드한 웹 기술을 배우시고 싶으신 분들
  • 프론트엔드 개발자로 취업을 위해 포트폴리오가 필요하신 분들

NCS 전공교과

교과목명능력단위명능력단위 요소명
디지털디자인(웹표준웹접근성) 구현구현콘텐츠 구현하기
기능 요소 구현하기
개발 요소 구현하기

비NCS 실습교과

교과목명능력단위명능력단위 요소명
디지털디자인 실무제작 웹표준 및 웹접근성 활용HTML과 CSS를 활용한 웹 페이지 제작
웹 출판 및 웹접근성 검증
  • 신동수
  • 김수경
  • 박석호
  • 안효정
  • 임민재
  • 남현빈
  • 이신협
  • 정서경
  • 신윤철
  • 박태홍
  • 이진영
  • 김창관
  • 정상훈
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박석호
  • 박석호
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주)이에이에스피 기업개발팀 차장
  • 전) (주)인타시스템 기업시스템개발팀 과장
  • 전) (주)디지투올 개발팀
  • PROJECT
  • (주)호주화이자제약― NCSM 시스템 개발 및 유지보수,PSAVER 시스템 개발
  • (주)한국화이자제약― 모바일오피스시스템 개발,마케팅 KMS 문서관리 시스템구축,전자결재시스템 구축
  • (주)동국제강― 동국제강포탈스시템개발
  • (주)오토에버시스템즈― 문서관리시스템 구축
  • 질병관리본부― 질병추적시스템 구축
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
이진영
  • 이진영
  • 현) 그린컴퓨터아카데미 강사
  • 현) 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)개발
김창관
  • 김창관
  • 현) 그린컴퓨터아카데미 강사
  • 전)(주)다이나믹서 프론트 앤드개발과장
  • 전)한화계열사에서 한화홈페이지
    유지보수 및 리뉴얼 담당
  • 전)(주)아이엠파트너스 웹개발팀 근무
    (마크업 및 개발)
  • 계명대학교 영상 애니메이션과 졸업
  • 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]인터렉티브웹디자인(별관)
  • 조기*
    조기*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 이해*
    이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김정*
    김정*소마미술관 리뉴얼
포트폴리오 더 보기 +
  • 알찬 6개월 과정과 실력보증 강사 선생님!박정*

    그린컴퓨터아트 학원은 컴퓨터계열 쪽을 희망 분이라면 한 번쯤 들어봤을 이름있는 학원이다.
    직접 다니고 느낀결과 뜬구름으로 유명한 학원이 아닌 유명해질 수 밖에 없어 유명한 학원이라는걸 느꼈다.
    기본적으로는 학원 자체가 아주 깔끔하며 정돈이 잘되어있고, 처음온 예비수강생에게도 매우 친절하고 잘 설명해주신다. 어찌보면 가장 중요하면서 별거 아니라고 생각들지만, 예비수강생들에게는 앞으로 길의 방향을 잡아주는 나침반 같은 역할을 해주시는 안내데스크 선생님들도 굉장히 친절하고 업무처리 능력이 빠르시다. 학원 수업 본론으로 넘어가면 웹디자인에 대해서 전혀 몰랐던 나는 앞으로가 막막한 편이었다. 결론부터 말하자면 6개월 과정을 잘끝내고 취업을 하였다. 6개월 전에는 보이지도 않았던 취업을 길이었다.
    그 길을 강사선생님(박나경)께서 잘 이끌어 주셨고 항상 좋은 말과 격려 때로는 사회 선배로서의 조언등으로 많은 힘을 주셨다.
    어찌보면 학원 강사선생님으로서, 그냥 일반 직장인처럼 일하는 시간동안 학생들을 가르치면서 시간을 보내도 되지만 그린컴퓨터아트학원의 선생님들은 그 일하는 시간을 정말 학생들 하나하나에게 집중하시고 관리해주신다. 박나경 선생님처럼 많은 선생님들이 실력또한 겸비하고 있어서 모든 과정에 있어서 정말 도움이 많이 되었고 또 힘을 주셨다.
    이 6개월의 시간동안 앞으로의 나의 길을 만들게된 과정이 되었다고 생각한다. 그 시간을 이곳 그림컴퓨터(부평)에서 보내게 되어서 아깝지 않았으며 정말 많은 것을 얻고 나가게 되는거같다.
    "마지막으로 학원에게 또 박나경선생님,취업선생님 등등 너무 감사했습니다. "라고 말씀드리고 싶습니다.
  • 처음 배우는 과정임에도 이해하기 쉽도록 설명해주신 임민재 선생님에게 감사를 표합니다. HR*

    먼저, 처음 배우는 훈련과정임에도 불구하고 누구보다 이해하기 쉽도록 설명해주신 임민재 선생님에게 감사를 표합니다. 

    저도 현재 이 글을 보는 배우려는 학생분들에게 해볼까 하고 누르신다면 추천드립니다. 

    저도 하나도 모르고 잘 할 수 있을까 걱정을 하다가 선생님의 수업을 듣고, 이해가 안 되면 바로바로 질문하고 학생들끼리도 서로 상의하고 봐주고 하며 진행하며 학원 수업을 재미있고 효율적으로 빠르게 습득한 것 같습니다. 

    앞으로 항상 이쪽 분야에서 일하게 될 텐데 그때마다 저를 가르쳐주신 임민재 스승님이나 그린컴퓨터 아카데미, 그리고 이렇게 좋은 교육을 무료로 받을 수 있게 해준 나라에 정말 감사합니다. 

    이쪽으로 취업하게 된 이상, 항상 생각나고 그리울 것이며, 감사할 것입니다. 

    수업을 듣게된다면 다들 같은 배를 탄 이상 열심히 노를저어 목적지에 다다를 수 있도록 열심히 하시기 바랍니다! 이상 전 수강생의 수강후기였습니다. 

    다들 힘내세요! 

    마지막으로 한번더 이글을 읽고계신 임민재 선생님과 3회차 훈련생분들! 앞으로도 화이팅 하시고 좋은일만 있기를 기원합니다.

    ٩( ᐖ )و 할수있다!

  • 수강 전 걱정과 달리 교육 과정에 만족했습니다.HR*

    해당훈련과정을 시행하기 전 국비과정에 대한 인식은 무료로 직업훈련을 받을 수 있다는 것 외에는 그다지 좋지 않은 인식을 가지고 있었다.

    먼저 위 과정을 선행했던 친구들을 통하여 설명을 들었을 때 직업훈련과정에 배정되는 담당 강사들의 수준이 개인적으로 금액을 지불하고 수강하는 반과 질적인 차이가 있고 학원 내의 커리큘럼 또는 스케쥴등 사정에 따라 훈련과정 도중에 강사가 교체되거나 하는 경우도 있다고 들었기 때문이다. 

    때문에 훈련을 시작하기 크게 기대를 하지 않았고 취업을 위해서 스스로 더 열심히 해야겠다고 생각했다. 

    하지만 해당 과정을 시작하고 어느정도 시간이 진행되면서 먼저 가졌던 일말의 걱정들이 모두 사라지게 되었다. 

    내가 배정됐던 반의 강사 운이 좋었던 건지 수업의 수준과 얻을 수 있는 정보의 질이 굉장히 높았다. 

    해당 과정을 마무리하는 시점에서 뒤를 돌이켜 보면 수업의 커리큘럼과 수업내용에 대한 배분이 굉장히 적절했다는 생각이 드는데, 이러한 문제는 철저하게 지킬 수록 수업의 분위기가 딱딱하고 기계적으로 될 수도 있다는 생각이 들지만 우리 반의 강사 선생님의 특별한 능력 때문에 수업이 즐거우면서도 빈틈없는 구성이 될 수 있었던 것 같다.

    또한 강의가 진행되는 동안 수업인원들의 사이가 돈독해져서 학생들간, 또는 학생과 강사 사이의 아무 갈등 없이 분위기 좋게 과정을 마무리 할 수 있었다. 

    해당과정을 진행하면서 느낀 제도에 대한 문제점은 수업에 대한 만족도가 높았기 때문에 특별히 느낀점은 없었다.

  • 스타트업에서 웹 기획자로 마음에 드는 조건에 최종 합격통보를 받았습니다. HR*

    일단, 수강평을 쓰는 이 순간 최종 통보(?)가 와서 이런 수강평을 남길 수 있게 되어 기쁘네요.

    학원수업 수강이 끝나는 날 몇군데의 회사에 지원을 시작해서 면접을 보았는데 한 스타트업에서 웹 기획자로 마음에 드는 조건에 최종 합격통보를 받았습니다. 

    웹기획쪽에 경력이 없어서 원래의 공고보다 더 적게 협의가 된 것은 사실이지만, 저는 스타트업에서 너무나 일해보고 싶었는데 제가 매우 좋아하고 관심있는 업종의 회사이기도 해서 매우 기쁩니다. 

    경력도 없는 저를 좋게 봐주시고 팀원으로써 잠재력을 봐 주신 것은 그린컴퓨터아트학원에서 배선영선생님께 수업을 들은 것이 큰 도움이 되었다고 생각합니다. 

    학원 수강을 시작하자마자 합격통보받은 회사들이 있어 수강을 고민했었습니다. 

    하지만 그때 배선영선생님의 강의를 며칠 들어보고, 저로서는 큰 결심을 했습니다. 

    배선영선생님의 열정어린 모습을 보았고. 열심히 따라가다보면 그 당시 합격했던 회사들보다 더 맘에 드는, 일하고 싶은 좋은 조건의 회사를 갈 수 있지 않을까 하는 생각으로 입사를 포기하고 선생님을 따라가겠다고 결정했습니다. 

    그 때 선생님께 했던 말이 생각납니다. 수강취소를 해서 회사에 입사를 해보고 나중에 교육을 들어도 되지만 그때는 배선영선생님이 이 수업을 하신다는 보장이 없어서 싫다고. 

    그렇게 따라온 결과 지금 모든 회사에서 합격통보를 받고 있습니다. 

    이건 다 그린컴퓨터아트학원에서 배선영선생님과 함께 열심히 달려온 지난 4개월가량의 시간들 덕분이라고 생각합니다. 

    회사에 확실히 입사를 할 지 여부는 아직 정해지지 않았으나, 이번 훈련을 통해 이정도의 성과가 있었다는 것을 수강평에 꼭 남기고 싶었습니다. 

    지난 4개월은 저에게 큰 성장의 기회가 되었습니다. 

    감사한 마음을 꼭 전하고 싶습니다.

  • 귀한 교육의 시간 이었습니다. 감사합니다^^♡HR*

    최악의 실업률.. 날선시선이 가득한 강의장으로 첫발을 내딛던 시간이 엊그제 같네요.

    5개월동안 이 프로그램을 통하여 제게는 유익한 도전이 되었습니다. 

    선생님 너무 고생 많으셨구요. 목이 터져라 반복 또 반복 하시며 열정을 다하셨고 학생들이 부르면 달려가 성심성의껏 피드백 해주신 선생님...덕분에 제게는 어려운 코딩을 쉽게 배우는 시간이 되었으며 바로 취업도 하게 되었습니다. 

    취업률,지역경제 최악의 시대를 살아가고 있는 지금... 울산에 이러한 컴퓨터 교육의 플랫폼을 제공해주신 모든 관계자 분들께 이 글을 통하여 감사의 인사를 드리고 싶네요.

    특히 강의실 입구에 들어설때면 언제나 환한 용모와 힘찬 목소리로 취준생들에게 마음이 담긴 인사로 응원해주신 단발머리 여직원분 가장 기억에 남습니다.

    직원분들 모두 친절하시고 취업 상담사 선생님께도 감사드립니다. 

    강의장은 위치좋고 깨끗하고 컴퓨터도 거의 새거...내가 내  컴퓨터쓰듯 아껴쓰지 못해 미안한 마음이 들정도... 차비와 식사비까지 받으며 정말 너무너무 감사하고 귀한 교육의 시간 이었습니다. 감사합니다^^♡

수강후기 더 보기▶

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

개강임박
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층
  • 대표자 : 김상곤
  • 사업자등록번호 214-86-26812
  • 통신판매업신고 강남13717호
  • 학원등록번호 : 강남 제 1101호
  • COPYRIGHT ⓒ GITACADEMY. ALL RIGHTS RESERVED
상담
문의
02.6959.7923