DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebデザイン総合コース

Webデザイン強化の特別プログラムです。授業では、最新の世界標準Web言語「HTML5・CSS3」+Web制作ソフト「Photoshop / Illustrator / Dreamweaver」+デザインスキル(カラーイメージ表現/フォトイメージ表現など)+高度なWebプログラミング「JavaScript /Ajax(jQuery)」を習得します。また、レスポンシブWebデザイン(スマホからPC、タブレットまで多様なデバイスに対応したWebサイト制作)も実践形式で学びます。さらに、「プレックスプログラム」(80プログラム/ 200時間)を無料受講できる特典付きです。

授業時間数
195時間(78コマ)+α※
開講月
1月/ 2月/ 4月/ 5月/ 7月/ 8月/ 10月/ 11月
定 員
10名~ 16名
レベル
未経験者OK
対応資格
Webクリエイター能力認定試験エキスパート/アドビ認定アソシエイト
目指す職業
Webデザイナー/スマートフォンサイトデザイナー/ Webマスター
時間/期間(週回数)
夜間部19:15-21:45 / 7ヵ月- 9 ヵ月間(週2-3回)、土or日/ 7ヵ月- 9 ヵ月間(週1-2回)
昼間部10:00-15:45 / 2.5 ヵ月間(週3-4回)
入学金
30,000円(税別)
受講料
540,000円(税別)
教材費・実習費
47,000円(税別)
学費総計
617,000円(税別)
受講特典
α※=「プレックスプログラム(80プログラム/ 200時間/ 2年間)」「アドバンストプログラム」を無料で受講できます。

※経験者はカリキュラムをカスタマイズできます。例えば、グラフィック/ DTP経験者であれば、Illustrator / Photoshopのカリキュラムを外すことも可能です。その場合、受講料が割引となります。
※詳細の授業日程は、個別カウンセリングなど学校イベントにてご確認ください。受講時間・期間・週回数はコースにより変更となる場合がございますので、入学前に必ずご確認をお願い致します。
※入学期により消費税率が変更となる可能性があるため、入学金・受講料等は「税別」で表記しております。

コース詳細表

  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

    HTML・CSS基本構造
    HTML・CSSコーディング基礎
    マルチデバイス対応/スマートデバイス
    Dreamweaver基本/ビュー/各種パネル
    HTML5 /セクショニング/エンベット
    CSS3 /セレクタ/プロパティ/ Flexbox
    HTML5・CSS3コーディング基礎
    デジタルデバイスとWebブラウザ概要

  • BWebグラフィックⅠ (Photoshop)

    Photoshopの基本操作(ツール・機能)
    写真の加工・合成・トリミング
    Web用画像の生成・書き出し
    色域指定/カラーバランス/色調補正
    レイヤー/レイヤースタイル/不透明度
    クイックマスク/レイヤーマスク/文字マスク
    修正ブラシ/フィルタ/シェイプツール
    画像サイズ/ピクセル/画像解像度

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

  • GWebプログラミング (JavaScript / PHP / MySQL / WordPress)

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

  • Oカラーイメージ表現

    色彩の基礎知識/色の見え方
    トーンのイメージ・色の温度感/対比・同化
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    配色の基本/配色の系統別理解
    色相・トーンを手がかりにした配色
    色彩マーケティング
    色彩構成 実習/プレゼン/講評

  • Pフォトイメージ表現

    写真の基礎知識/写真の表現力
    カメラの仕組み/構図/アングル
    光の向き・種類 トレーニング/考察
    焦点距離/画角/ホワイトバランス
    遠近感(パースペクティブ)/被写界深度
    露出/シャッタースピードと絞り値
    コンセプトワーク/フォトセレクション
    デジタルフォト撮影実習/プレゼン/講評

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

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

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

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

その他のコース

必修コース

選択コース