マーケティング・広告・営業担当者の仕事をサポートする資料ダウンロードサイト
  • 総資料数3630ファイル
  • 掲載企業数 1000
  • 今週の公開資料数9ファイル

マーケティング TOP > オウンドメディア強化(構築・運営) > スマートフォンサイト構築 > 【レスポンシブ ウェブ デザイン】基本から作り方までを徹底解説

【レスポンシブ ウェブ デザイン】基本から作り方までを徹底解説

企業名:株式会社パンタグラフ

スマホやタブレットなど、サイトを閲覧するための機器が多様化した昨今、どの機器から見ても使いやすいサイトが求められています。

そんなニーズに応える手段が「レスポンシブ ウェブ デザイン」です。

当資料では、レスポンシブ ウェブ デザインについて、基本的なことから実際の作り方まで、わかりやすく解説します。

資料詳細説明

<目次>
レスポンシブウェブデザインとは
レスポンシブウェブデザインのメリット・デメリット
メリット1. 小さな画面でも見やすい
メリット2. 管理や更新の手間が最小限
メリット3. URLが統一される
デメリット1. 表示速度が遅くなる可能性
デメリット2. 制作にかかる工数が多くなる
レスポンシブウェブデザインの作り方
1. 内にviewportを設定する
2. 表示切り替えの条件を決める
3. メディアクエリを記述する
参考にしたいサイト3選

対象業種

全業種

対象企業規模

企業規模問わず

【導入実績】

<目次>
■レスポンシブウェブデザインとは
■レスポンシブウェブデザインのメリット・デメリット
━メリット①小さな画面でも見やすい
━メリット②管理や更新の手間が最小限
━メリット③URLが統一される
━デメリット①表示速度が遅くなる可能性
━デメリット②制作にかかる工数が多くなる
■レスポンシブウェブデザインの作り方
━作り方①viewportを設定する
━作り方②ブレイクポイントを決める
━作り方③メディアクエリを記述する
■参考にしたいサイト3選
━サイト①
━サイト②
━サイト③
■まとめ

こんにちは ゲスト様

会員登録をしていただくと簡単にマーケティング資料をダウンロードできるほか様々な特別な機能をご利用いただけます。

最新のマーケティング資料を
メールで配信中!

マーケメールとは?

※gmail、hotmail、携帯メールアドレスなど、法人メールアドレス以外のアドレスはご使用出来ませんのでご了承下さい。

資料別ダウンロードランキング

マーケティングFacebook

【レスポンシブ ウェブ デザイン】基本から作り方までを徹底解説|資料・事例【マーケメディア】注目の広告媒体資料・マーケティング資料・事例集・新規顧客獲得ソリューション、各種ダイレクトマーケティング・販促の企画書などが一括無料ダウンロードできるWEBサイトです。情報収集や企画・提案業務にお役立て下さい。ターゲットメディア運営。