loading...

検索結果

{{'検索結果' + searchResultList.length + '件'}}

レスポンシブWEBデザインの基礎研修(1日間)

レスポンシブWEBデザインの基礎研修(1日間)

単一のWEBページを複数の機器や画面サイズに対応できる手法を身につける

研修No.B WEB602-2200-2877

対象者

  • 全階層

システム開発者、WEBサイト・ホームページの作成担当者、WEBデザイナーの方

研修内容・特徴outline・feature

スマートフォンやタブレットによるWEBアクセスが急激に増加している昨今、これらすべての端末で快適に閲覧できるWEBページを作ることが、CS(お客さま満足)向上を実現するうえで重要な要素の一つとなっています。 しかし、パソコン専用、スマートフォン専用といったように機器ごとにページを作っていると、更新のコストや、更新忘れが発生してしまうというデメリットがあります。そこで本研修では、Twitter Bootstrap を使用したレスポンシブWEBデザインのスキルを身につけ、単一のWEBページを複数の機器や画面サイズに対応させられるようになっていただきます。

具体的には、実際にパソコン・スマートフォン・タブレットを使って、表示がどのように変わるかを確認しながら、レスポンシブWEBデザインのやり方を学んでいきます。研修の最後には、研修で学んだことをふまえて、レスポンシブルなページを作成する演習を行い、実践力を身につけます。
【受講対象者】 システム開発者、WEBサイト・ホームページの作成担当者、WEBデザイナー
【前提知識】 HTMLやCSSを使って簡単なWEBページが作ることができる

研修プログラム例program

研修プログラム例
内容
手法
  • 1.レスポンシブWEBデザインとは
    (1)パソコン、スマートフォン、タブレットで、表示の違いを確認する
    (2)どういうページであれば各機器で見やすいかを考える
講義
ワーク
  • 2.CSS フレームワーク Twitter Bootstrap の概要
    (1)Twitter Bootstrap とは
    (2)Twitter Bootstrap でできること
    (3)Twitter Bootstrap の特徴
講義
  • 3.Twitter BootstrapレスポンシブWEBデザインの実装
    (1)Twitter Bootstrap の設定
    (2)基本機能
    (3)グリッドシステム
    (4)ボタン
    (5)テーブルスタイル
    (6)ナビゲーションスタイル
講義
ワーク
  • 4.総合演習
    【ワーク①】研修で学んだ内容を使って、レスポンシブルなページを作成する。
    【ワーク②】作成したページを発表し、他の受講者が作ったWEBページを確認し合う。
ワーク

3523

全力Q&A{{list[0]['category']}}関連の全力Q&A

よくあるご質問について、研修のプロとして熱く丁寧に回答します。

カスタマイズ事例~ケーススタディCASE STUDY

本研修のカスタイマイズ事例として、作成したケーススタディを業界別にご紹介します。

{{theme}}研修のケーススタディ一覧

下記情報を無料でGET!!

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから!

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

最新作・ニュース

新卒採用募集中

新卒採用に関するお知らせ オンライン・全国で会社説明会開催中

研修を探す

同じジャンルで探す

  • WEBins
  • モンシャン
初めてご利用の方へ

インソースからの新着メッセージ

    直近の公開講座開催研修

    新作研修

    業界随一の研修開発力を誇る
    インソースの最新プログラム

      コア・ソリューションプラン
      の新作情報

      250種類以上のコンサル事例!
      組織の「したい!」に全力で応える

        本テーマのおすすめリンク

        おすすめリンク

        閉じる