Webエキスパート科
離職者等再就職訓練:6ヶ月
Webサイトと動画を組み合わせたインパクトのある
マルチメディアサイトの制作方法を学びます
Web業界で活躍するための技術を実践的な手法を使って身につける 6ヶ月間
コースの概要
初めてWeb制作・Webデザインに取り組む方を対象にした講座です。 Webサイト構築やWebデザインに必要な技術を実践的な手法を使って学びます。
また動画編集の基本を習得することで、Webサイトと動画を組み合わせたインパクトのあるマルチメディアサイトの制作方法を学びます。
対面講義なのでわからないところはすぐに質問や相談することができます。またクラスメイトと同じ課題に取り組みながら問題点を解決していくことができます。

受講対象
制作の現場で必要とされる基本スキルを身に付けて、Web制作(制作補助)、運用更新作業、サイト運営・管理業務を仕事にしたいと考える方向けの講座です。
こんな人におすすめ
- Webサイトを作る技術を学びたい
- ホームページを更新する技術を現在のスキルに加えたい
- Webサイト作成手順を知識として知りたい
- 動画制作の基本を知りたい
コースの内容
Web制作に
必要な技術の習得
講師からの解説やデモンストレーションを通じて基礎知識を学び、手を動かして技術を身につけます。
HTML
Webページの構造を作成するためのマークアップ言語であるHTMLの基礎から学びます。文書構造や要素の配置方法、リンクの作成等、HTMLの基本的な機能を習得します。
CSS
Webページのスタイリングを行うためのスタイルシート言語であるCSSの基礎を学びます。セレクタ、プロパティ、値等の基本的な構文を理解し、レイアウトや色、フォント等のスタイル設定を行います。
レスポンシブデザイン
現代のWeb制作では、異なるデバイスや画面サイズに対応するためのレスポンシブデザインが重要です。メディアクエリやフレキシブルボックスモデル等、レスポンシブデザインの基本的な手法を学びます。
jQuery
jQueryは、豊富なプラグインのコミュニティを持っています。jQueryプラグインの活用方法について紹介し、画像スライダー、モーダルウィンドウ等、実際のプラグインを利用した機能拡張の手法を学びます。

Webデザインに
必要な技術の習得
魅力的で使いやすいWebサイトをデザインするための基本的なスキルと手法を学びます。 実践的な演習やデザインプロジェクトを通じて、Webデザインの基礎を身につけ、クリエイティブなデザインスキルを身につけることができます。
Photoshop
デジタル画像編集のための業界標準ソフトウェアであるPhotoshopの基本的な使い方を学びます。Photoshopを使用して写真の修正や合成、Webサイトデザインの作成等、さまざまなクリエイティブな作業を行うために必要なスキルを習得します。
Illustrator
ベクターベースのグラフィックデザインソフトウェアであるIllustratorの基本的な使い方を学びます。Illustratorを使用してロゴデザイン、アイコン作成、イラスト制作等ベクター形式でのグラフィック作成方法を学びます。
Figma
実際のデザイン課題に取り組みながら、Figmaの基本操作とデザインプロセスを学びます。ユーザーエクスペリエンスの向上やデザインの効果的な伝達に焦点を当て、実践的なスキルを身につけることができます。



動画編集
Premiere Proによる動画編集
Webデザインに欠かすことができない動画での表現。当コースではPremiere Proによる動画編集を中心に短時間の動画を撮影し、編集を行うことで、WebサイトをはじめとするWebコンテンツに活用可能な動画編集技術を習得します。作成した動画をLPデザインや自身のポートフォリオにも活用できます。


Web制作実習
実際のプロジェクトに取り組みながら、Web制作のスキルを実践的に磨く機会を提供します。実在するクライアントからの要件を受け取り、WebサイトやWebアプリケーションの制作に向けたプロジェクトを進めます。
プロジェクトの企画と要件定義:Excel, PowerPoint
クライアントからの要件を理解し、プロジェクトの企画と要件定義を行います。Webサイトの目的やターゲットオーディエンスの特定、コンテンツの整理等、プロジェクトの方向性を明確にし、要件を具体化するスキルを磨きます。
ワイヤーフレーム・カンプ:Figma
情報を整理してWebページの設計図を作成します。また設計図を元にカンプを作成し完成イメージを作成します。
デザイン:Photoshop, Illustrator
カラースキームやタイポグラフィ、レイアウトの調整、ナビゲーションの設計等、魅力的で使いやすいWebデザインを実現するためのデザインスキルを磨きます。
動画:Premiere Pro
動画編集のためのソフトウェアについて学びます。映像素材の組み合わせや編集、エフェクトの追加、音声の編集等、動画制作を実践します。
コーディング:HTML, CSS, jQuery, Dreamweaver
HTML、CSS、JavaScriptを使用して、Webサイトのコーディングに取り組みます。Webページの構造やスタイリング、インタラクティブな要素の実装等、Web制作の基礎的スキルを実践します。
マーケティング
3C分析を学び、制作に必要となる競合分析や市場分析などの手法を習得します。また、制作の過程でWebマーケティングやSEOを意識したサイト制作を行うための知識を得ます。
プレゼンテーション:PowerPoint
Web制作プロジェクトをクライアントやステークホルダーに効果的にプレゼンテーションするためのスキルとテクニックを学びます。
フィードバックと質疑応答
プレゼンテーション後にはフィードバックと質疑応答が行われます。フィードバックの受け取り方や適切な対応方法を学びながら、クライアントやステークホルダーとのコミュニケーションをより円滑に進めるスキルを磨きます。



習得できるスキル
- HTML / CSS
- Dreamweaver
- Photoshop
- Illustrator
- Premiere Pro
- Figma
- JavaScript / jQuery
- レスポンシブWebデザイン
- 企業連携グループ制作
- 個人制作
- LP制作
- ポートフォリオ制作
- 動画制作
訓練内容(カリキュラム)について
Webエキスパート科では、以下のカリキュラムで訓練を行います。
| 就職支援講座 | 履歴書、職務経歴書等の作成、面接対策等 |
|---|---|
| Web技術 | Web業界の最新動向や、Web制作に必要な基礎知識を学ぶ。 |
| HTML実習 | HTMLの基本的なタグの使い方を学び、タグを用いたWebページ作成の知識と技術を習得する。 |
| マーケティング実習 | 3C分析を学び、競合分析や市場分析など制作に必要な手法を習得する。また、WebマーケティングやSEOを意識したサイト制作に必要な知識を身に付ける。 |
| Photoshop実習 | Photoshopの基本操作を学び、写真加工やロゴ制作、デザインカンプ作成を行う。 |
| Dreamweaver実習 | Dreamweaverの基本操作とWebページの作成方法を学ぶ。 |
| PS/DW連携実習 | Web制作アプリケーションを活用し、基本的なWebページの作成技術を習得する。 |
| CSS実習 | CSS(スタイルシート)の基本を学び、Webページのデザインやレイアウトを作成するための知識と技術を習得する。 |
| Web制作実習 | モバイルファーストを基準としたレスポンシブデザインを学び、さまざまなデバイスに対応したWebページを作成する。 |
| Javascript実習 | jQueryを活用してページにさまざまな効果を実装し、JavaScriptによる動的なWebサイト制作技術を習得する。 |
| Figma実習 | Figmaの基本操作を学び、ワイヤーフレームやデザインカンプを作成する。 |
| Illustrator実習 | Web制作に必要なベジェ曲線や描画技術を学び、デザインカンプの作成やピクトグラムなどのイラスト制作を行う。 |
| 動画実習 | 動画編集の基礎知識を習得し、Premiereを使用してWebサイトで活用する映像コンテンツを制作する。 |
| ポートフォリオ実習 | 就職活動に活用するポートフォリオを作成する。 |
| Web総合実習 | 発表会に向けて、これまで学んだ知識と技術を活用した総合的なWeb制作演習を行う。 |
| 個人制作実習 | Webサイト作品の企画・制作を行う。 |
| デザイン制作実習 | クライアントを想定したデザイン制作を通じて、要望に沿ったデザインを企画・提案する技術を習得する。 |
| グループ制作実習 | 企業と連携したサイト開発を体験し、企画から納品までのサイト構築におけるワークフローを実践的に学ぶ。 |
| パワーポイント実習 | プレゼンテーション資料の作成方法を学び、実践演習を行う。 |
| プレゼンテーション実習 | 効果的なプレゼンテーション手法を学び、制作した作品の発表を行う。 |
※Windowsの基本操作を出来る方を対象にしています。
訓練時間
授業は原則として土、日、祝日を除く毎日(月~金)です。
授業時間は10時〜16時【1日 : 6時限授業(1時限 : 45分)※7時限授業の場合は10時~16時55分】ですが、教室は朝9時から夕方5時までご利用いただけます。授業の前にじっくり予習したり、終了後すぐに復習したりと、自分のペースで学習を深めることができます
教室の雰囲気




学内施設




