*

スマホのユーザーが増加中!なのに…

公開日: : 最終更新日:2017/10/15 Webサイト作成 ,

スマホ人口の増加

企業のウェブサイト(ホームページ)でも、まだスマートフォン対応していないものが多いですね。

PC用でも指で広げたり、タップすれば拡大できますが、右左に動かして見るのはかなりのストレス…
そんなことはないですか?

せっかく作り込んだサイトも機会損失。

ビジネスチャンスを逃がさないためにも、スマホ対応サイトは必要だと思いませんか?

私はウェブデザイナーなどではありませんが、独学で自社サイトを10年以上運営しています。

ちなみに、今回はスマホサイトだけなくPCサイトも同時に作りかえる予定。

結果、PCサイトとスマートフォンサイトを別々にするとサイト更新が大変なので、レスポンシブサイトにすることにしました。
ところで、レスポンシブサイトって知っていますか?

私の年代(50代)では少ないかもしれませんね。

簡単にいうと、1つのサイトで「PC」「タブレット」「スマートフォン」に対応したサイト。

レスポンシブWebデザイン

賛否あるようですが、

レスポンシブデザインのメリットは

1) サイトの管理(更新など)が楽。

2) サイトが1ソースで、端末の画面幅で切り替わるためユーザービリティがよい。

(googleが推奨しているのでSEOに有利?といわれている)

3) 基本デザインが統一されるので違和感がない。

レスポンシブのデメリットは

1) CSS(スタイルシート)が端末ごとの設定になるなど、設計や構造が複雑になる。

2) デザインの自由性が少なくなる。

3) スマホからパソコン用表示を見られない。(もともと一緒のソースなので)

4) 古いブラウザー(Internet Explorer8以下)では表示されない部分もある。
そして、手間がかかるため制作費用が高くなる場合が多い。

だいたい1ページあたり、2万円くらい(10ページなら20万円以上?)

もちろん、サイトの内容によるので30万円以上とかも普通にあるでしょう。

ちなみにホームページは、作ってからが始まり。

更新やサイト情報の充実などはもちろん。集客のための広告(アドワーズなど)費用も必要。

自作すれば、更新や情報アップなどの費用が節約できるので、集客にまわせます。

また、プロが作ったHTMLやCSSを素人が扱うのはキケン。壊れます…

ところで、そんなサイトを作れるのか?

できます。

ただし、あるていどHTMLとCSS(スタイルシート)の知識があるか、「HTMLやCSSを覚えよう」というやる気がある方!

今回はテンプレートを使用し、少しずつ作っていきましょう。

次回はテンプレートの話をしたいと思います。



ad

関連記事

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

メニュー部分をドラッグ

DreamWeaverの便利な「ライブラリ機能」

webサイト作成にはコピーとペースト(貼付け)作業をよく使います。 メニューやヘッダー(タイト

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

webサイトの運営にはサーバー選びが重要。 中小企業、個人事業者なら、レンタルサーバーが一般的

記事を読む

dreamweaver cc

サイト作成ソフトとHPビルダーの設定

サイト作成のソフトもいろいろありますが、代表的なものといえば「ホームページビルダー」と「Dreamw

記事を読む

TeraPad

サイト作成に役立つツール

webサイト作成には、バナーやボタンなどが必要です。 ホームページビルダーには「ウェブアートデ

記事を読む

ページのコピーと貼付けで注意すること

以前も書きましたが、ホームページ作成にはコピーと貼付け作業を頻繁に使います。 サイトの構成を考

記事を読む

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

バナー画像をJavaScriptで切り替える

前回スマホ用の画像の話をしましたが、jQueryのJavaScriptを使ってサブページのバナー画像

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

ファイルを開く

テンプレートをダウンロードして準備

さて、いよいよサイトを作っていきます。 まず、今回使うテンプレートファイルをパソコンにダウンロ

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

フェンダー アンプ
機能満載アンプ「Fender Mustang GT40」が届いた

数年ぶりのアンプ購入。Fender Mustang GT40が届きまし

JUJU 東京
JUJUが泣いたMV これは泣けた…

今日、3月1日は娘の卒業式。幸い春の嵐は昨日がピークだったようで、無事

YOUNG GUITER
今さらながらのギターと理論

2月4日立春。暦のうえでは春の始まりらしいですが、しばらく極寒の日が続

メンテナンス完了のギター
FUJIGEN OS-10TT ストラトのメンテナンス

フジゲンカスタムショップ製のストラトキャスターOS-10TTです。

Sick As Overdrive MKⅡ
「Sick As Overdrive」ケンタウロス系のエフェクターを使ってみた

雑誌ギター・マガジンで某ギタリストの評価が高かったエフェクターを買って

→もっと見る

PAGE TOP ↑