~マルチデバイスに対応したサイト制作~

研修成果

  • スマホをはじめとしたマルチデバイスに対応したサイトを制作したい方の向けの講座です。
  • Bootstrapを使用して、基礎からコーティング、サイトテスト方法までの一連の流れとグループ演習を通してレスポンシブWebデザインの制作方法を習得します。

レスポンシブWeb入門研修

達成目標

  • Bootstrapを使用して、HTML5/CSS3基礎~基本コーディング~テスト方法までを習得する
  • Bootstrapを使用して、HTML5/CSS3をベースに1ソースですべてのデバイス(スマートフォン・タブレット・PC)向けにデザインとサイト設計ができる
  • グループ作業でレスポンシブWebデザインサイト設計→制作→発表までを経験する

対象

  • スマートフォン対応のウェブサイトを制作したい方

前提知識

なし

カリキュラム

1日目

1.マルチデバイス対応の為の様々な分析

・Webマーケティング分析
・カスタマージャーニ分析
・マルチデバイス対応比較

2.Webデザインの基礎知識

・Webデザインとは?
・Webページの構成と構造
・Webデザインの色彩の基礎知識

3.レスポンシブWebデザインの応用知識

3つの技術的要素とは?
・メディアクエリ
・フルードグリッド
・フルードイメージ

4.Bootstrapの基礎知識

・Bootstrapとは?
・Bootstrapの概要
・Bootstrapの環境準備

5.Bootstrapの使い方

・レイアウト
・基本的なスタイリング(見出し、画像、テーブルなど)
・フォーム、ボタン

2日目

6.レスポンシブWebデザインサイト制作

Webページを各コンテンツごとに制作
・ヘッダーのデザイン、制作
・グローバルナビゲーションのデザイン、制作
・コンテンツエリアのデザイン、制作
・フッターのデザイン、制作

7.サイトのテスト方法

・Webサイトテスト方法

8.レスポンシブWeb

  グループ作業にて設計        

        ↓
     制    作       
        ↓
     発    表

価格(ノンカスタマイズの場合)

※名古屋市内からの交通費と宿泊費が別途必要な場合があります

講師料:30万円(税別)
テキスト代:3,000円(税別) ✕ 研修参加人数

イメージ写真

 coming soon.

レスポンシブWeb入門研修への感想