My Study

전국 최다지점!

원하시는 캠퍼스를 선택해 주세요.

모바일메뉴
모바일메뉴
모바일메cu뉴

1588.9780

HTML5&CSS3

일반
재직자

다른 훈련 과정 보기

닫기

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

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

닫기

분야

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

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

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 큐브 제작
css3 활용	- 비트맵이미지(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
	- 레티나 디스플레이 대응 방법, 모바일 페이지 제작

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

포트폴리오 더 보기 +

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

수강 후기 남깁니다.(김성근 강사님)김이*

처음 컴퓨터 활용 능력 2급을 공부하였는데 생각 한 거보다 재밌었고 학원 시설도 좋았습니다. 강의실도 쾌적하고 시설이 깔끔하였습니다. 그리고 김성근 강사님과 수업을 하였는데 지루하지 않게 설명 하시고 또 천천히 반복해서 얘기 해주셔서 놓치지 않고 잘 따라갔던 거 같습니다. 또 중간 중간 편하게 얘기해주실 때 말씀이 너무 재밌으셔서 좋은 시간이 되었습니다. 다음에 지인에게 이 학원을 추천해도 괜찮을 것 같습니다. 감사합니다.
수강후기윤경*

강사님이 설명을 잘해주셔서 이해하기 엄청 쉬웠어요.
조민규 강사님 수강 후기이하*

프리미어 프로는 이전에 독학으로 컷 편집 정도로만 사용했었고, 에프터이펙트의 경우에는 처음 다뤄보는 것이라서 걱정이 많았습니다. 걱정과 다르게 강사님께서 하나하나 꼼꼼히 짚어주시고, 사소한 질문에도 친절하게 알려주셔서 더 자신감 가지고 수업을 들을 수 있었습니다. 감사합니다.
감사합니다.고한*

컴활 1급에 대한 큰 틀을 알수 있게 되었고, 향후 부족한 부분은 수업내용과 필기 내용을 활용하여 합격하는데 큰 도움이 될 것 같습니다. 중간중간 어려운 부분도 많았지만 선생님이나 주변 동료를 통해서 수업을 듣고 이해하는데 크게 도움이 되었고 컴활1급 합격에 대한 전반적인 지식 및 기술을 습득할 수 있어서 좋았습니다. 자격증 획득에 대한 방향성을 알고 틀에 맞춰서 자격증을 획득에 대한 지식을 습득하기 용이하였습니다.
컴활 1급김현*

체계적인 커리큘럽을 통해 배울 수 있어 컴활 1급 필기와 실기 기본적인 이해와 자격증 취득 준비 과정에 많은 도움이 되었습니다. 감사합니다.
컴활2급 필기/실기 (임인규강사님) 수강후기안민*

매 수업 때마다 열정적으로 가르침 덕분에 자격증 취득에 한 걸음 가까워진 것 같습니다. 이해가 안 되는 부분이 있으면 최선을 다해 알려 주시고 잘 챙겨주신 덕분에 엑셀 공부에 도움이 많이 되었습니다. 1달 동안 너무 감사했습니다!

수강후기 더 보기▶

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

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

개강임박

빠른상담

이름

지점선택

연락처

- -

이메일

상담내용

개인정보취급방침

사랑나눔 사회공헌 대상
교육사회공헌 부문 부총리 겸 교육부 장관상

대한민국 교육대상
디자인·IT 교육 부문 대상

사랑나눔 사회공헌 대상
전문인력육성 부문 고용노동부장관상

고객신뢰도 1위 프리미엄 브랜드
디자인·IT 취업교육 부문 대상

국가브랜드 대상
디자인·IT 교육 최우수 브랜드

한국의 가장 사랑받는 브랜드 대상
디자인·IT 교육 부문 대상

소비자추천 1위 브랜드 대상
디자인·IT 교육 부문 1위

대표번호 : 1588.9780

COMPANY INFO

대표자 : 김상곤
사업자등록번호 : 214-86-26812
통신판매업신고 : 2023-서울서초-2056호
주소 : 서울 강남구 테헤란로5길 24, 장연빌딩/ 4~6층

[교습과정 및 비용]

Family site

그린소개

지점안내

국비과정

일반과정

커뮤니티

포트폴리오

고객센터

취업센터

상담센터

대한민국 교육브랜드 대상

사랑나눔 사회공헌 대상

대한민국 교육대상

사랑나눔 사회공헌 대상

고객신뢰도 1위 프리미엄 브랜드

국가브랜드 대상

한국의 가장 사랑받는 브랜드 대상

소비자추천 1위 브랜드 대상

대한민국브랜드평가 1위

KDT

KDT

KDT

특화훈련

특화훈련

기업맞춤형

재직자(온라인)

재직자(온라인)

재직자(온라인)

KDT

국기+일반

KDT

KDT

재직자+일반

재직자+일반

재직자+일반

재직자(온라인)

재직자(온라인)

재직자+일반

재직자(온라인)

재직자+일반

국기+일반

국기+일반

특화훈련

특화훈련

국기+일반

국기+일반

기업맞춤형

국기+일반

국기+일반

KDT

실업자+일반

일반

재직자(온라인)

재직자(온라인)

국기+일반

국기+일반

국기+일반

실업자+일반

재직자+일반

재직자+일반

재직자+일반

재직자+일반

재직자+사업주+일반

재직자+사업주+일반

재직자+사업주+일반

특화훈련

국기+일반

과정평가형

실업자+일반

재직자+일반

재직자+일반

재직자+일반

재직자+일반

재직자+일반

재직자+일반

과정평가형

과정평가형

국기+일반

기업맞춤형

국기+일반

실업자+일반