DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebディレクター総合コース

コース詳細表

• DHTML Living Standard CSS3コーディングⅠ

  HTML・CSS基本構造
  HTML・CSSコーディング基礎
  マルチデバイス対応
  Visual Studio Code基本／ビュー／各種パネル
  HTML Living Standard／セクショニング／エンベット
  CSS3／セレクタ／プロパティ
  デジタルデバイスとWebブラウザ概要
  フレキシブルボックスレイアウト

• EWebプロトタイピング （Figma）

  Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
  Webサイト制作フロー
  Figmaの基本操作
  プロジェクト／モード切替
  レイヤー／アセット
  コンポーネント
  プランニングシート／コーディング設計
  ワイヤーフレーム／デザインカンプ制作

• FレスポンシブWebデザイン

  マルチデバイス対応実践
  ブレークポイント設計
  Media Queries
  スマートフォンデバイスの特徴
  モバイルファーストのサイト設計
  リキッドレイアウト
  スマートフォン最適化データ／ SVG実装
  ページの高速化／レスポンシブWeb実践

• GHTML Living Standard CSS3コーディングⅡ

  リセットCSS
  ノーマライズCSS
  HTML Living StandardによるWebサイト構築
  CSS3によるWeb編集
  HTML Living Standard・CSS3コーディング応用
  マルチブラウザ対応
  デベロッパーツール
  バリデーションチェック／ FTP

• HWebリッチコンテンツ （jQuery / JavaScript）

  クライアントサイドスクリプト概論
  JavaScript概要
  JavaScript基礎
  jQuery基礎（実装）
  jQuery実践（class変更など）
  jQueryプラグイン（lightboxなど）
  jQuery応用（Loading ／条件分岐による挙動）
  プラグイン

• IHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）

  HTML Living Standard・CSS3コーディング実践
  セマンティックWeb
  CSSアニメーション
  CSS transform
  Webフォント概要
  グリッドレイアウト
  Visual Studio Code応用
  Webポートフォリオ／業界最新技術動向

• JWebプログラミング （PHP / MySQL / WordPress）

  サーバーサイドスクリプト概論／ API 概論
  PHP概要／基礎／入力フォーム
  データベース／ MySQL概要
  CMS（コンテンツマネジメントシステム）概要
  WordPress概要／インストール／環境設定
  管理画面／投稿ページ／固定ページ
  カテゴリ／タグ／タクソノミー／ WordPress関数
  プラグイン／オリジナルテーマ制作

• K作品制作実習

  Webサイトプランニング
  企画 ・コンセプト
  コンテンツページ構成
  コーディング／ページ最適化
  ブラウザ互換性／コーディングチェック
  トップページ・コンテンツページ制作
  スマートフォンサイト制作
  プレゼンテーション／作品講評

• LWebグラフィック （Illustrator）

  Illustratorの基本操作（ツール・機能）
  図形の描画／オブジェクト／グループ化／レイヤー
  変形／整列／パスファインダ／パス／アンカーポイント
  アウトライン化／クリッピングマスク
  RGBとCMYK ／グラデーション
  文字の扱い／文字デザイン／ロゴ／マーク
  タイポグラフィの基本原則
  Web用画像の生成 ・書き出し／ SVGデータ編集

• MWebグラフィック （Photoshop）

  Photoshopの基本操作（ツール・機能）
  画像サイズ／ピクセル／画像解像度
  写真の加工・合成・トリミング
  色域指定／カラーバランス／色調補正／シェイプ
  レイヤー／レイヤースタイル／レイヤー効果／不透明度
  クイックマスク／レイヤーマスク／クリッピングマスク
  アートボード／レイアウトの基本原則
  Web用画像の生成・書き出し

• NWeb グラフィック制作実習

  デジタルデバイス対応デザイン
  Web用画像フォーマット
  Webカラー表現
  Webタイポグラフィ
  サイトレイアウト
  ワイヤーフレーム／デザインカンプ
  デザインカンプ制作実習
  プレゼンテーション／講評

• OWebデザインⅠ （ビジュアルデザイン）

  Webデザイン概論
  Webサイトの種類と役割
  サイトレイアウトデザイン
  マルチデバイスページデザイン
  高度なフォトコンテンツ表現
  Webカラーデザイン
  Webタイポグラフィ実践
  Webサイトデザイン思考／分析

• PWebデザインⅡ （情報設計）

  アイコンフォント
  ユーザビリティ設計
  Webアクセシビリティ
  デザインガイドライン
  UI パーツデザイン
  コンポーネント設計
  情報構造／ HTML・CSS設計
  CSS命名規則／ CSSプリプロセッサ

• QWebデザインⅢ （インタラクション）

  モーションデザイン
  マイクロインタラクション
  アクションとレスポンス
  映像を用いたサイト表現
  インフォグラフィックス
  アイコン／ピクトグラム
  Webサイトデザイン制作実習
  プレゼンテーション／講評

• RUIデザイン （IA・UX・UIデザイン）

  IA・UX・UIデザイン概論
  企画・コンセプト立案
  情報の組織化とカテゴリ設計
  サイトマップ設計／ワイヤーフレーム設計
  UX3大要素／人間中心設計
  ユーザー行動と画面設計／ユーザビリティ
  サイト目的別／デバイス別UX・UI設計
  UX・UIの改善手法

• SWebマーケティング

  Web解析（Google Analytics）基礎
  CV / CVR / インテント
  サイトコンセプトに基づいたSEO設計
  SEOの課題発見と改善手法
  Webリスティング広告
  リスティング広告の課題発見と改善手法
  ランディングページの企画・設計
  SNSマーケティング

• TWebディレクション

  ユーザー行動の理解と情報収集
  定性手法と定量手法
  仮説検証とコンテクストリサーチ
  カスタマージャーニーマップ
  ユーザビリティテスト
  サイトの問題点と改善策の検証
  改善提案プロトタイプ作成
  プレゼンテーション／講評

• WプレックスプログラムⅠ

  デザインプロセス
  デザインシステム
  デザイントレンド
  企画アイデアの発想方法
  着眼点と発想法の成功事例
  ストーリー構築
  コンセプトメーキング
  プラスデザイン

• XプレックスプログラムⅡ

  ボーダレスデザイン（国／分野）
  ソーシャルデザイン
  コミュニケーションデザイン
  デザインストラテジーⅠ（ブランディング）
  デザインストラテジーⅡ（マーケティング・MD）
  クリエイティブワークショップ
  グループディスカッション
  デザインプレゼンテーション