강의

멘토링

로드맵

Programming

/

Web Publishing

Flex解説 - 2025 ウェブデザイン技能士 (A3, B4, C1, D3, E4, F3)

この講義を通じて ウェブデザイン技能士 A3、B4、C1、D3、E4、F3 問題を display:flexで解く方法を学ぶことができます。 作業速度が速いです。止めながら見てください

1名 が受講中です。

  • dunopi
html
css
제이쿼리
웹디자인기능사
시험
HTML/CSS
jQuery

こんなことが学べます

  • html、css、jquery

  • ウェブデザイン開発技能士

この講義はウェブデザイン技能士実技試験を準備する受験生と一緒に解いてみた動画です。

HTML、CSS、jQueryの3つの技術をすべて統合的に活用する必要がある課題です。


まずHTMLパートでは、文書の基本構造を設定する方法とともに、試験でよく出題されるタグ(例:headernavsectionfooterなど)の使用法を紹介します。特に実技では

    리스트, [[CODE_1]][[A_2]][[/A_2]][[/CODE_1]][[A_3]] 링크, [[CODE_4]][[IMG_5/]][[/CODE_4]] 이미지 삽입과 같은 기본 요소들을 정확하게 사용하는 것이 중요한데, 본 강의에서는 이들 요소를 어떻게 정확히 배치하고 속성을 주는지 예시를 통해 차근차근 알려줍니다.이어서 CSS 영역에서는 외부 스타일시트를 연동하고, 다양한 선택자 사용법과 스타일 속성 설정 방법을 다룹니다. 예를 들어 position, flex, margin, padding, text-align, font 속성 등 핵심 스타일 속성들을 실제 예제를 통해 설명합니다. 또한 실기시험에서 자주 출제되는 스타일 구성 방식(상단 메뉴, 배너, 콘텐츠 박스, 푸터 등)에 대한 구현 전략도 함께 다루며, CSS로 어떻게 시안을 구현해내야 하는지에 대한 감각을 길러줍니다.마지막으로 jQuery 파트에서는 시험에서 주로 요구되는 동적 기능 구현을 설명합니다. jQuery는 HTML 요소의 보이기/숨기기(toggle), 보이고 숨기는 효과(show, hide), 탭 메뉴, 이미지 변경, 클래스 추가/제거 등 간단한 인터랙션을 빠르게 구현할 수 있는 장점이 있습니다. 강의에서는 jQuery의 기본 문법부터 시작하여 $(document).ready()를 활용한 기본 구조 세팅, 버튼 클릭 시 이벤트 처리, 특정 영역의 동적 제어 등 실기시험에서 바로 적용할 수 있는 코드를 함께 다루고 있습니다.이 영상은 단순한 설명을 넘어, 시험장에서 요구하는 실전 감각과 코딩 순서를 실시간으로 보여주는 데 중점을 두었습니다. 초보자도 이해할 수 있도록 친절하고 단계적으로 설명했으며, 코드를 한 줄씩 짚어가며 어떤 의도로 작성되는지를 설명하기 때문에 학습 효율이 매우 높습니다. 실제 시험과 유사한 예제도 함께 구성되어 있어 복습용으로도 활용이 가능합니다.이번 강의를 통해 자신감을 가지고 시험에 임할 수 있도록 도와드릴 것이며, HTML 구조 작성 → CSS 스타일링 → jQuery 동작 구현까지의 전체 흐름을 익힐 수 있습니다. 실기시험에서 고득점을 목표로 한다면, 꼭 끝까지 시청해 주세요![[/A_3]]

こんな方に
おすすめです

学習対象は
誰でしょう?

  • display:flexで解決したい方

  • 資格試験に合格したい方

前提知識、
必要でしょうか?

  • HTML基礎知識

  • CSS基礎知識

  • jQuery基礎知識

こんにちは
です。

1,278

受講生

17

受講レビュー

24

回答

5.0

講座評価

9

講座

웹디자인기능사 실기

전국 평균 합격률 60%에

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

カリキュラム

全体

19件 ∙ (8時間 30分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

¥5,973

dunopiの他の講座

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

似ている講座

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