DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebデザインプロフェッショナルコース
本コースは最新のWeb制作スキルを習得できるプログラムです。授業では世界標準Web言語「HTML Living Standard・CSS3」やWeb制作ソフト「Photoshop / Illustrator / Visual Studio Code / Figma」を基礎から実践レベルまで習得します。また、スマートフォンからPC、タブレットまで多様なデバイスに対応できる「レスポンシブWebデザイン」について学びます。その他、レイアウト技術「Flexbox」、CMS業界標準「WordPress」、 Webプログラミング「JavaScript、jQuery」にも対応。さらに2年間「プレックスプログラム」を無料受講できます。
- 授業時間数
- 115時間（46コマ）＋α※
- 開講月
- 1月／2月／4月／5月／7月／8月／10月／11月
- 定 員
- 16名～18名
- レベル
- 未経験者OK
- 対応資格
- Webクリエイター能力認定試験エキスパート／アドビ認定プロフェッショナル
- 目指す職業
- Webデザイナー／Webマスター
- 時間／期間（週回数）
- 夜間部19:15-21:45／4ヵ月間-6ヵ月間（週2回）、土or日／4ヵ月間-6ヵ月間（週1回）
昼間部10:00-15:45（週2-3回）
- 入学金
- 30,000円（税込 33,000円）
- 受講料
- 360,000円（税込396,000円）
- 教材費・実習費
- 30,000円（税込 33,000円）
- 学費総計
- 420,000円（税込462,000円）
- 受講特典
- α※＝「プレックスプログラム（80プログラム／200時間／2年間）」を無料で受講できます。
※入学期により消費税率が変更となる可能性があるため、入学金・受講料等は「税別」で表記しております。
コース詳細表
-
- AWeb基礎／Webプロトタイピング
-
Webサイトの仕組み／サーバー／ドメイン
Webデザイン制作フロー（業界・トレンド）
Webデザイン技術（HTML・CSS・Web画像）
デジタルデバイスとWebブラウザ概要
Webデザイン理論（カラー・フォント・レイアウト）
Figma基本操作／プロジェクト／モード切替
レイヤー／アセット／コンポーネント
ワイヤーフレーム／デザインカンプ制作
- AWeb基礎／Webプロトタイピング
-
- B HTML Living Standard CSS3コーディングⅠ
-
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
フレキシブルボックスレイアウト
HTML Living StandardによるWebサイト構築
- B HTML Living Standard CSS3コーディングⅠ
-
- CレスポンシブWebデザイン
-
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／SVG実装
ページの高速化／レスポンシブWeb実践
- CレスポンシブWebデザイン
-
- DHTML Living Standard CSS3コーディングⅡ
-
リセットCSS／ノーマライズCSS
セマンティックWeb
CSSアニメーション／CSS transform
CSS3によるWeb編集
Webフォント概要／グリッドレイアウト
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応／デベロッパーツール
バリデーションチェック／FTP
- DHTML Living Standard CSS3コーディングⅡ
-
- EWebリッチコンテンツ （JavaScript / jQuery）
-
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎（記述ルール・コンソール・条件分岐）
JavaScript実践（変数・関数・オブジェクト）
JavaScriptプラグイン／UI実装
jQuery実践（class変更など）
jQueryプラグイン（スライダー・lightboxなど）
jQuery応用（Loading／条件分岐による挙動）
- EWebリッチコンテンツ （JavaScript / jQuery）
-
- F Webプログラミング （PHP / MySQL / WordPress）
-
サーバーサイドスクリプト概論／API 概論
PHP概要／基礎／入力フォーム
データベース／MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／WordPress関数
プラグイン／オリジナルテーマ
- F Webプログラミング （PHP / MySQL / WordPress）
-
- G作品制作実習
-
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評
- G作品制作実習
-
- H Webグラフィック （Photoshop）
-
Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
Web用画像の生成・書き出し／アセット
キービジュアル制作／FVページ制作
- H Webグラフィック （Photoshop）
-
- I Webグラフィック （Illustrator）
-
Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
パスファインダ／パス／アンカーポイント／マスク
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／SVGデータ編集
ワイヤーフレーム／デザインカンプ制作実習
プレゼンテーション／講評
- I Webグラフィック （Illustrator）
-
- ZプレックスプログラムⅠ
-
デザインプロセス
デザイントレンド
アイデアのソース
アイデアの発想法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン
- ZプレックスプログラムⅠ
-
- αプレックスプログラムⅡ
-
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
- αプレックスプログラムⅡ
その他のコース
必修コース
- Webデザインプロフェッショナルコース
- Webグラフィックデザイン総合コース
- Web＆スマートフォンサイト制作コース