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、Ajax(jQuery)」にも対応。さらに2年間「プレックスプログラム」を無料受講できます。
- 授業時間数
- 185時間(74コマ)+α※
- 開講月
- 1月/ 2月/ 4月/ 5月/ 7月/ 8月/ 10月/ 11月
- 定 員
- 16名~ 18名
- レベル
- 未経験者OK
- 対応資格
- HTML5プロフェッショナル認定試験レベル1/アドビ認定プロフェッショナル
Webクリエイター能力認定試験エキスパート/
- 目指す職業
- Webデザイナー/マークアップエンジニア/Webマスター
- 時間/期間(週回数)
- 夜間部19:15-21:45 / 6ヵ月間(週2-3回)、土or日/ 6ヵ月間(週1-2回)
昼間部10:00-15:45 / 2.5ヵ月間(週3-4回)
- 入学金
- 30,000円(税込33,000円)
- 受講料
- 485,000円(税込533,500円)
- 教材費・実習費
- 45,000円(税込49,500円)
- 学費総計
- 560,000円(税込616,000円)
- 受講特典
- α※=「プレックスプログラム(80プログラム/ 200時間/ 2年間)」を無料で受講できます。
※詳細の授業日程は、個別カウンセリングなど学校イベントにてご確認ください。受講時間・期間・週回数はコースにより変更となる場合がございますので、入学前に必ずご確認をお願い致します。
コース詳細表
-
- AHTML Living Standard・CSS3コーディングⅠ
-
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト
- AHTML Living Standard・CSS3コーディングⅠ
-
- BWebプロトタイピング (Figma)
-
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作
- BWebプロトタイピング (Figma)
-
- CレスポンシブWebデザイン
-
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践
- CレスポンシブWebデザイン
-
- DHTML Living Standard・CSS3コーディングⅡ
-
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP
- DHTML Living Standard・CSS3コーディングⅡ
-
- EWebリッチコンテンツ(jQuery / JavaScript)
-
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン
- EWebリッチコンテンツ(jQuery / JavaScript)
-
- FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
-
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向
- FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
-
- GWebプログラミング(PHP / MySQL / WordPress)
-
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作
- GWebプログラミング(PHP / MySQL / WordPress)
-
- H作品制作実習
-
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評
- H作品制作実習
-
- IWebグラフィック(Illustrator)
-
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集
- IWebグラフィック(Illustrator)
-
- JWebグラフィック(Photoshop)
-
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し
- JWebグラフィック(Photoshop)
-
- KWebグラフィック制作実習
-
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評
- KWebグラフィック制作実習
-
- Sプレックスプログラム Ⅰ
-
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン
- Sプレックスプログラム Ⅰ
-
- Tプレックスプログラム Ⅱ
-
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
- Tプレックスプログラム Ⅱ
その他のコース
必修コース
- Web&スマートフォンサイト制作コース
- Webデザイン総合コース
- Webディレクター総合コース
- Webクリエイティブ総合コース
- Webマークアップエンジニアコース