AI活用デジタルコンテンツ制作
dunopi
¥44,563
初級 / HTML/CSS, JavaScript, Web Design, Self Improvement, AI, claude, Vibe Coding
HTML & CSSベースのAI活用Web UI実践制作
初級
HTML/CSS, JavaScript, Web Design
2名 が受講中です。
難易度 入門
受講期間 無制限
デザイン方法とhtml方法
AI活用方法
Web制作を初めて始める方から、ウェブデザイン開発技能士の実技試験対策や、自分だけのポートフォリオ作成まで目指す方のための実践的な講座です。
最初にHTMLとCSSの基本概念を学び、実際に画面を作りながら、ウェブページがどのように構成されているのかを理解します。さまざまな形式のPC向けウェブサイトのレイアウトを自分で作成し、画面構成とコーディングに慣れていきます。
オンライン名刺のような簡単な成果物を実際に制作しながら、コンテンツを配置してコーディングする方法を身につけ、SVGを活用してWebで使えるグラフィックを制作・活用する方法まで学びます。
その後はウェブデザイン開発技能士試験の本格的な対策を始めます。
ウェブデザイン開発技能士のデザイン問題であるA、B、C、Dタイプを段階的に見ていき、それぞれの問題を実際にデザインしながら、試験で求められる画面構成と作業方法を身につけます。
デザイン学習が終わったら、ウェブデザイン開発技能士の実技A-1からD-4まで、さまざまな実技問題に実際に取り組み、試験に必要な実践感覚を養います。
ここではAIを活用してアイデアを考案し、デザインとコンテンツ制作を効率的に進める方法まで学び、最終的に学んだ内容を活用して自分だけのポートフォリオを制作します。
HTMLとCSSの基礎
Webページの基本構造とスタイルの作成
PCウェブサイトのレイアウト構成
さまざまな形式の画面構成の練習
Visual Studio Codeを活用したWeb制作
コンテンツコーディングおよびウェブページ制作
オンライン名刺などの実習プロジェクト
SVGの制作および活用
ウェブデザイン開発技能士のデザインパターン学習
ウェブデザイン開発技能士 A・B・C・Dタイプ実習
ウェブデザイン開発技能士 実技 A-1~D-4 実戦練習
試験問題を実際に完成させながら身につける実技作業の過程
AIを活用したデザインおよびコンテンツ制作
AIを活用したポートフォリオ制作
学習成果物を活用した自分だけのポートフォリオを完成させる
基礎 → ウェブページ制作 → SVG → 資格試験向けデザイン → 実技試験 → AI活用 → ポートフォリオ
初めて学ぶ基礎課程から、実際の試験に備える実技練習、さらに就職や実務に活用できるポートフォリオ制作まで、一つの流れで学べるように構成しました。
学習対象は
誰でしょう?
UI/UXをあまりにも難しく感じていた人たちから
AIの専門家にまでなりたい人
前提知識、
必要でしょうか?
何も知らずに始めても大丈夫です。
授業でAIの有料モデルを使用します。
全体
113件 ∙ (31時間 39分)
講座資料(こうぎしりょう):
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
新規会員登録で25%OFF
¥33,282
25%
¥44,382