あきばれホームページ作成
小さく始めて大きく育てるホームページ作成サービス

WEBマーケティング総合研究所

お問合せ・ご相談はこちら

スマホサイトの作り方~スマートフォンサイト作成入門~

スマホサイトとCSS

CSSとは?

CSS(Cascading Style Sheets)」といっても、ホームページ作成の専門知識がないとなかなか聞き慣れない言葉でしょう。しかし、現在のスマホサイトやPCサイトの作成には欠かせない技術で、HTMLと組み合わせて使用されます(HTMLについては、スマホとHTML参照)。

HTMLがPCサイトやスマホサイトの基本構造部分を担当しているのに対して、CSSはサイトの見た目の部分を担当しています。見た目とは、文字サイズや行間、文字装飾、インデント、配置などのこと。

たとえば、

  • HTMLで「表」を定義し、CSSで表の横幅やセルの色、枠線の太さなどを決める
  • HTMLで「段落」を定義し、CSSで段落の間隔や文字サイズ、色、配置などを決める

といったように使われます。

もちろんHTML同様、スマホサイトを閲覧するのにこんな知識は不要です。

しかし、PCサイトをスマホに対応させるような場合には、大切な技術になってくる、ということは覚えておいて損はないでしょう。

PCサイトをスマホサイトに最適化する

このサイトのコンテンツ「WEBサイトをスマホに対応させる方法」で詳しくお話ししましたように、PCサイトをスマートフォンで表示させた場合の問題点を克服するには、既存のPCサイトをスマホに最適化させるのが有効です。

これは、スマートフォン表示専用のCSSを用意しておき、スマートフォンからのアクセスに対して、PCサイトの見た目を、専用CSSでスマホ用に変換する、という方法です。

この方法を使う一番のメリットは、

PCサイトとスマホサイトで共通のコンテンツを使用できる

ということ。

スマホ専用サイトを別途作成した場合は、PCサイトと連動していませんから、別々に更新作業をする必要があります。

しかし、コンテンツを共通にしておいて、PCサイトの見た目だけを専用CSSでスマホに最適化させる、という方法なら、PCサイトを更新すればスマホサイトも更新されます。

もちろん、コンテンツの追加や更新はPCサイトのみ行えばよいので、手間がかかりません。

それに、PCサイトとスマホサイトでコンテンツを共通にしておくと、どちらにアクセスしても同じ内容が表示されますから、無用な混乱を防ぐことができます。

このように、

CSSを使ったPCサイトのスマホ最適化

の機能があるサービスなら、スマホ専用サイトを別に作成するよりも多くのメリットがあるとおわかりいただけたのではないでしょうか。

具体的にスマホ対応サイトを作るには?

スマホ対応つきホームページ作成サービス次はこちら無料スマホ用ホームページを作成します

簡単にHPを更新できるCMSあるいは初心者むけスマホ対応CMSはこちら

無料ガイドブック

2013年7月5日配信

HP作成ガイドブック
スマホサイト+ホームページ作成を知りたい方へ

ホームページ入門

ガイドブック無料ダウンロード

メールアドレス: (必須)

メールマガジンの登録
(任意)
※HPの活用方法、SEO等の最新情報をメールでお届け。
※しつこいサービス勧誘や、営業電話等は、行いません。

スマホサイトつきのホームページ作成サービス

ページの一番上へ | このページを印刷

着手可能数(11月20日現在)

  11月 12月 1月 2月
残り 45件 75件 80件 80件
11月は残り45件!申込みはお早めに

お申込みはこちら

※上記は標準パックの申込み状況表です。

※お急ぎの方はお電話(03-5957-1610)でお問合せ下さい。

低価格なHP作成サービス
充実のサポート
サービス詳細
ご相談・お問合せ