WEB DESIGN DEVELOPMENT · 100 DAYS

필기 개념부터
HTML·CSS·jQuery 실기까지.

웹디자인개발기능사 필기·실기 자격시험을 함께 준비하는 100일 통합 패키지입니다. 프로토타입 기획, 스토리보드, 웹 디자인 구성요소 등 필기 핵심 내용을 정리하고, 기출문제를 반복 학습한 뒤 HTML·CSS·jQuery를 활용한 공개문제 A~F 유형 실습까지 연결합니다.

100일 수강필기·실기 통합필기 2025~2027실기 2025 개정HTML·CSS·jQuery

WEB DESIGN CERTIFICATION

DESIGN → BUILD → TEST

UI 기획과 화면 구성부터 웹페이지 구현과 공개문제 실습까지

100일패키지 수강기간

필기 + 실기통합 학습 구성

11개 단원세부 학습 단원

64차시첨부 화면 기준

WHY THIS PACKAGE

개념 이해에서 그치지 않고,
문제풀이와 화면 구현까지.

필기 이론·기출문제와 실기 웹페이지 제작 과정을 하나의 흐름으로 연결합니다.

필기 핵심 개념 정리

프로토타입, 디자인 구성요소, 색채, 프로젝트 완료·자료 정리를 학습합니다.

기출문제 12회 반복

필기 문제 유형을 익히고 부족한 개념을 반복 점검합니다.

공개문제 A~F 실습

HTML·CSS·jQuery로 구성된 실기 유형을 연습하며 페이지 구현 과정을 익힙니다.

CORE LEARNING

패키지 주요 학습 영역

웹디자인 기획부터 실전 유형별 웹페이지 구현까지 단계별로 학습합니다.

웹디자인 기획

기초데이터 수집·저작권·아이디어 스케치·프로토타입

디자인 구성·색채

스토리보드·심미성·사용성·매체별 구성요소·조색·배색

필기 기출문제

12차시 기출문제풀이로 출제 유형 및 핵심 개념 점검

실기 웹페이지 구현

HTML·CSS·jQuery, Navigation·Slider·Tab UI 및 공개문제 A~F

LEARNING PATH

필기·실기 4단계 학습 로드맵

이론 학습과 문제풀이에 이어 실제 UI 제작과 공개문제 실습으로 확장합니다.

STEP 01

필기 핵심 이론

프로토타입 기획·디자인 요소·색채·프로젝트 정리

STEP 02

필기 기출문제

12회차 기출문제를 통해 반복 점검

STEP 03

실기 UI 기본

HTML 문서와 Navigation·Slider·Tab UI 제작

STEP 04

실기 공개문제

A~F 유형별 HTML·CSS·jQuery 구현 실습

FULL CURRICULUM

필기·실기 전체 학습 커리큘럼

필기 Part.1~7부터 실기 Part.1~4까지. 단원명을 클릭하면 세부 차시명이 펼쳐집니다.

필기 | 웹디자인 기획·제작 이론 6개 단원 · 19차시

01Part.1 | 프로토타입 기초데이터 수집 및 스케치3차시

01기초데이터 수집 및 레퍼런스 분석하기00:31:35

02저작권00:31:21

03아이디어 스케치00:30:45

02Part.2 | 프로토타입 제작 및 사용성 테스트2차시

01프로토타입 제작00:31:02

02사용성 테스트, 수정사항 반영00:31:20

03Part.3 | 디자인 구성요소 설계 및 제작8차시

01스토리보드 설계하기00:28:18

02스토리보드 제작하기00:28:05

03심미성 구성요소 설계하기00:31:34

04심미성 구성요소 제작하기00:32:41

05사용성 구성요소 설계하기00:32:32

06사용성 구성요소 제작하기00:28:41

07매체별 구성요소 설계하기00:29:27

08매체별 구성요소 제작하기00:30:42

04Part.4 | 구현 및 응용2차시

01콘텐츠 구성하기00:29:01

02기능 요소 구현하기00:30:38

05Part.5~6 | 조색 및 배색2차시

01조색00:30:35

02배색00:28:12

06Part.6 | 프로젝트 완료 및 자료 정리2차시

01프로젝트 완료 자료 정리하기00:27:12

02프로젝트 완료 결과보고서 작성하기00:28:59

필기 | 기출문제 12회 풀이 1개 단원 · 12차시

01Part.7 | 기출문제 1~12회 풀이12차시

01기출문제풀이100:29:56

02기출문제풀이200:31:27

03기출문제풀이300:31:04

04기출문제풀이400:31:20

05기출문제풀이500:31:35

06기출문제풀이600:29:58

07기출문제풀이700:31:57

08기출문제풀이800:36:16

09기출문제풀이900:37:26

10기출문제풀이1000:36:05

11기출문제풀이1100:37:07

12기출문제풀이1200:36:33

실기 | 기본사항 및 UI 제작 1개 단원 · 8차시

01Part.1 | 실기 기본사항8차시

01강좌를 진행하기 전에 준비 사항

02HTML 기초 문서 포맷 제작

03Navigation UI 학습1

04Navigation UI 학습2

05Navigation UI 학습3

06Slider UI 학습1

07Slider UI 학습2

08Tab UI 학습

실기 | 공개문제 A·B 유형 1개 단원 · 10차시

01Part.2 | 공개문제 A·B 유형10차시

01공개문제 A 유형 포토샵

02공개문제 A 유형 HTML

03공개문제 A 유형 CSS1

04공개문제 A 유형 CSS2

05공개문제 A 유형 jQuery

06공개문제 B 유형 포토샵

07공개문제 B 유형 HTML

08공개문제 B 유형 CSS1

09공개문제 B 유형 CSS2

10공개문제 B 유형 jQuery

실기 | 공개문제 C·D 유형 1개 단원 · 8차시

01Part.3 | 공개문제 C·D 유형8차시

01공개문제 C 유형 HTML

02공개문제 C 유형 CSS1

03공개문제 C 유형 CSS2

04공개문제 C 유형 jQuery

05공개문제 D 유형 HTML

06공개문제 D 유형 CSS1

07공개문제 D 유형 CSS2

08공개문제 D 유형 jQuery

실기 | 공개문제 E·F 유형 1개 단원 · 7차시

01Part.4 | 공개문제 E·F 유형7차시

01공개문제 E 유형 HTML

02공개문제 E 유형 CSS1

03공개문제 E 유형 CSS2

04공개문제 E 유형 jQuery

05공개문제 F 유형 HTML

06공개문제 F 유형 CSS

07공개문제 F 유형 jQuery

WHO IT'S FOR

이런 분들께 추천합니다

01웹디자인개발기능사 필기·실기를 함께 준비하는 수험생

02웹디자인 기획·UI 구성 원리를 기초부터 익히고 싶은 학습자

03HTML·CSS·jQuery로 실제 웹페이지를 구현해 보고 싶은 분

04필기 기출문제와 실기 공개문제로 집중적인 시험 준비를 원하는 분

FAQ

자주 묻는 질문

웹디자인을 처음 접해도 수강할 수 있나요?

기초데이터 수집과 프로토타입 등 필기 기초부터 HTML 문서와 UI 제작 등 실기 기본사항까지 학습할 수 있도록 구성되어 있습니다.

필기와 실기가 모두 포함되나요?

네. 필기 Part.1~6 이론, Part.7 기출문제풀이와 실기 Part.1~4 공개문제 중심 학습이 포함됩니다.

실기에서는 어떤 기술을 배우나요?

HTML·CSS·jQuery와 Navigation·Slider·Tab UI 구성 및 공개문제 A~F 유형별 구현을 다룹니다.

어떤 출제기준을 바탕으로 하나요?

제공된 강좌에는 필기 2025~2027, 실기 2025 개정으로 표기되어 있습니다. 실제 시험 일정과 최신 출제기준은 공식 공고를 함께 확인해 주세요.

웹디자인의 원리를 익히고,
직접 웹페이지를 완성하세요.

필기 핵심 개념과 기출문제, 실기 공개문제 A~F 유형을 하나의 패키지로 학습합니다.

강의 검색

최근 검색어

추천 검색어

UI/UX · 웹디자인

[100일] 웹디자인개발기능사 필기/실기 합격 패키지

필기 개념부터
HTML·CSS·jQuery 실기까지.