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

웹표준&웹접근성

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

  • 일반
  • 재직자
닫기

국가직무능력표준(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 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
  • 김아*
    김아*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 박재*
    박재*티비에이치글로벌 리뉴얼
  • 박지*
    박지*웹퍼블리싱프론트엔드디자인2기
포트폴리오 더 보기 +
  • 가르쳐 주신것들 잊지않고 더 발전해서 멋진 개발자가 될게요!! HR*

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 양질의 수업은 물론, 취업지원도 원활한 그린컴퓨터아카데미를 추천합니다. HR*

    혹자는 직업훈련과정이 시간낭비라고 부정적으로 평가하는 사람들도 있는 것이 현실입니다.

    훈련과정을 신청하기 전, 여러가지 정보들을 수집하는 과정에서 부정적인 사례도 많이 접했기 때문에 걱정이 많았으나, 그린컴퓨터아카데미를 택한 것은 아주 탁월한 선택이었습니다.

    열정적으로 가르쳐주시는 선생님을 만나 아무것도 알지 못했던 6개월전으로부터 많은 변화가 있었습니다. 

    양질의 수업은 물론, 취업지원도 원활한 그린컴퓨터아카데미를 추천합니다. 

    훈련생이 의지를 가지고 노력한다면 분명한 성과를 얻을 수 있다고 생각합니다.

  • 수업을 통해서 웹디자이너가 갖춰야 할 자질과 역량에 대해 많이 배울 수 있었던거 같아요.HR*

    수업을 통해서 웹디자이너가 갖춰야 할 자질과 역량에 대해 많이 배울 수 있었던거 같아요.

    그리고 수업 도중에 종종 경험에서 비롯한 실무환경에 대해 알려주시고는 했는데 그 부분이 공감이 많이되고 특히나 기억에 많이 남네요. 

    선생님이 가르쳐주신 말씀들 항상 마음 속에 새기며 실무에서 열심히 적용해볼게요 ㅎㅎ 

    선생님 혼자서 많이 인원들 이끌어가신다고 너무너무 고생많으셨구요! 

    많이 배울 수 있었습니다 ㅎㅎ 

    감사합니다 선생님! :)

수강후기 더 보기▶

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

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