inflearn logo
知識共有
inflearn logo

ウェブデザイン開発技能士から専門家までずっと

クリックしながら学べる、簡単で楽しい授業です。ポートフォリオの方向性をご参考いただけます。

2名 が受講中です。

難易度 入門

受講期間 無制限

HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Design
Web Design
Portfolio
Portfolio
AI
AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Design
Web Design
Portfolio
Portfolio
AI
AI

受講後に得られること

  • デザイン方法と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の有料モデルを使用します。

こんにちは
dunopiです。

467

受講生

8

受講レビュー

24

回答

4.8

講座評価

7

講座

ウェブデザイン技能士実技

全国平均合格率60%で

私たちのクラスは90%合格中ですよ〜ん!

カリキュラム

全体

113件 ∙ (31時間 39分)

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

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

受講レビュー

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

dunopiの他の講座

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

似ている講座

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

新規会員登録で25%OFF

¥33,282

25%

¥44,382