loading...

検索結果

{{'検索結果' + searchResultList.length + '件'}}（人気順）

レスポンシブWebデザインの基礎研修（１日間）

レスポンシブWebデザインの基礎研修（１日間）

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

研修No.B WEB602-2200-2877

対象者

  • 全階層

・システム開発者、Webサイト、ホームページの作成担当者、Webデザイナーの方
・ＨＴＭＬやＣＳＳを使った簡単なWebページを作ることができる方

研修内容・特徴outline・feature

スマートフォンやタブレットによるWebアクセスが急増している昨今、すべての端末で快適に閲覧できるWebページを作ることは、ＣＳ向上を実現する重要な要素の一つです。しかし、機器ごとのページ作成では、更新コストや更新忘れの問題が生じます。そこで、本研修ではBootstrapを使用して、単一のWebページを複数の機器や画面サイズに対応させるレスポンシブWebデザインのスキルを学びます。研修では複数機器を使って表示の変化を確認しながら学び、最後に実践的な演習を行います。

研修プログラム例program
内容
手法
  • １．レスポンシブWebデザインとは
    （１）パソコン、スマートフォン、タブレットで、表示の違いを確認する
    （２）どういうページであれば各機器で見やすいかを考える
講義
ワーク
  • ２．ＣＳＳフレームワーク Bootstrap の概要
    （１）Bootstrap とは
    （２）Bootstrap でできること
    （３）Bootstrap の特徴
講義
  • ３．BootstrapレスポンシブWebデザインの実装
    （１）Bootstrap の設定
    （２）基本機能
    （３）グリッドシステム
    （４）ボタン
    （５）テーブルスタイル
    （６）ナビゲーションスタイル
講義
ワーク
  • ４．総合演習
    【ワーク①】研修で学んだ内容を使って、レスポンシブルなページを作成する
    【ワーク②】作成したページを発表し、受講者が作ったWebページを共有する
ワーク

3523

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

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

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

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

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

関連サービス

読み物・コラムcolumn

下記情報を無料でＧＥＴ！！

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

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

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

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

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

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

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

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

■最新作・ニュース

新卒採用募集中

研修を探す

同じジャンルで探す

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

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

    直近の公開講座開催研修

    新作研修

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

      新作研修をもっと見る

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

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

        プランをもっと見る

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

        おすすめリンク

        閉じる