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

웹표준&웹접근성

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

  • 일반
  • 재직자
닫기

국가직무능력표준(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
차용일
  • 차용일
  • 현) 그린컴퓨터아카데미 강사
  • 전) 더조은컴퓨터 학원 강사
  • 전) 메가스터디
  • 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제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
  • 이해*
    이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김순*
    김순*[NCS]인터렉티브웹디자인(별관)
  • 김아*
    김아*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 배진*
    배진*[NCS]인터렉티브웹디자인(별관)
포트폴리오 더 보기 +
  • 신촌점 김세준 강사님 감사합니다!김예*

    저는 포토샵 정말 하나도 모르고 시작해서 이 수업이 저한테 맞는 수업인지 등록전까지 고민을 정말 많이 했습니다.
    주변에서 수업을 듣고나서 활용도가 많이 떨어졌다고 수업 선택을 잘해야한다는 조언도 들어서 수업 시작 자체가 더욱 조심스러웠던거 같습니다.
    재직자 과정이고, 저 외에 많은 분들이 현업에서 많이 사용하셔서 그런지 다들 잘하시더라고요! 수업진도도 빨랐습니다.
    제가 잘 따라올수 있게 신경많이 써주셔서 정말 도움이 많이 되었어요! 덕분에 아주 만족스럽게 작업할수 있었던거 같습니다!
    쌤 코로나가 겹쳐서 수업이 2주간 길어지는 바람에 텐션도 많이 떨어지실테고 힘드셨을텐데 마지막까지 힘내주셔서 정말 감사합니다!
    선생님 수업 다음에 또 찾아들을게요!
  • 이유나선생님 감사합니다.신수*

    6개월 동안 열심히 가르쳐주신 이유나 선생님께 감사합니다.
    이유나선생님 덕분에 어려운 코딩도 이해하기 쉽게 알려주셔서 코딩을 처음 배웠던 제가
    포트폴리오도 만들고 취업도 할 수 있게 되었습니다. 정말 감사합니다.
    코로나 때문에 힘든 시기임에도 신경 많이 써주시고 애써주신 그린컴퓨터학원 모든 선생님께도 감사합니다.
    취업지원실의 홍미소 선생님께서도 취업 준비에 많은 도움을 주셔서 감사합니다.
  • 유나샘은 비전공자들에게 희망을 주었습니다최인*

    비전공자인 상태에서 배운 웹디자인이라는 과정은 쉽지만은 않았습니다. 포토샵 프로그램을 열어본 적도 없던 저는 정말 1부터 시작하였습니다.  정말 초보인 학생들을 위한 설명과 기초적인 질문에 대한 답변도 늘 성실하게 해주셨던 이유나 선생님 덕분에 포토샵/일러스트까지 다루고 웹페이지 제작까지 할 수 있게
    되었습니다. 수업 과정에서 실무적인 부분까지 야무지게 알려주시고 막연하기만 했었는데 길을 잡아주셔서 감사합니다.
    수료 과정 기간은 저에게 많은 것을 손에 쥐어주었습니다. 좋은 분들과 함께 공부해서 감사했고 즐거웠습니다. 
    그리고 홍미소 실장님 취업지원에 힘써주셔서 너무 감사합니다. 그린 컴퓨터 모든 선생님들 감사했습니다.
  • 비전공자들을 위한 수업김영*

    디자인이나 웹 쪽에 관심이 있었것이 전혀 아니였고, 직업상담 때 1차로 알았고 학원상담을 통해서 더욱 더  자세히 알 수 있어서 좋았습니다. 하지만 관심이 있다는 이유 하나만으로 시작을 할 수 있다는 것이 매우 두려운 것이라고 생각을 해서 배우면서 내가 제대로 할 수 있을까라는 생각이 들었습니다. 하지만 이유나 선생님께 배웠습니다.  처음이라서 낯설고 어렵고 모르는 것이 많아서 질문이 할 것이 많았습니다. 그럴 때마다 '모르는 것이 생기면 넘어가지말고 질문을 많이 하셔야 된다'고 말씀을 하셨습니다.  중간에는 스터디로 앱도 제작을 해보고 홈페이지도 제작을 해보았습니다.
    디자인이 부족한 저로서 완벽한 결과가 나올 때까지 피드백을 해주셨고 코딩도 처음 배웠는데 수준이 눈 높이 수준으로 고려을 해주었기 때문에 좋았습니다. HTML,CSS,Javascript가 처음 할 때에는 되게 어려웠는데 하면 할 수록 속도가 붙고 더욱 더 잘 할수 있게 피드백을 해주었기 때문에 항상 감사합니다!
  • 새로운 도전, 함께하는 사람들이어*

    디자인이나 미술쪽을 전공한 것도 아니었고, 직업상담을 하러갔을 때에서야 웹디자이너에 대해서 알게 되었습니다. 주변에서 프리랜서로 생계를 유지하시는 분의 이야기를 듣기도 했었고, 점점 모든 생활이 컴퓨터나 모바일기기를 이용하지 않으면 안되는 현실이기에 이번 기회에 잘 배워서 직업적으로 연결된다면 괜찮을 거라는 생각을 했습니다. 
       하지만 시작하고 배우면서도 계속 할 수 있을까 두렵고 의문이 많이 드는 시간들이 있었습니다. 저는 이유나 선생님께 배웠는데요, 낯설고 모르는게 많아서 질문할 것이 많은데 주위 눈치가 보여서 말하지 못하는 경우도 있었습니다. 하지만 그럴때 선생님이 '질문하고 그자리에서 해결하고 넘어가는게 오히려 저를 도와주는 거에요 질문 많이 하셔도 돼요'라고 말했을 때 정말 감사했습니다.  꼼꼼하고 똑부러지게 설명하시는 선생님의 수업을 성실히 따라가고, 내주시는 과제들도 열심히 피드백 받았습니다. 중간에는 반에서 스터디 그룹을 만들어서 만들고 싶은 홈페이지를 제작해보기도 하구요.
    멀게만 느껴졌던 화면 속 이미지들과 움직임을 내가 실현하고 만들어낼 수 있다는 것이 신기하고 재미있었습니다. 
       어리지 않은 나이에 새로운 도전이었지만 6개월간 저를 성장시켜주신 선생님께 감사하고, 취업을 위해 열심히 자기소개서를 수정해주시고 면접질문리스트와 정보등을 정리해주신 상담실장님께 감사합니다. 같은 길을 걸어가는 좋은 동료들을 만나게 된 것도 감사합니다.
  • 이유나 선생님 정말 감사드립니다~!장옥*

    선생님께서 너무 친절하게 잘 알려주셔서 배우기가 너무 좋고,
     잘 챙겨주셔서 잊지못할 6개월이었습니다. 
    실무경험이 많으신 선생님께서는 특히 실무에서 필요한 배울수 없는 팁까지 쏙쏙 알려주시고 
    꼼꼼히 알려주셔서 정말 감사합니다. 
    저에게 이런 교육을 받을 수 있는 기회가 온 것을 정말 다행이라 생각하고 너무너무 만족합니다~!
수강후기 더 보기▶

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

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