Design

Certificate (Creative)

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

Name: ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)
Price: 39600 KRW

全国合格率60%のうち、うちのクラスの合格率は90%！試験の要求事項を把握すれば可能です。実技書は買わないで。難しいです。

（5.0）受講レビュー 2件

受講生 23名

dunopi

자격증

시험

HTML/CSS

jQuery

こんなことが学べます

html
CSS
jQuery
ウェブデザイン機能士実技合格

2020年20人中18人合格完了

2021年19人中18人合格完了

2022年14人中14人合格完了

2023年17人中15人合格完了

2024年現在8人中8人合格中

全国合格率60％、韓国クラスの合格率は90％以上

方法はウェブデザインの機能士試験は目に見えるように作ればよいからです。

2024年ウェブデザイン機能士実技 HTML/CSS, jQuery

1) 試験に合格するために知っておくべきことはあまりありません。

タグ5個～8個にスタイル15個程度だけ知れば製作が可能です。
欲でもっと書きたいのも3～4個程度だけなので、すべて合わせればハングルの子音+母音個数くらいです。

2) 試してみるべきではない間違いも説明しました。

問題をすべて解くことができてもしなければならない部分のため不合格となります。
そうすればまた数ヶ月を待たなければならないので、しないべき間違いを知らなければなりません。

3) スライド、フェード、お知らせとギャラリーのスクリプト(Jquery)は、3つの形式で用意しました。

スライドスクリプトが難しすぎる場合は、html + cssにする方法も可能です。
各3つずつの方法を上げました。それぞれに合ったコードで選択して使用すれば良いです。

こんな方に
おすすめです

学習対象は
誰でしょう？

ウェブデザイン開発技能士試験準備中の方
本を読んで難しさを感じた方

こんにちは
です。

1,249

受講生

受講レビュー

回答

5.0

講座評価

講座

웹디자인기능사 실기

전국 평균 합격률 60%에

우리반은 90% 합격중이지용~용용~

カリキュラム

全体

261件 ∙ (45時間 26分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．😄 ウェブデザイン技能士試験受験のための必須情報など

2件 ∙ (21分)

セクション 2．Visual Studio Codeにフォルダー接続と設定

2件 ∙ (28分)

3. ビジュアルスタジオコードに作業フォルダーを接続して準備
18:24
4. 試験とは別にインストールしておくと良い機能（プラグイン）いくつか
09:49

セクション 3．😄 html 基礎実習

5件 ∙ (1時間 45分)

セクション 4．😄 先に勉強した人だけ参考にしてください

10件 ∙ (1時間 54分)

セクション 5．😲 A-1 タイプ

9件 ∙ (1時間 45分)

セクション 6．😲 A-2 タイプ

11件 ∙ (1時間 47分)

セクション 7．😲 A-3 型

12件 ∙ (1時間 32分)

セクション 8．😲 A-4 タイプ

11件 ∙ (1時間 17分)

セクション 9．😲 B-1 型

10件 ∙ (1時間 28分)

セクション 10．😲 B-2 タイプ

5件 ∙ (46分)

セクション 11．😲 B-3 タイプ

10件 ∙ (1時間 18分)

セクション 12．😲 B-4 タイプ

10件 ∙ (1時間 8分)

セクション 13．😲 C-1 タイプ

8件 ∙ (1時間 50分)

セクション 14．😲 C-2 タイプ

10件 ∙ (1時間 16分)

セクション 15．😲 C-3 型

10件 ∙ (1時間 6分)

セクション 16．😲 C-4 型

10件 ∙ (1時間 18分)

セクション 17．😲 D-1 タイプ

11件 ∙ (1時間 51分)

セクション 18．😲 D-2 タイプ

9件 ∙ (1時間 58分)

セクション 19．😲 D-3 類型

10件 ∙ (1時間 38分)

セクション 20．😲 D-4 タイプ

11件 ∙ (1時間 39分)

セクション 21．😲 E-1 タイプ

8件 ∙ (2時間 27分)

セクション 22．😲 E-2 型

10件 ∙ (1時間 28分)

セクション 23．😲 E-3 タイプ

9件 ∙ (1時間 25分)

セクション 24．😲 E-4 タイプ

9件 ∙ (2時間 5分)

セクション 25．F-1 タイプ

11件 ∙ (1時間 53分)

セクション 26．F-2 タイプ

10件 ∙ (1時間 24分)

セクション 27．F-3 型

10件 ∙ (1時間 34分)

セクション 28．F-4 型

10件 ∙ (2時間 17分)

セクション 29．ウェブデザインギヌンサ実技点数を少しでも上げる方法

1件 ∙ (6分)

セクション 30．試験用より実務でHTMLをやってみる

7件 ∙ (2時間 26分)

講座掲載日:

最終更新日:

受講レビュー

全体

2件

5.0

2件の受講レビュー

sy4562
受講レビュー 2
∙
平均評価 5.0
5
72% 受講後に作成
선생님 덕분에 합격 할 수 있었어요! 여러 기능사실기시험 강의가 있지만, 두노피선생님 강의가 가장 깔끔하다고 생각합니다. 미리 들어보시고, 왜 그렇게 말한것인지 아시게 될거에요! 두노피선생님~ '합격' 선물주셔서 감사합니다:)
- 두노피
  知識共有者
  오앙~~~~~ ㅊㅋㅊㅋㅊㅋㅊㅋㅊㅋ 합격할줄 알았지만 이렇게 글도 남겨줘서 고맙습니다. 치킨데이가 되셨길~ ㅎㅎㅎ 다른 질문이 생겨도 물어보셔도 되요~~ ㅊㅋㅊㅋㅊㅋㅊㅋ
두노피
受講レビュー 6
∙
平均評価 5.0
5
31% 受講後に作成
디자인부터 HTML까지 20가지 유형을 모두 해봤습니다. 보시고 이해가 안되거나 어려운 부분이 있을땐 언제든 문의주세요 카톡이나 원격으로라도 설명해드릴게요 뽜이팅!
- sy4562
  카톡으로는 어떻게 질문 드려야 하나요?
- 두노피
  知識共有者
  카톡 아이디는 coditown 입니다~

￥4,707

dunopiの他の講座

知識共有者の他の講座を見てみましょう！

2025 웹디자인개발기능사 (A-3 flex 버전)

두노피

이 강의를 통해 웹디자인개발기능사 A3 문제를 display:flex로 풀이하는걸 배우실 수 있습니다.

초급

HTML/CSS, jQuery

2025 웹디자인개발기능사 (A-3 flex 버전)

두노피

html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

두노피

svg를 이용하여 간단한 그림을 그리고 사이트에 적용시킵니다. 포트폴리오에 적용하면 돋보이는 페이지가 됩니다.

초급

HTML/CSS, JavaScript

html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

두노피

[환상의족발] 디자인부터 코딩까지

두노피

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

초급

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

귀멸의칼날 쇼핑몰 디자인

두노피

디자인과정의 영상입니다. 트랜드는 아니지만 재미로 볼만한 영상입니다.

중급이상

Photoshop

귀멸의칼날 쇼핑몰 디자인

두노피

웹디자인 기능사 실기 (디자인편)

두노피

웹디자인 기능사 (디자인) 하는 수업입니다. 몇번 해보면 어렵지 않게 따라할 수 있을거에요 단, 포토샵을 할 줄 알아야 합니다.

초급

Photoshop

웹디자인 기능사 실기 (디자인편)

두노피

웹디자인기능사 실기 B-3 유형 html+css

두노피

자격증 시험이 아니더라도 연습하기 좋은 예제입니다. 웹디자인 기능사 실기 B-3 유형을 천천~~히 따라해보아요

초급

HTML/CSS

웹디자인기능사 실기 B-3 유형 html+css

두노피

가볍게 실전 html (인터넷 업로드까지)

두노피

입문편에서 연습으로 만들어봤던 VD 사이트 메인페이지를 실전으로 만들어볼거에요~

초급

HTML/CSS, upload-file

가볍게 실전 html (인터넷 업로드까지)

두노피

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

개념을 외우는게 아니라 실습을 통해 개념도 배우는 수업입니다. 다른곳에서 코드를 보면 울렁거리거나 토할것같은 분들도 오세요. 누구나 할 수 있습니다.

입문

HTML/CSS, 웹 디자인

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

似ている講座

同じ分野の他の講座を見てみましょう！

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

LIZ.B

웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.

초급

HTML/CSS, jQuery, 웹 디자인

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

LIZ.B

웹디자인기능사 실기 B-3 유형 html+css

두노피

자격증 시험이 아니더라도 연습하기 좋은 예제입니다. 웹디자인 기능사 실기 B-3 유형을 천천~~히 따라해보아요

초급

HTML/CSS

웹디자인기능사 실기 B-3 유형 html+css

두노피

가볍게 실전 html (인터넷 업로드까지)

두노피

입문편에서 연습으로 만들어봤던 VD 사이트 메인페이지를 실전으로 만들어볼거에요~

초급

HTML/CSS, upload-file

가볍게 실전 html (인터넷 업로드까지)

두노피

2025 웹디자인개발기능사 (A-3 flex 버전)

두노피

이 강의를 통해 웹디자인개발기능사 A3 문제를 display:flex로 풀이하는걸 배우실 수 있습니다.

초급

HTML/CSS, jQuery

2025 웹디자인개발기능사 (A-3 flex 버전)

두노피

실전! 웹사이트제작! Step by Step! (쌩초보 코스)

J.영

실전! 웹사이트제작 Step By Step! 입문 강좌로, 다양한 기초 레이아웃을 제작해 보면서 HTML과 CSS의 개념을 확실하게 배울 수 있는 강의입니다.

입문

HTML/CSS, 웹 디자인

실전! 웹사이트제작! Step by Step! (쌩초보 코스)

J.영

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

입문

HTML/CSS, JavaScript, github-pages

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)

J.영

HTML5와 CSS3를 활용하여 웹사이트(한화캐미컬/솔루션)를 제작 실습과정으로, PC 모드 레이아웃과 반응형 페이지 제작을 완벽히 이해하고, 활용할 수 있는 실전! 웹페이지 제작 ! Step by Step!의 Basic Course 강좌입니다. (강의 완성 파일 첨부!)

초급

HTML/CSS, 반응형 웹, jQuery

실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)

J.영

Vanila JS 기반 UI Component - 탭메뉴 만들기

코딩고스트

하나의 웹 페이지를 구성하려면, 부분부분 각 컴포넌트들을 만들 수 있어야 합니다. 순수코딩만으로 UI component를 만들어 봅니다. html,css,javascript를 사용하실 줄 아는 분께 추천드립니다.

초급

HTML/CSS, vanilla-javascript

Vanila JS 기반 UI Component - 탭메뉴 만들기

코딩고스트

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

초급

포트폴리오, 웹 디자인, HTML/CSS

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

[환상의족발] 디자인부터 코딩까지

두노피

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

초급

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

[웹 퍼블리싱 실습] 웹 표준 사이트 만들기

webstoryboy

이왕 만들거면 제대로 만들자! 공식 웹 표준을 지키며 만드는 퍼블리싱 강의입니다🧑🏻‍💻

입문

HTML/CSS

[웹 퍼블리싱 실습] 웹 표준 사이트 만들기

webstoryboy

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

초급

포트폴리오, HTML/CSS, jQuery

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

초급

Figma, HTML/CSS

Figma 디자인부터 퍼블리싱까지

Michael Kwon

코딩은 처음이라 with 웹 퍼블리싱 - HTML 기초

이지웹

이 강의를 통해 웹페이지를 구성하는 3대 언어 HTML, CSS, javascript중 HTML언어의 기본기를 확실하게 다질 수 있습니다. 검색에 최적화된, 웹접근성과 웹표준을 준수하는 HTML을 제대로 학습해보세요.

입문

HTML/CSS

코딩은 처음이라 with 웹 퍼블리싱 - HTML 기초

이지웹

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

입문

HTML/CSS

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

초급

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

こんなことが学べます

★---- 受講者のうち講義を聞いても理解できなければ2時間1:1課外します。

2020年20人中18人合格完了

2021年19人中18人合格完了

2022年14人中14人合格完了

2023年17人中15人合格完了

2024年現在8人中8人合格中

全国合格率60％、韓国クラスの合格率は90％以上

方法はウェブデザインの機能士試験は目に見えるように作ればよいからです。

講義を聞いたら、このような結果を作ることができます。

A-1 DESIGN - 「JUSTショッピングモール」

A-2 DESIGN - 「GREEN福祉財団」

A-3 DESIGN - 「江原天文台」

A-4 DESIGN - 「ユージン建設」

B-1 DESIGN - 「大韓銀行」

B-2 DESIGN - 「大韓ツアーカンパニー」

B-3 DESIGN - 「世界の美術作品」

B-4 DESIGN - 「産業大学」

C-1 DESIGN - 「海雲台光まつり」

C-2 DESIGN - 「付与秋蓮花祭り」

C-3 DESIGN - 「南道味気行祭り」

C-4 DESIGN - 「VALLERY FESTIVAL」

学習内容

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に
おすすめです

こんにちは
です。

カリキュラム

受講レビュー

dunopiの他の講座

似ている講座

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

こんなことが学べます

★---- 受講者のうち講義を聞いても理解できなければ2時間1:1課外します。

2020年20人中18人合格完了

2021年19人中18人合格完了

2022年14人中14人合格完了

2023年17人中15人合格完了

2024年現在8人中8人合格中

全国合格率60％、韓国クラスの合格率は90％以上

方法はウェブデザインの機能士試験は目に見えるように作ればよいからです。

講義を聞いたら、このような結果を作ることができます。

A-1 DESIGN - 「JUSTショッピングモール」

A-2 DESIGN - 「GREEN福祉財団」

A-3 DESIGN - 「江原天文台」

A-4 DESIGN - 「ユージン建設」

B-1 DESIGN - 「大韓銀行」

B-2 DESIGN - 「大韓ツアーカンパニー」

B-3 DESIGN - 「世界の美術作品」

B-4 DESIGN - 「産業大学」

C-1 DESIGN - 「海雲台光まつり」

C-2 DESIGN - 「付与秋蓮花祭り」

C-3 DESIGN - 「南道味気行祭り」

C-4 DESIGN - 「VALLERY FESTIVAL」

学習内容

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

dunopiの他の講座

似ている講座

こんな方に
おすすめです

こんにちは
です。