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

웹표준&웹접근성

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

  • 일반
  • 재직자
닫기

국가직무능력표준(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를 활용한 웹 페이지 제작
웹 출판 및 웹접근성 검증
  • 이혁주
  • 이신협
  • 차승미
  • 신윤철
  • 차용일
  • 박태홍
  • 남현빈
  • 안효정
  • 임민재
  • 신동수
이혁주
  • 이혁주
  • 現) 그린컴퓨터아카데미 강사
  • 前) M디자인 웹 퍼블리싱 팀장
  • 前) N솔루션 웹 퍼블리셔
  • PROJECT
  • 여성 e―Business 교육사업 인증
  • 멀티미디어 컨텐츠 제작 전문가
  • 웹디자인 기능사
  • MOS Master
  • ACA(Adobe Certified Associate)
  • 컴퓨터그래픽스운용기능사
  • PTQ(GTQ 전문강사)
  • 직업능력개발훈련교사 2급(디자인/문화콘텐츠)
  • 직업능력개발훈련교사 3급(영상제작/정보기술개발/정보기술전략계획)
  • 고등학교 방과후 활동 출강
  • 속에 다 있다 컴퓨터그래픽스운용기능사(실기) 저서(2007, 웰북)
  • PROJECT ― 마포문화재단외 다수 사이트 유지보수
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
  • PROJECT
차승미
  • 차승미
  • 현) 그린컴퓨터아카데미 강사
  • 전) 더조은아카데미 강사
  • 전) 한국직업전문학교 강사
  • 전) 서울IT직업전문학교 강사
  • 전) 국제직업전문학교 강사
  • 전) 열린직업전문학교 강사
  • 전) 다음산업디자인 강사
  • 전) 온넷
  • 전) 인디자인
  • 전) 대우전자
  • PROJECT
  • 건국대학교 교육대학원 졸업
  • 서울탁주 홈페이지 제작
  • 삼성 SOSCON 퍼블리싱
  • 삼성 의료기기 GM85 마이크로 사이트 퍼블리싱
  • 삼성 타이젠인센티브 사이트 퍼블리싱
  • 에코플러스 홈페이지 제작
  • 롤포밍 홈페이지 제작
  • 유앤항외과 홈페이지 제작
  • 700beer 가맹점 사이트 제작
  • 직업훈련교사 3급(인쇄)
  • 직업훈련교사 3급(출판)
  • 직업훈련교사 3급(영상제작)
  • 직업훈련교사 3급(디자인)
  • 직업훈련교사 3급(문화컨텐츠)
  • 직업훈련교사 3급(정보기술개발)
  • 직업훈련교사 3급(정보기술운영관리)
  • 직업훈련교사 3급(정보기술전략계획)
  • 중등학교정교사(컴퓨터교육)
  • 정보처리기사
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
차용일
  • 차용일
  • 현) 그린컴퓨터아카데미 강사
  • 전) 더조은컴퓨터 학원 강사
  • 전) 메가스터디
  • PROJECT
  • 메가스터디 경찰공무원 프로젝트 (설계 및 화면구현 참여)
  • Save the Children 리뉴얼
  • AppsPlay 신규 프로젝트 구현
  • Hansoltex 리뉴얼 설계 및 화면 구현
  • 세이클럽 관리 운영 issue 및 리뉴얼
  • 기타 에이전시 Web, Mobile, App, Tamplete 등의 각종 프로젝트 참여
  • 정보처리산업기사(자격증보유)
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
  • 배진*
    배진*[NCS]인터렉티브웹디자인(별관)
  • 손민*
    손민*[NCS]인터렉티브웹디자인(별관)
  • 정*종
    정*종웹디자인취업과정
  • 김아*
    김아*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
포트폴리오 더 보기 +
  • 이번에 만나게 된 저의 선생님은 정말 여러모로 행운이었다고 생각합니다.HR*

    개인적으로 이번에 만나게 된 저의 선생님은 정말 여러모로 행운이었다고 생각합니다.

    웹 분야에 대해 아무것도 모르는 제가 쉽게 이해할수 있도록 풀이해주셨고 배우는 과정에서 힘들었던 시기도 있었는데 그때 잘 붙잡아주시고 이끌어주시고 상담도 잘 들어주셔서 너무 감사했습니다. 

    지금까지 이 과정동안 배운것을 잘 응용하면 취업을 잘 할수 있을거라는 생각이 듭니다. 

    그동안 많은 학원 수강을 들었었고 선생님들도 만났었지만 저희 선생님은 정말로 여러부분에서 학생들을 대하는 부분에서 학생들을 위하는 진심이 느껴졌고 정말 마지막 수업때는 더이상 이 수업을 들을수 없다는 것에 많은 아쉬움이 있었습니다. 

    앞으로 저희 선생님 수강을 들으시는 분들이 너무 부럽고 이 선생님을 통해서 성실하게 더 많은 것을 배워나가시길 바랍니다.

  • 정말로 감사합니다 선생님 ㅎㅎㅎHR*

    기존에 이분야에대해서 공부를 한 적이 있었는데 당연시 하게 여기던 분야를 색다르고 편하게 하는 방법들을 간단하게 알려주셔서 정말 좋았습니다!

    그리고 학생 한명한명 다 다정하고 장난끼 넘치게 챙겨주셔서 끝가지 간것 같아요 

    수업 듣는내내 제가 모르던 부분도 다르게 접근해 주셔서 여러가지 아이디어들이 잘 떠오르게 만들어주신것 같아 감사하다는 말밖에 안나오네요 

    정말로 감사합니다 선생님 ㅎㅎㅎ

  • 가르쳐 주신것들 잊지않고 더 발전해서 멋진 개발자가 될게요!! HR*

    어디부터 이야기를 해야할 지 고민되네요...

    제가 임민재 선생님을 만난것은 정말 큰 행운이었어요. 

    수업자체도 너무 좋았지만, 선생님이 너무 좋은 분이라서 더 수업이 즐거웠어요. 몸이 아파도 매일 수업시작 10분전에는 도착하시고 참 책임감 강한 선생님이세요. 

    저는 코드를 아예 모르고 이 수업을 듣게 되었는데 저처럼 아예 모르고 온 사람들도 이해하기 쉽도록 눈높이를 맞춰주셔서 수업을 잘 따라갈 수 있었던것 같아요. 

    처음에 주변사람들한테 코딩이 어렵다는 이야기를 많이 들어서 굉장히 걱정하고 이 수업을 듣게되었는데 첫 날 수업을 듣고 걱정을 싹 내려놨어요 ^0^ 

    그만큼 쉽게 가르쳐주시고, 현장에서 겪고 느낀 것들을 알려주셔서 취직이 되면 어떤점들을 조심해야하고 어떤 점들을 신경써야 할 지 생각해보게 되었어요. 

    그리고 무엇보다도 선생님이 항상 저희를 그냥 지나가는 학생1이 아니라 제자로 생각하시고 뭐라도 하나 더 가르쳐 주시려는 마음이 느껴져서 저도 그 마음에 부응하려고 열심히 하게 되었던것 같아요. 

    5개월동안 선생님하고도, 같은 반 사람들하고도 너무 정이들어서 어제 종강하는데 너무너무 아쉬웠어요. 

    종강날 선생님한테 그동안 일부러 마음써서 학생 한 명 한 명 신경써주신 것 너무 감사한다고 말씀드리고 싶었는데, 눈물이 날것 같아서 감사하다는 말밖에 못드렸어요 ㅎㅎ ㅠㅠ 

    선생님 ! 건강잘 챙기세요!! 선생님이 가르쳐 주신것들 잊지않고 더 발전해서 멋진 개발자가 될 게요!! 제가 만난 선생님들 중에 정말 좋으신 분들도 많이 계셨지만 임민재 선생님이 저한테는 최고의 선생님이에요. 정말 감사합니다^0^!!

  • 훈련과정에 많이 만족스럽습니다.HR*

    훈련과정에 많이 만족스럽습니다.

    우선적으로 교강사의 지식수준 및 열정이 대단하여 엄청난 도움이 되었습니다. 

    또한 이러한 기술을 습득할수 있게끔 지원해주는 제도에 대하여 매우 감사하게 생각합니다. 

    훈련종료 후 몇일 안된 시점이라 아직 잘 모르나, 제도의 취지에 맞게 취업 알선 및 안내 또한 적극적으로 해주셨으면 좋겠습니다!

  • 임민재선생님 감사합니다!HR*

    솔직히 말하자면 국비지원 수업에 크게 기대를 하고 있지 않았습니다.

    처음 컴퓨터 용어도 아무것도 모르고 갔기도 했고, 전혀 다른 분야에서 일하고 있었으니까요ㅎㅎ 

    하지만 저희 개성이 강한 12명을 임민재선생님 아니였으면 여기까지 못 왔을꺼라고 생각합니다. 

    임민재선생님이 무수한 노하우로 a~z까지 전공자가 아닌 사람도 알기 쉽게 설명해주셔서 저희같은 학생들 눈높이에서 많이 생각해보시고 수업을 준비하신다는게 많이 느껴지는 수업이였습니다.

수강후기 더 보기▶

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

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