*

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

公開日: : 最終更新日: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

関連記事

メニュー部分をドラッグ

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

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

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

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

記事を読む

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

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

記事を読む

画像を回り込ませる方法

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

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

記事を読む

dreamweaver cc

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

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

記事を読む

スマホの画面

スマホサイトに画像やメニューを表示させない設定

スマホの画面は表示範囲が狭いので、縦長のサイトになります。 縦スクロールは操作がしやすいとはい

記事を読む

ファイルを開く

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

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

記事を読む

テンプレートの見出しタグ

タイトル(メタタグ)と見出しタグを編集する

テンプレートのソースタグ「<head>~</head>」の部分を編集します。

記事を読む

無料テンプレート

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

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

記事を読む

php工房

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

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

記事を読む

ad

Message

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

ad

サゴシ
神社参拝と釣り場の探索

気持ちがいい秋晴れ。この季節は日差しが強くても、風がひんやりしているの

アジ
アジングを始めて二週間で気づいたこと

アジングをやりだして約二週間。台風の影響はあったものの、連休もあり、朝

釣れたアジ
アジングは楽しい!常夜灯で入れ食い

最近はまっているアジング。仕事帰りに車で約40分の波止場へ寄りました。

釣ったアジ
朝マズメのアジングに行ってきた

今回は朝マズメのアジ釣りに行ってきました。早朝も夕方と同じように魚が釣

ガイドスルーを使っているところ
アジングにおすすめ「TICT ガイドスルー」

釣りのゴールデンタイム、夕マズメのアジングに行ってきました。

→もっと見る

PAGE TOP ↑