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

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
  • - 레티나 디스플레이 대응 방법, 모바일 페이지 제작
  • 좋은 강의로 많은 도움이 되었습니다. 신윤철 강사님 감사드립니다.원영*

    워드프레스를 이용하여 쉽고 빠르게 홈페이지를 만들 수 있는 방법에 대하여 배울수 있었습니다. 
    또 작업을 하면서 실무에 꼭 필요한 팁들을 알려 주셔서 많은 도움이 되었습니다. 
    워드프레스를 처음 접하는 사람이라면 이 강의를 꼭 추천드립니다. 
    신윤철 강사님 두달동안 수업하시느라 수고하셨습니다.
    감사합니다.
  • 포토수업김희*

    포토샵 수업 참재미있었습니다.^*^  박은숙선생님께서 잘못해두 너무 친절하게 가르쳐주셔서 너무많이 감사합니다.
    3시간이 금방지나도록~ ~ 꾸벅!ㅎ~ ㅋ일러스트수업이 걱정이네요^*^
  • 뜻깊은 시간 감사합니다.후기*

    컴퓨터를 배우는것이 처음이라 걱정을 많이 했었지만  선생님께서  차근차근 알려주셔서 이해를 빨리 할수있었고  처음엔 어려웠지만 하다보니 실력도 많이 늘고  즐겁게 배워  짧은시간이라  아쉽긴했지만  뜻깊은 시간이 되었습니다.
  • 잘 배웠습니다.강우*

    처음배우는거지만  선생님께서 잘 가르쳐주셔서   도움이 되었습니다. 
    쉽게가르쳐주셔 감사합니다.  다음에도 기회가 되면 뵙고싶습니다.. 
  • 처음배우는 사람입니다.ss*

    캐드를 처음 다루는데 이번 강의를 통해 캐드에 자신감이 생기고 왠만한 도면을 그릴 수 있는 실력이되게 해주셔서 감사합니다.!
수강후기 더 보기▶
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층
  • 대표자 : 김상곤 관리자 : 김종우
  • 사업자등록번호 214-86-26812
  • 통신판매업신고 강남13717호
  • 학원등록번호 : 강남 제 1101호
  • COPYRIGHT ⓒ GITACADEMY. ALL RIGHTS RESERVED
상담
문의
02.466.6374