![Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)
dunopi
Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.
초급
HTML/CSS, jQuery
この講義を通じてウェブデザイン技能士A3問題をdisplay:flexで解く方法を学ぶことができます。
html、css、jquery
ウェブデザイン開発技能士
この講義はウェブデザイン技能士実技試験のA3タイプを準備する受験生のための説明動画です。A3タイプは実技試験で最も頻繁に出題されるタイプの一つで、HTML、CSS、jQueryの3つの技術をすべて統合的に活用しなければならない課題です。この講義では実際の試験でA3タイプがどのように出題されるかの全般的な構造と要求事項をまず案内した後、各領域別に段階的に説明します。
まずHTMLパートでは、文書の基本構造を設定する方法とともに、試験でよく出題されるタグ(例:header
、nav
、section
、footer
など)の使用法を紹介します。特に実技では
リンク、[[IMG_5/]]
画像挿入などの基本要素を正確に使用することが重要ですが、本講義ではこれらの要素をどのように正確に配置し、属性を設定するかを例を通じて丁寧に説明します。続いてCSS領域では外部スタイルシートを連携し、様々なセレクタの使用法とスタイル属性の設定方法を扱います。例えばposition、float、flex、margin、padding、text-align、font属性など核心となるスタイル属性を実際の例題を通じて説明します。また実技試験でよく出題されるスタイル構成方式(上部メニュー、バナー、コンテンツボックス、フッターなど)に対する実装戦略も一緒に扱い、CSSでどのようにデザイン案を実装すべきかについての感覚を養います。最後にjQueryパートでは試験で主に要求される動的機能実装を説明します。jQueryはHTML要素の表示/非表示(toggle)、表示・非表示効果(show、hide)、タブメニュー、画像変更、クラス追加/削除など簡単なインタラクションを素早く実装できる利点があります。講義ではjQueryの基本文法から始まり、$(document).ready()を活用した基本構造設定、ボタンクリック時のイベント処理、特定領域の動的制御など実技試験ですぐに適用できるコードを一緒に扱っています。この動画は単純な説明を超えて、試験会場で要求される実戦感覚とコーディング順序をリアルタイムで見せることに重点を置きました。初心者でも理解できるようにKindで段階的に説明し、コードを一行ずつ確認しながらどのような意図で作成されるかを説明するため、学習効率が非常に高いです。実際の試験と類似した例題も一緒に構成されているため、復習用としても活用可能です。今回の講義を通じてA3タイプに自信を持って試験に臨めるよう支援し、HTML構造作成 → CSSスタイリング → jQuery動作実装までの全体の流れを習得できます。実技試験で高得点を目標とするなら、ぜひ最後まで視聴してください!学習対象は
誰でしょう?
display:flexで解決したい方
資格試験に合格したい方
前提知識、
必要でしょうか?
HTML基礎知識
CSS基礎知識
jQuery基礎知識
全体
3件 ∙ (24分)
1. A3レイアウト制作
07:06
3. A3フッター
07:50
¥1,853
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!