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

DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebマークアップエンジニアコース

本コースは「Photoshop / Illustrator」経験者が、Web＆スマートフォンサイト制作を効率的に学べるプログラムです。授業では世界標準Web言語「HTML Living Standard・CSS3」やWeb制作ソフト「Visual Studio Code / Figma」を基礎から実践レベルまで習得。また、多様なデバイスに対応できるWebサイトを実現する「レスポンシブWebデザイン」や業界主流レイアウト技術「Flexbox」、CMS業界標準「WordPress」、Webプログラミング「JavaScript、Ajax（jQuery）」にも対応しています。さらに2年間「プレックスプログラム」を無料受講できます。

授業時間数
135時間（54コマ）＋α※
開講月
1月／ 2月／ 4月／ 5月／ 7月／ 8月／ 10月／ 11月
定 員
16名～ 18名
レベル
Photoshop / Illustrator経験者
対応資格
HTML5プロフェッショナル認定試験レベル1／Webクリエイター能力認定試験エキスパート
目指す職業
Webデザイナー／マークアップエンジニア／ Webマスター
時間／期間（週回数）
夜間部19:15-21:45 ／ 6ヵ月間（週2回）、土or日／ 6ヵ月間（週1回）
昼間部10:00-15:45 ／ 2.5 ヵ月間（週2-3回）
入学金
30,000円（税込33,000円）
受講料
395,000円（税込434,500円）
教材費・実習費
35,000円（税込38,500円）
学費総計
460,000円（税込506,000円）
受講特典
α※＝「プレックスプログラム（80プログラム／ 200時間／ 2年間）」を無料で受講できます。

※本コースは「Webデザイン実践コース」又は「Webディレクション実践コース」を同時申込の場合、受講料の特別割引が適用されます。
※詳細の授業日程は、個別カウンセリングなど学校イベントにてご確認ください。受講時間・期間・週回数はコースにより変更となる場合がございますので、入学前に必ずご確認をお願い致します。

コース詳細表

  • 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コーディング実践 （HTML5プロフェッショナル認定試験対応）

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

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

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

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

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

その他のコース

必修コース

選択コース