TEL 0120-456-539受付時間：10:00 - 20:00

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ブラウザ概要
    フレキシブルボックスレイアウト

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

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

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

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

  • DHTML Living Standard・CSS3コーディングⅡ

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

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

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

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

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

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

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

  • H作品制作実習

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

  • IWebグラフィック（Illustrator）

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

  • JWebグラフィック（Photoshop）

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

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

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

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

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

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

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

その他のコース

必修コース

選択コース