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

웹표준과 웹접근성

  • 일반
  • 재직자
닫기

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

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

닫기

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

웹표준과 웹접근성

웹표준과 웹접근성



디지털디자인 분야 직무종사자와 관련분야로 전/이직을 희망하는 교육/훈련생을 대상으로 훈련을 실시하며 웹표준과 웹접근성을 이해할 수 있다.

디지털디자인(웹)분야에 사용되는 웹 표준, 웹 접근성을 감수하는 직업능력개발을 할 수 있다. HTML을 이용한 디지털디자인 콘텐츠-웹페이지를 웹표준과 웹접근성을 준수하여 제작할 수 있다.
  • 강의대상실업자, 미취업자
  • 취업준비생
  • 고교졸업자, 대학졸업생
  • 사이버대학교 또는 야간대학교 재학생, 자영업자
교과목교육내용비고
웹표준 및 웹접근성 실무활용
  • - h.t.m.l의 기본 개념과 markup언어의 개념
  • - html문서의 구조와 이해, htm언어의 문법과 dt설정
  • - meta태그의 이해, html주요 element와 attribute
  • - block요소와 inline요소의 차이(div요소와 span요소의 비교)
  • - 가시속성에 관한 개념과 다양한 속성을 통한 가시속성 적용
  • - 문서를 구조화하는 html의 주요 요소
  • - 문서구조화에서 태그의 의미적 요소의 중요성
  • - 의미적 마크업과 html5의 신규추가 태그
  • - css의 개념이해
  • - css선택자의 종류(기본 선택자, 응용선택자)
  • - 인라인 정의 방식(내부, 외부)
  • - style속성의 분류
  • - boxmodel의 개념
  • - position의 각 속성에 따른 위치
  • - position의 absolute와 relative관계
  • - float와 clear의 속성 활용법
  • - 장애인 차별 금지법과 웹접근성
  • - 웹접근성 연구소에 따른 표준마크업과 wa마크
  • - 웹접근성 22개 테스트 항목
  • - background-image속성에서 중첩 이미지의 사용
  • - background-repeat, background-size
  • - background-position등을 활용한 배경처리
  • - 이미지 좌표를 이용한 롤오버 효과(image ir)
  • - background-image속성에서 중첩 이미지의 사용
  • - background-repeat, background-size
  • - background-position등을 활용한 배경처리
  • - 이미지 좌표를 이용한 롤오버 효과(image ir)
  • - 여러 가지 코딩에디터의 소개와 효율적인 코딩
  • - zen-coding의 사용법과 단축키 안내, 설정방법
  • - ie(internet explorer)구버전에 대한 대응방안
  • - 멀티브라우저환경에서의 사이트 테스트하기
  • - 웹표준과 웹접근성을 활용한 인덱스문서 작성하기
  • 신동수
  • 신윤철
  • 이진영
  • 정서경
  • 김민정
  • 남현빈
  • 박석호
  • 안효정
  • 원혜종
  • 이신협
  • 이혁주
  • 임민재
  • 강한구
  • 김용신
  • 김수경
  • 박태홍
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 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)개발
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
김민정
  • 김민정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주) 타임라인 CG.그래픽팀
  • 전) 상상미디어 미디어아트팀
  • 전) 핑크스푼 아트디렉터
  • PROJECT
  • tvN 생방송’런닝9’ 연출
  • MBC ‘고향을 부탁해’, 삼척MBC’동네방네’, 극동TV ‘맛있는 책’,’거문고’타이틀 제작
  • MBC 스페셜, SBS 스페셜. SBS’생활과 경제’,패션TV’스위트룸’, FoodTV’양지훈의 더 팔레트’, 경기도 광주시청 ‘광주8경’등 다수 영상디자인
  • ㈜에듀박스,㈜마루 솔루션 홍보자료&홍보영상 제작
  • 롯데백화점, 강동구청 홍보영상 등 제작
  • 쇼핑몰 '블링룩' 대표
  • GTQ 1급
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (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제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
강한구
  • 강한구
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 프리랜서 프론트 개발자
  • 전) 에이전시 프론트단 선임
  • PROJECT
  • 2013)KEPCO 홍보워드프레스페이지
  • 2013)KISA(한국인터넷진흥원)개인정보관리사이트
  • 2013)육군블로그사이트
  • 2013)AMOJE 외식사업 푸드시스템
  • 2012)NIA(한국정보화진흥원)개인정보관리사이트
  • 2012)YoungELS(금융사이트)
  • 2012)미쉐린코리아
  • 2011)한국직업학원 및 개인사이트 리뉴얼
김용신
  • 김용신
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 더존 인터넷 대표
  • 전) 명문프린텍 웹디자이너
  • 전) 진소프트 디자인 팀장
  • 전) 기준 INTERNATIONAL 웹개발 팀장
  • 전) (주)T―forus 웹개발 팀장
  • PROJECT
  • 웹디자인 기능사
  • ACA(Adobe Certified Associate) Photoshop
  • 국가직무능력표준(NCS) 훈련과정 편성 수료
  • 자동차 부품 수출업체 위고 LTD
  • 원룸텔 원스룸
  • 허브티 한국총판
  • 사단법인 행복문화인
  • 한나라당 웹진 관리
  • (주)티포러스 웹사이트 구축
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
  • 박수*
    박수*[NCS] 스마트모바일앱&웹디자인과정
  • 주*영
    주*영프론트엔드
포트폴리오 더 보기 +
  • 수원??캠퍼스??이도형??선생님김세*

    지난  5개월이  짧다면  짧고  길면 긴  시간  이였는데   그동안  즐거웠어요.
    처음에  파워포인트도  잘  못했는데  이제  코딩도  할  수  있는게 너무  신기해요.
    질문에 답도 잘 해주시고, 남아서 잘 가르쳐주셔서 그런지 저도 금방 배운 것 같아요.
    고생하셨습니다.
  • 수원캠퍼스 이도형 강사님 수업들었습니다.박윤*

    수원캠퍼스에서 이도형 강사님 수업을 들었습니다.
    처음 배우는 과정이고 모르는 사람들과 새로시작하는 것이 어려웠지만, 
    강사님이 아주 기초부터 차근차근 설명해주셔서 쉽게 다가갈수 있었고, 
    같은 반 동기들과도 자연스럽게 친해져 모르는게 있으면 물어보고, 아는것이 있으면
    알려주기도 하면서, 한 반이 하나의 덩어리가 되어서 재밌고, 알차게 5개월이란 시간을
    보낼 수 있었습니다. 막상 끝난다고 하니 내일부터는 늦잠잘 수 있겠구나 좋기도 하지만
    서운한 마음도 드네요. 강사님과 동기들과 함께보낸 5개월 즐거웠습니다. 
    앞으로 하시는 일 다들 잘되길 바라겠습니다.
  • 수원 캠퍼스 이도형 강사님수업임호*

    약 5개월간의 모바일 ui/ux 웹 디자인 취업과정을 들었는데
    아쉬운점도 많고 재밌는점도 많았습니다
    이도형 강사님 이  너무  친절히  잘 가르쳐주셔서 
    웹  디자인에 대해  아무것도  모르던  제가  기획  부터  사이트  구현까지   해낼수있게되었고 
    저만의  포트폴리오도  완성해냈습니다
    짧다면  짧고  길다면   긴   시간이였지만   많은것을  배울수있게되었고
    정말정말  감사합니당
  • 수원 그린컴퓨터아카데미 에서 이도형쌤 ui/ux 웹디자인 취업과정 수강생입니다.임나*



    기초부터 가르쳐주시느라
     800시간동안 수고많으셨습니다.
  • 이도형강사님 수업들었습니다. [수원캠퍼스]박소*

    6개월동안 실무위주의 수업으로 가르쳐 주셔서,  정말 좋았어요
    시대에 뒤떨어지는  수업을  배우면 어쩌나  걱정 많이했는데,  요즘  시대에  맞게  실무위주로  수업을  진행하셨고 , 
    웹접근성등  꼭 배워야하는  지식들도  빠짐없이  꼼꼼하게  알려주셨습니다
    포토폴리오 제작 과정  중에도  질문이 있으면, 친절하게 다 알려주셔서,  어렵지않게  첫 프로젝트를  끝낼수 있었습니다
    친절하고  꼼꼼한 수업방식으로  코딩의  두려움을 잘  극복할수있는  수업이였습니다. 한번 더 듣고 싶을 정도예요 ㅠㅠ 
    바로 취업할수있을만큼!!  실무위주수업인걸  강조하고 싶네요  좋았습니다~~~
수강후기 더 보기▶

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

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4(강남대로 428) 만이빌딩 5층, 10층 / 서울시 강남구 역삼동 649-14(테헤란로 119) 대호빌딩 8층 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 220-85-40447 
  • 통신판매업신고 : 2013-서울강남-01429호 
  • 학원등록번호 : 제 5135호
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
02-3481-1005