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

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
  • - 레티나 디스플레이 대응 방법, 모바일 페이지 제작
  • 잘 들었습니다! 그리고 취득도 했어요~박경*

    7월3일 ~ 7월 19일까지 수업했는데 재밌게 잘 배웠습니다!
    그리고 바로 시험도 쳐서 합격까지 했어요

    담에 또 기회되면 배우러 가겠습니다.
  • ㅋㅋ 처음배워본 컴활   ^^ 잘들었습니다.an*

    ㅋㅋ 늦은 나이에 사무실에 취직해 
    컴활 자격증 공부를 하게되었네요 
    기대안하고 갔는데  
    선생님도 너무 잘가르쳐주시고 재미있었습니다. 

    물론 회사 끝나고 3시간 수업 압박은 있었지만 
    빠른 진행도 좋았고 포인트만 잘알려주시니 
    이해가 잘되었습니다. 
    복습이 꼭필요한데 피곤해서 복습을 못해서 수업 못따라가는건 ㅋㅋ 어쩔 
    컴활수업 강추입니다.
  • 의정부 컴활 2급 김현송 강사님 정말 최악입니다강혜*

    김현송 강사님 수업을 제대로 하지 않으시며, 수업 중 쉬는 시간은 50분이 넘은 적도 있습니다. 고작 9시부터 11시 30분까지 2시간 30분짜리 수업인데 말이에요. 게다가 9시 정시에 시작하는 것도아니고 5분~10분정도 늦게시작하며 수업은 10분 일찍끝나는데 수업시간 날로먹으세요? 쉬는시간이 너무 많다고 건의했더니 그런 건의를 들으신게 기분이 나쁘시다며 자기가 선심쓰며 해주신다고 말씀하시던 필기 수업도 취소하시고 수업시간 내내 기분나쁘신 티를 내시며 수업하시는게 최악이네요.  강사님께서 “수강생들이랑 앞으로 불쾌하게 지내겠네요.” 라고 말씀하신던데 그게 수업 중에 수강생들에게 하실 말씀인가요? 그리고 수강생들에게 문제를 풀어보라며 시간을 주시곤 본인께선 인터넷 웹서핑, 쇼핑몰 물건을 보시던데 그럴시간에 수강생들이 잘 하고 있는지 돌아봐주셔야 하는 것 아닌가요? 강사로서의 자격이 없으신 것 같네요. 12일동안 수강하는 수업인데  11일째 돼서는 수강생이 ‘4명’ 왔네요. 왜 절반의 턱도 안되는 수강생들 밖에 오지않았는지 좀 깨우치셨으면 좋겠네요. 강사님께서는 “진도를 다 나가 한 시간이 남는데 그시간에 필기를 하면 좋겠지만 필기는 불쾌한 일이 있어 유감스럽게도 못 하겠네요~”라고도 말씀하셨습니다. 불쾌하셔서 말바꾸신게 자랑이신가요? 한 두 번도 아니고 계속 반복적으로 그 얘기를 하시는 의도가 뭔가요? 수강생들의 건의를 수용하여 고치려고 하지도 않으시고 불쾌한 티를 팍팍내시며 설렁설렁 수업하시는 강사님 정말 최악이세요~  진도 다 나가서  같은 문제만 반복적으로 여러 번, 새로운건 알려주시지도 않으시고, 하시는 말씀도 계속 똑같으시고 이럴거면 책 보고하지 뭐하러 학원다니나요? 제가 보기엔 강사님은 앉아서 설렁설렁 대충 가르치며 돈벌려고 나온걸로 밖에 보이지않네요. 학원다닌 돈과 시간이 아깝습니다~
  • 취업지원실 김미연 취업실장님께 가장 감사합니다!!김윤*

    사실 처음엔 그냥 컴활 자격증을 취득하기 위해 방문한 학원이었습니다. 
     박*혜선생님의 꼼꼼하고 알찬 수업덕분에 어려웠던 컴활1급 수업도 잘 따라갈 수 있었는데,  
     (컴활1급 난이도가 꽤 높은 편이라 저는 수료가 목표였는데 천천히 반복설명해주셔서 잘 따라갈 수 있었어요. 
     종강때는 따로 한번 정리까지 해주셔서 정말 감사했습니다. 박*혜 선생님 수업을 완벽히 이해만 한다면, 
     국내 현존하는 모든 행정업무는 무리없이 하겠다 생각이 될 정도였습니다!!) 

     취업지원실에서까지 적극적으로 지원을 해주셔서 정말 감사했어요. 

     처음 오리엔테이션때 취업설명회도 따로 해주시며 최근 직업 동향에 대한 강의를 해 주시는데
     다른 학원과는 다르구나... 라고 느꼈습니다. 보통 어떤 수업을 들으러 가면 그 수업에 대한 강의만
     잔뜩 알려주고 끝이었어요. 물론 그 자격증을 취득하러 방문했지만, 여전히 고민도 많고 취업에 대한 막연함과 
     불안도 가득한 상황이 구직자 훈련과정이라고 생각합니다. 
     
     그런 수강생들의 마음을 알고, 그린컴퓨터아트학원 신도림지점은 
     학원 내 취업지원실도 크게 만들어 언제든 방문할 수 있도록 되어 있었습니다. 
     직업상담사 선생님들과 수강생들이 1:1로 상담할 수 있도록 편안하게 지원 하는 것을 보고 이 학원은 
     기본을 넘어 꼭 '필요한' 것이 무엇인지 아는 학원이구나. 그게 쉽지 않은건데 여기는 참 특별하다. 
     하는 생각이 들었습니다. 훈련중 2차례의 고정 상담을 통해 어떤 분야로 취업을 원하는지, 자기소개서, 면접 등 
     궁금한 점에 대한 개별면담을 실시하고 도중에 지원서를 내거나 면접을 볼 경우엔 긴급클리닉도 지원해 주시는
     것 같았습니다. 상담실장님께서 직접 취업처도 알아봐주시는 모습에서 취업난 속에서도 할수있겠구나. 하는 
     자신감도 많이 생긴것같아요. 
     다른 학원들을 다니며, 동기들의 말도 들어보면 자격증취득만을 위한 '어서 수료해야지...' 하고 
     다니기만 했는데, 그린컴퓨터아트학원은 심층적 취업지원 서비스를 제공하고 있어서 
     같은 컴활1급 훈련이라도 여기서 받을 수 있어서 정말 감사했고, 든든했습니다. 

     그린컴퓨터아트학원 신도림지점 취업지원실, 김미연 취업실장님 정말 감사합니다!
     취업하면 취업후기도 쓰러 오겠습니다!
  • 백근호 선생님의 열정적인 수업에 매료되었습니다.정 *

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