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

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
  • - 레티나 디스플레이 대응 방법, 모바일 페이지 제작
  • 백근호 선생님의 열정적인 수업에 매료되었습니다.정 *

    백근호 선생님께서 학생들에게 자신의 능력과 지식을 아낌없이 전달하고자 쏟아 붓는 열정적인 모습에 한껏 매료되었습니다. 자칫 게을러지고 의욕이 저하되기 쉬운 피학습자들에게 끊임없이 의욕을 북돋아주고 동기 부여해 주는 모습은 과거 학생시절의 학교 선생님들에게서도 볼 수 없었던 모습이었네요.
    또한 AUTOCAD, 3DS MAX 등의 프로그램에 대한 전문성은 과연 이 분보다 더 잘하는 분들이 또 계실까하고 생각될 정도였습니다. 이외에도 컴퓨터에 대한 지식, 도배, 도장 등 인테리어 실무에 필요한 기술도 본인 스스로가 다양한 자격증을 이미 취득했을 뿐만 아니라 실습시간에 보여주신 시범기술은 현장에서 최고의 기술자로 인정 받을 만한 정도의 숙련도를 가지고 있었기에, 처음 그러한 실습에 임한 학생 입장에서 초보자가 범하고도 이해하지도 못하는 실수를 단번에 인정하고 수정할 수 밖에 없었지요.
    전산운용건축제도기능사 자격증 시험을 위하여 지속적인 압박수업과 밤늦은 시간까지 학생들과 같이 시간을 보내며 CAD 운영능력을 신장시키고 목표 수준에 도달하게끔 이끌어 주신 바, 응시학생 100% 합격을 달성한 사실은 학생 모두가 깊이 감사드리는 바입니다. 
    앞으로도 계속 건강하시고 알찬 수업을 후학들에게도 베풀어 주시어 건강한 대한민국 건설에 앞장 서 주시기 바랍니다.
    감사합니다.
  • 이경옥 선생님  감사드립니다.황재*

    두달 동안 감사드립니다.
    열정적으로 가르쳐 주셔서 많이 배웠습니다.
    꼭 필요한 포토샵을 배우게 되어서 감사드립니다.

  • 선생님 넘 감사~~윤소*

    처음에 모스자격증이 괜찮다고 해서 아무것도 모르고 여기저기 알아보다가 처음에 다른학원에 등록했었어요..ㅜㅜ

    근데 그 학원에서는 너무 성의없이 가르쳐주구 제가 왠지 잘못 학원을 선택한것같다는 느낌이

    들었고 시험도 붙을지 못붙을지 확신도 없었어요.. 그러던 와중에 다른학원은 어떨까해서

    일단 근처의 학원을 여기저기 인터넷으로 알아보고 제가 직접 전화를 해서 상담을 했는데

    그린컴퓨터 학원이 제일 상담을 친절하게 해주셨고 일부러 전화까지 하셔서 어떤 수업이 있다고 자세히 알려주셨습니다. 그래서 학원에 굉장히 신뢰가 갔습니다.

     제 친구도모스자격증에 관심이 있다고 해서 친구까지 끌고 이학원에 오게 되었습니다. 일단 선생님도 너무 잘 알아듣도록 열심히 가르쳐 주셨고, 컴맹인 제가 금세 자격증을 따게 되어 너무 기뻤습니다.

    처음부터 이학원에 등록을 했었더라면 더 좋았을텐데 하고 많이 후회했습니다. 일단 학원자체도 깔끔하고 만일 제가 정해진 시간에 수업을 못 들어가도 다른 시간선택이 가능하다는 장점도 있고해서

    저는 일단 이 학원에 등록한 것이 대 만족이었고, 만일 다른 친구들이 컴퓨터 학원을 다니려고 생각하고 있다면 무조건 이 학원을 추천할 겁니다. ㅋㅋㅋ 선생님 수고 많으셨어용~~~!!앞으로도 좋은강의 해주세요~~

  • 외국인 수강후기이영*

    안녕하세요. 사람들의 가슴을 설레이게 하는 멋진 가을이네요. 제 마음도 똑 같답니다. 하지만 제 마음이 설레이는 건 제가 오래전 부터 배우고 싶었던 컴퓨터 학원에 다니고 있기 때문입니다. 그것도 아주 즐겁게 다니고 있답니다. 처음에는 많이 망설였답니다. 제가 외국인이기 때문이지요. 한국에 온지 1년밖에 안됐구요.한국말도 아직 잘 이해하기 어려운데다가 영어로 많이 하니까 엄두가 안나더라구요. 그래서 여러 학원을 알아 보던중 우연히 그린컴퓨터학원을 알게됐어요.학원도 깨끗하고 조용하고 마음에 들었어요. 처음에는 많이 힘들었어요. 역시나 제가 우려 했던것 처럼 강의 듣기가 힘들더라구요. 하지만 이런 건 잠시 뿐이였어요. 저희 강사님의 세심하고 상세한 가르침하에 저는 학원 오는것이 하루하루가 즐겁더라구요. 강사님은 저 뿐만아니라 학생 하나하나 아주 상세하게 가르켜 준답니다. 역시 제가 학원 하나는 잘 선택 했구나 하는 생각이 들더라구요. 저는 지금도 열심히 배우고 있고 앞으로도 남은 학원 시간 즐겁게 보낼겁니다. 아마 아주 짧은 학원 시간이였지만 오래오래 기억에 남을겁니다.
  • 벌써 또 한달이란시간이 흘렀네요이동*

    포토샵에 또다른 재미와함께 색다른 매력에 빠져버렸네요 오늘이란 시간은 항상 중요하다고 봅니다. 그러기에 내일이란 시간또한 소중한것이지요 복도를 거닐다가 마주치는 사람들의 모습이 이젠 낮설게 느껴지지가 않네요 벌써 2달이란 시간이 지났으니깐요^^
수강후기 더 보기▶

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

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