TIS정보기술교육센터-고용노동부 인증 우수 훈련기관

HTML5와 CSS3를 활용한 반응형 웹페이지 제작 과정

직업능력개발훈련(국민내일배움카드/사업주지원)

HTML5와 CSS3를 활용한 반응형 웹페이지 제작 과정

현업에서 웹디자이너 및 UI디자이너 직무를 수행하는 분이나 웹퍼블리셔로의 직무 초보자에게 적합한 과정이며, UI디자인 및 제작, 반응형 웹 제작 초급 수준으로 강의가 진행됩니다.

교육과정명

HTML5와 CSS3를 활용한 반응형 웹페이지 제작 과정
교육기간

23.10.07 ~ 23.11.11(토요일 6일/48시간)
교육시간

09:30~18:20 (1일 8시간)
교육비용

국비지원(0~35% 자비부담)
훈련장려금

일부 대상자(국민취업지원제도 대상자 등)는 훈련장려금 지급
교육대상자

국민내일배움카드 발급자 모두(근로자, 구직자, 자영업자, 대학졸업예정자 및 재(휴)학생 등)
문의전화

직통전화 : 02-2069-1931

▶ 실 부담금&환급금액

[자비 부담금 안내]
1. 국민내일배움카드(구직자+재직자 통합) 발급자
- 일반 훈련생(재직자, 구직자, 자영업자 등 아래 대상외 모두) : 교육비(317,760원) 중 자비부담 35%(111,220원)
- 근로장려금 수급자(EITC) : 교육비(317,760원) 중 자비부담 17.5%(55,610원)
- 국민취업지원제도 II 유형 참여자 : 교육비(317,760원) 중 자비부담 30%(95,330원)
- 국민취업지원제도 I 유형 참여자 : 교육비(317,760원) 중 자비 부담 0%(0원)

2. 사업주 지원훈련(회사 환급)
- 우선적용대상기업(중소기업) : 납부 교육비(317,760원) 중 90% 환급(285,980원)
- 상시근로자 1000명 이하 기업 : 납부 교육비(317,760원) 중 60% 환급(190,650원)
- 상시근로자 1000명 이상 기업 : 납부 교육비 (317,760원) 중 40% 환급(127,110원)

3. 비(非) 정부지원 대상자 : 교육비 317,760원 중 자비부담 70%(222,430원)

교육과정 목표

▶ 교육개요 및 목표
① UI 요구사항을 확인하여 UI 설계 산출물과 GUI 디자인 가이드를 바탕으로 UI 구현 표준을 수립하고 화면을 구현하는 능력과 UI를 제작하는 능력을 함양할 수 있다.
② 웹표준과 반응형 웹을 구현하는 방법을 이론으로 이해하며 이를 기반으로 HTML & HTML5, CSS & CSS3, javascript & jQuery 기초, Bootstrap 등의 언어와 UI프레임워크를 활용하여 반응형 웹페이지 제작의 실무 능력을 배양할 수 있다.

▶ 선행 지식 및 선수 학습 요건
① 비전공, 초보자 가능(사전 지식이 꼭 필요하지는 않지만 교육 시작전 HTML, CSS 기초 학습시 교육의 효과와 효율성에 도움이 됨)

2022년 해당 직종 직업능력개발훈련 주요 성과 및 실적

#직업능력개발훈련

이수자 평가
최우수 A등급
획득!
#훈련 성과

전체 수료율 94.6%,
취업률 87.5%
달성!
#훈련생 만족도

평균 4.7점
(5점 만점)
획득!

교육기간 및 일정

교육기간(일정): 2023. 10. 07(토) ~ 2023. 11. 11(토) (6주/6일/48시간, 매주 토요일 6일)

교육시간: 09:30~18:20 (1일 8시간) 점심시간 : 12:20~13:20 (60분)

강의실: 5강의실

정원: 20명

실제 교육 세부 커리큘럼

교과목	단원	세부내용
반응형 웹페이지 제작	UI/UX, 웹표준과 반응형 웹의 이해	UI/UX와 웹표준의 이해와 필요성 웹접근성의 이해(호환성 및 접근성) 반응형 웹&모바일 웹의 개념 이해
	HTML&HTML5	HTML 구조 및 레이아웃 HTML 태그 이해 및 마크업 기초 HTML5 구조 및 레이아웃 HTML5 마크업 기초 및 코딩 HTML5 시멘틱 마크업, 테이블, 폼, 그룹 요소 HTML5 구조 요소들(오디오, 비디오) HTML5 마크업 심화 및 응용 HTML5 API, 캔버스 사용
	CSS&CSS3	CSS 기본 속성 및 문법 이해 CSS3의 추가 기능 및 선택자의 종류와 활용 CSS3의 여러 가지 스타일 속성의 종류와 활용 웹페이지 레이아웃, 애니메이션, 변환 CSS3 고급 기능 사용, 반응형웹 미디어 쿼리
	반응형 웹페이지 제작	레이아웃, 그리드 시스템, 타이포그래피, 웹폰트, 부트스트랩 반응형웹 레이아웃, Flex 레이아웃, Grid Layout, 미디어쿼리 CSS Animation, CSS3를 활용한 2D & 3D 이미지 슬라이더, 라이트박스, 비디오 백그라운드 플러그인 멀티 디바이스의 특성 이해, 모바일 대응 웹사이트 제작 기초 반응형 웹디자인 화면 설계와 코딩 실습 반응형 웹페이지 제작 및 업데이트

수료후 취득가능 자격증

국가기술자격증
- 웹디자인 기능사
국제공인 자격증

수료 후 진로(직업)

웹디자이너
UI/UX디자이너
웹퍼블리셔

훈련교사 소개

김민정

강의 경력

현)TIS정보기술교육센터 웹퍼블리싱&프론트엔드(HTML5, CSS3, JavaScript, jQuery, 웹표준 및 반응형웹 등)
더조은컴퓨터아카데미 웹디자인 기능사 과정 평가형 강의
카톨릭대학교 포토샵 및 일러스트 그래픽 스킬업 심화과정 강의
인컴평생교육원 웹표준 및 반응형 디자인, 쇼핑몰 제작 과정 강의
이젠컴퓨터아카데미 그래픽디자인 및 GTQ 1급 자격증 재직자 강의
그린컴퓨터아카데미 웹디자인 및 웹퍼블리싱 강의

실무 경력

프리랜서 쇼핑몰 기업 및 관공서 등 각종 웹사이트 구축 및 웹페이지 리뉴얼 경력 다수
인레인보우즈 웹디자이너 및 웹퍼블리셔

교육생 혜택 및 지원

#교육비용

국비지원(0~35% 자비부담)
#훈련장려금 지원

지원 대상자별 상이
#무상지원

교재, PC 및 장비, 소프트웨어 등 무상지원

현 기술 트렌드에 맞춘 현장 실무 중심 교육
교육비 국비지원
PC, 장비 및 기자재 무상지원

교육대상 및 선발요건

국민내일배움카드(구직자+재직자 통합) 발급 가능자 모두
재직 근로자(일정 소득 및 매출 이하의 특수고용근로자, 자영업자도 정부지원 가능)
구직자(실업자 및 미취업자)
대학(대학원) 졸업예정자, 대학(대학원) 재학생 및 휴학생으로서 졸업까지 남은 수업연한이 2년 이내인자
- 야간대, 사이버대, 방통대학교 학생은 위 요건과 관계없이 정부지원 가능
- 현재 고용보험 가입중인 근로자인 학생은 위 요건과 관계없이 정부지원 가능
고용노동부 국민취업지원제도 참여자 및 대상자
기타(문의) : 02-2069-1931
- 정부지원 자격대상이 안되시는 분은 자비로 참여 가능 합니다.(교육비 일부 할인 적용 가능)

개강전 준비 절차 및 서류

개인 지원 : 국민내일배움카드 발급(필수), HRD-Net(www.hrd.go.kr) 에서 수강 신청(필수)
사업주(회사) 지원 : 훈련위탁계약서(본원 양식), 사업자등록증 사본 등
서류 및 신청 절차 문의 : 02-2069-1931

HRD-Net(www.hrd.go.kr) 사이트 에서 해당 교육 과정을 조회/신청 하고자 하실 때는 국민내일배움카드훈련과정 페이지에서 아래중 1가지를 선택하여 조회 하시면 됩니다.

훈련 기관명으로 조회 : 한글로 "티아이에스정보기술교육센터" 로 조회
훈련 과정명으로 조회 : "HTML5와 CSS3를 활용한 반응형 웹페이지 제작 과정" 으로 조회

훈련진행 전체 프로세스

국민내일배움카드 발급

국민내일배움카드 발급 (필수)
HRD-Net(www.hrd.go.kr)에서 인터넷 신청
또는 관할고용센터 방문 신청
수강 신청

HRD-Net(www.hrd.go.kr) 에서 수강신청(필수)
전화 또는 본원 홈페이지에서 신청(선택)
개인부담금 결제

담당자가 신청자에게 개강 확정 여부 고지
개강 확정 시 개인부담금 결제 진행
교육 수강 및 수료 독려

담당자의 출결 및 수료에 대한 독려
(해당 교육은 수료율이 중요함)
수료증 발급

수료증 발급(총 교육시간의 80%이상 이수)

GREETING