HTML5&CSS3

  • 일반
  • 재직자
닫기

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

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

닫기

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

HTML5&CSS3

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&CSS3 교육과정 커리큘럼
교육과목 교육내용
HTML5
&
CSS3
1W CURRICULUM
· HTML5의 개요 및 설계 원칙(호환성, 실용성, 운용성과 접근성)
· HTML4와 HTML5의 차이점(기존 마크업과의 중요한 차이점)
· Content-Type, MIME 타입의 중요성
· 콘텐츠 모델 : 카테고리와 콘텐츠, 패턴

2W CURRICULUM
· 시멘틱 엘리먼트와 아웃라인
· 아웃라인 알고리즘, Box Model
· 웹표준을 위한 CSS 기초, 선택자의 개념과 활용
· 캔버스의 사용법, 도형과 드로잉, 변형과 합성

3W CURRICULUM
· 웹 폼과 CSS3, 레이아웃
· CSS3 셀렉터의 활용
· 서브메뉴 네비, 그라디어트 테너레이터 등의 활용
· 그라데이션을 이용한 메뉴

4W CURRICULUM
· 강력해진 웹폼의 활용
· 플레이스 홀더, 오토포커스 각 주소 등
· 비디오와 오디오의 활용, 코덱, 인코딩과 배치 인코딩
· 실무예제 활용(HTML5와 CSS를 이용한 실무 웹페이지 제작)
  • 수강 후기 남깁니다.(김성근 강사님)김이*

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

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

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

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

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

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

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

개강임박
paysale배너

빠른상담

이름

지점선택

연락처

- -

이메일

@

상담내용

2023 강남(본점)

5년 인증 우수
훈련기관 선정

2023 신도림

5년 인증 우수
훈련기관 선정

2023 노원

5년 인증 우수
훈련기관 선정

2023 인천(부평)

5년 인증 우수
훈련기관 선정

2024 인천(청라)

5년 인증 우수
훈련기관 선정

2023 수원

5년 인증 우수
훈련기관 선정

2023 의정부

5년 인증 우수
훈련기관 선정

2023 청주

5년 인증 우수
훈련기관 선정

2023 대전(둔산)

5년 인증 우수
훈련기관 선정

2023 울산

5년 인증 우수
훈련기관 선정

2023 부산

5년 인증 우수
훈련기관 선정

2022 역삼

5년 인증 우수
훈련기관 선정

2022 종로

5년 인증 우수
훈련기관 선정

2022 신촌

5년 인증 우수
훈련기관 선정

2022 부천

5년 인증 우수
훈련기관 선정

2022 안산

5년 인증 우수
훈련기관 선정

2022 안양

5년 인증 우수
훈련기관 선정

2022 성남

5년 인증 우수
훈련기관 선정

2022 전주

5년 인증 우수
훈련기관 선정

2022 대구(동성로)

5년 인증 우수
훈련기관 선정

2022 대구(교보타워)

5년 인증 우수
훈련기관 선정

대한민국 교육브랜드 대상

대한민국 교육브랜드 대상
IT· 디자인 교육 부문 1위

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

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

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

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

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

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

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

대한민국브랜드평가 1위
디자인·IT 교육 브랜드 1위

훈련 이수자 평가

2024 강남(본점)

훈련 이수자 평가
디자인

훈련 이수자 평가

2024 역삼

훈련 이수자 평가
출판

훈련 이수자 평가

2024 종로

훈련 이수자 평가
출판

훈련 이수자 평가

2024 신촌

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 신도림

훈련 이수자 평가
출판

훈련 이수자 평가

2024 노원

훈련 이수자 평가
출판

훈련 이수자 평가

2024 인천(부평)

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2024 성남

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대전

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대구

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 부산

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 역삼

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 종로

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 신촌

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2023 신도림

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 인천(부평)

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 부천

훈련 이수자 평가
회계

훈련 이수자 평가

2023 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2023 성남

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대전

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대구

훈련 이수자 평가
출판

훈련 이수자 평가

2023 부산

훈련 이수자 평가
디자인

훈련 이수자 평가

2022 종로

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 노원

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 인천(부평)

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 부천

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2022 안산

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대전

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대구

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2022 부산

훈련 이수자 평가
정보기술개발