DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWeb＆スマートフォンサイト制作コース
本コースはWebデザイナーを育成する最先端 プログラムです。授業では世界標準Web言語「HTML Living Standard・CSS3」やWeb制作ソフト「Photoshop / Illustrator / Visual Studio Code / Figma」を基礎から実践レベルまで習得。また、「ビジュアルデザイン／情報設計／インタラクション表現／フォトイメージ表現」を学び、Webデザインの実践力を強化します。その他、レスポンシブWebデザインやレイアウト技術「Flexbox」、CMS業界標準「WordPress」、Webプログラミング「JavaScript、jQuery」にも対応。さらに2年間「プレックスプログラム」を無料受講できます。
- 授業時間数
- 185時間（74コマ）＋α※
- 開講月
- 1月／ 2月／ 4月／ 5月／ 7月／ 8月／ 10月／ 11月
- 定 員
- 16名～ 18名
- レベル
- 未経験者OK
- 対応資格
- Webクリエイター能力認定試験エキスパート／アドビ認定プロフェッショナル
- 目指す職業
- Webデザイナー／Webマスター
- 時間／期間（週回数）
- 夜間部19:15-21:45／6ヵ月間-9ヵ月間 (週2-3回）、土or日／6ヵ月間-9ヵ月間（週1-2回）
昼間部10:00-15:45（週3-4回）
- 入学金
- 30,000円（税込33,000円）
- 受講料
- 485,000円（税込533,500円）
- 教材費・実習費
- 45,000円（税込49,500円）
- 学費総計
- 560,000円（税込616,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）
-
- J WebデザインⅠ （ビジュアルデザイン）
-
Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析
- J WebデザインⅠ （ビジュアルデザイン）
-
- KWebデザインⅡ （情報設計）
-
アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／HTML・CSS設計
CSS命名規則／CSSプリプロセッサ
- KWebデザインⅡ （情報設計）
-
- L WebデザインⅢ （インタラクション）
-
モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評
- L WebデザインⅢ （インタラクション）
-
- Qフォトイメージ表現
-
写真の基礎知識／写真の表現力
カメラの仕組み／構図／アングル
光の向き・種類 トレーニング／考察
焦点距離／画角／ホワイトバランス
遠近感／被写界深度／シャッタースピード
露出／絞り値／デジタルフォト撮影指導
コンセプトワーク／フォトセレクション
デジタルフォト撮影実習／プレゼン／講評
- Qフォトイメージ表現
-
- ZプレックスプログラムⅠ
-
デザインプロセス
デザイントレンド
アイデアのソース
アイデアの発想法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン
- ZプレックスプログラムⅠ
-
- αプレックスプログラムⅡ
-
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
- αプレックスプログラムⅡ
その他のコース
必修コース
- Webデザインプロフェッショナルコース
- Webグラフィックデザイン総合コース
- Web＆スマートフォンサイト制作コース