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

HTML5&CSS3

  • 일반
  • 재직자
닫기

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

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

닫기

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

HTML5%26CSS3

HTML5 & CSS3



HTML5는 HTML의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어입니다.

HTML5의 목적은 최신 멀티미디어 콘텐츠를 브라우저에서 쉽고 용이하게 볼 수 있게 하는 것입니다.
Active X의 설치 없이도 인터넷 익스플로러에서 멀티미디어 콘텐츠 사용이 가능하게 됩니다.
또한 다양한 웹 브라우저에서도 동일하게 기능이 구현이 되기 때문에 서로간의 호환성이 높아집니다.

HTML5 이전에는 임베디드 오디오/비디오 콘텐츠를 지원하기 위해서는 Flash를 사용하였습니다.
시대가 변하면서 Flash를 지원하지 않는 모바일 디바이스의 시장 확대로 인하여 HTML5가 이를 대체하는 cross-platform을 지원하는 시장의 표준으로 성장하고 있습니다.

HTML5에서는 Canvas 기능을 통해서 다양한 형태의 이미지를 만들어 낼 수 있고,
실시간으로 이미지 프로세싱이 가능한 기능을 가지고 있습니다.
차세대 웹 표준으로 향후 모바일 웹의 핵심 기술로 주목받고 있는 HTML5의 탄생 과정과 설계 원칙(호환성, 실용성, 상호운용성, 보편적 접근성) 등과 HTML5와 관련된 사양 전체를 개략적으로 학습합니다.
다양한 브라우져에서 최적의 웹 페이지를 구현합니다.

HTML5를 지원하는 브라우저는 또한 CSS3(Cascading Style Sheets) 표준을 준수하고 있습니다.

CSS3을 사용함으로써 오는 큰 이득이 있습니다. 이미지가 없어도 간단한 버튼을 만들 수 있으며,
파일크기를 작게 할 수 있거나 복잡한 스크립트, 라이브러리, 플래시를 사용하지 않아도 움직임이 있는
표현을 가능하게 해준다는 것입니다.

HTML5와 CSS3을 사용함으로써 더 나은 인터페이스 컨트롤을 사용자에게 제공을 합니다.
또한 스크린리더 같은 프로그램을 사용하여 보조 기술에 의존하는 사람들에게 더 좋은 웹 페이지 접근성을 제공할 수 있게 도와줍니다.

본 과정은 디자이너 및 웹퍼블리셔가 되기 원하는 이들에게 조금 더 수월하게 익힐 수 있도록 가장 기초적인 예제부터 실무적인 예제까지 다양하게 학습을 하여 전문성을 지닌 자신을 만날 수 있도록 도와줍니다.
강의대상
  • 웹 사이트를 제작에 필요한 다양한 툴을 익히고자 하는 분
  • 전문 디자인 작업을 배우고자 하는 예비 디자이너
  • 타 디자인분야에서 웹디자이너로서 모색 중인 디자이너
  • 웹 사이트 제작 노하우를 숙지하고자 하는 일반인
취업분야
  • 웹디자이너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 모바일 인터페이스 디자이너, 웹 에이전시, 쇼핑몰 디자이너 등
취득가능 자격증
  • 웹디자인 기능사, 멀티미디어 콘텐츠제작 전문가, 컴퓨터그래픽스운용기능사, GTQ 등
교육과목 교육내용
html5 개요 및
디지털 콘텐츠
제작 기술
  • - html4와 xhtml, html5의 버전 별 차이 및 dtd 이해
  • - 의미적 마크업(semantic markup)
  • - 문서 구조(document structure)
  • - 구조를 나타내는 요소, 콘텐츠 모델(content models)
  • - 아웃라인 알고리즘(outline algorithm)
  • - 박스 모델(box model) 및 콘텐츠 모델 (content model)
  • - 인터렉션 요소
폼요소 활용
  • - html5 새로운 웹폼 관련 요소
  • - 동영상 및 오디오
  • - vendor-prefix 이해 및 css3 활용
css3 활용
  • - css3 transition 을 이용한 앱과 같은 화면 전환 효과
  • - 변형(transform), perspective를 이용한 3d 큐브 제작
  • - 비트맵이미지(canvas) 및 api, 벡터이미지(svg) 및 api
  • - 지오로케이션 및 map api (google map api, naver map api)
반응형 웹페이지 제작
  • - 미디어 쿼리(media query)
  • - media query의 변화와 특징 (n-screen 대응)
  • - css3를 지원하지 않는 브라우저(ie)에서의 css3 적용
  • - 반응형 웹페이지 (responsive web design)
  • - 미디어 쿼리 분기점의 이해 (break points)
모바일 웹페이지 제작
  • - 클라이언트에 데이터를 저장
  • - 로컬저장소(local storage) vs 세션저장소(session storage)
  • - 모바일 웹의 이해, meta viewport 이해 및 적용하기
  • - screen density, css pixels / device pixels
  • - 레티나 디스플레이 대응 방법, 모바일 페이지 제작
  • 성준호 선생님 감사합니다.박홍*

    이번 컴활1,2급 과정을 듣고 많은 도움이 되었습니다. 자세히 알려주시고 또 모르는 부분을 다시한번 배우고 복습할 수 있도록 알려주셔서 어려움없이 잘 진행했습니다!
  • 성준호 선생님 감사합니다강우*

    컴활2급 자격증은 있지만 엑세스 에 대해 몰랐거 있었는데 천천히 알려주셔서 감사합니다 근데 학원은 진도가 계속 나가는데 저는 진도 못따라가서 힘든게 많네요 학원이용하실려면 참고하는게 좋을거 같아요 ^_^;
  • 성준호 강사님 감사합니다!이현*

    자격증 취득을 위해 신청하게 되었습니다. 기초부터 가르쳐주셔서 수업을 따라가기 수월했고 이해가 안 되는 부분을 잘 알려주시는 데다가 진도 체크도 꼼꼼히 해주십니다. 수업 끝난 뒤엔 오늘 수업 내용을 메일로도 보내주셔서 집에서 복습하기도 매우 좋았습니다! 좋은 강사님 만나 한 달간 즐겁게 수업을 들어 기쁘고 좋은 수업 듣게 해주셔서 감사합니다 ㅎㅎ
  • 성준호 선생님 감사합니다.황유*

    예전에 학교에서 컴활2급을 배운 적이 있어, 약간의 기초는 말고는 알고 있는것이 없었습니다. 하지만 수업에서 배운 엑셀과 엑세스를 통해 컴활1급을 취득할 자신감이 생겼습니다. 기초가 없다고 생각하시고 처음부터 끝까지 차근차근 알려주시고, 동영상까지 찍어서 보내주셔서 아파서 못오는 날에는 집에서 보고서 할 수 있어서 좋았습니다. 앞으로도 좋은 강의 부탁드립니다 감사합니다!
  • 좋은 강사님 만나서 다행입니다~박종*

    친절하고 실력있는 강사님 만나서 쉽게 이해 할 수 있었습니다. 어려운 문제도 차근차근 이해하기 쉽게 설명해주셔서 이해를 빠르게 할 수 있었어요
  • 성준호 강사님 감사합니다!이하*

    컴활1급2급 자격증을 취득하기 위해서 수업에 참여하게되었습니다. 처음에는 컴활1급 난이도가 생각보다 있어서 생각보다 힘들었지만 선생님이 친철하게 차근차근 수업진도를 나가시고 적극적으로 열심히 가르쳐주셔서 잘따라갈수있었습니다. 복습과 반복연습을 통해서 그동안 배웠던것을 연마해 자격증을 꼭 취득하겠습니다. 성준호 선생님 수업진행해주시느라 그동안 정말 감사했습니다!!!
수강후기 더 보기▶

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

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