2015年05月29日 [記事URL]
ブラウザーのスクリーンサイズを、マウスドラッグで狭めてみます。
スクリーンサイズに合わせてレイアウトが変化しました。
一般的なスマホサイズになりましたね。
ブラウザーのスクリーンサイズを戻してみましょう。
パソコン用のレイアウトになりましたね。
このように、単一のウェブページを スクリーンサイズに合わせてレイアウトを最適化させる手法が、レスポンシブWebデザインです。
レスポンシブWebデザインのメリットは、
URLが1つなので、ユーザーがコンテンツを簡単に共有したり リンクしたりできます。
同じコンテンツのページを、いくつも維持・管理する手間が省けますので
ミスが発生する可能性を抑えることができます。
それでは次に
スマートフォンで閲覧した場合を 見てみましょう。
画面を回転させることでレイアウトが変化します。
メニューをタップすると、サイドメニューが開きます。
レスポンシブWebデザインのデメリットの一つに、
パソコン用レイアウトの確認が難しいことがあげられます。
弊社の制作したウェブサイトでは、スマートフォンの画面が横向きの場合には
パソコン用レイアウトになるように調整しています。
それにより、デメリットを抑え
幅広いデザインに対応することができるようになりました。
また、パソコン用とスマホ用のウェブページが同一であることからGoogle検索のインデックスが正確に行われ、高いSEO効果も期待できます。
2010年06月11日 [記事URL]
少人数制で行います。
新宿 6月26日(土) 13:00~17:00
会場(新宿駅前)はお申し込みいただいた方に直接ご案内いたします。
ホームページ制作を1日で学ぶ!
少人数制 特別セミナーを開催します。
なんと、セミナー参加者には
ホームページ(MT-t)を1サイトプレゼント。
実際にプロのテクニックを見ながら一緒にホームページを作ることができます。ノートパソコンをお持ちの方は是非ご持参ください。
MT-t を使ったページ制作、画像制作、効果的なツールと使用方法の紹介、ホームページ制作の実演などを行います。
セミナーで制作方法を学べば、その場ですぐに運営開始できます。
↓ セミナーの内容、お申し込みについて
http://mt-t.jp/seminar/
いせきけんじ公式メルマガの登録はこちらから。
不定期配信中。バックナンバーは基本的に公開していません。
月に一回の無料相談の特典付きです。
Copyright© 2023 【ホームページテンプレート】いせきけんじ公式サイト All Rights Reserved.