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

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

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

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

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