ホームページで活用できる、いろいろなテクニック(技)をご紹介します。 テクニックを知っておいた方が、いろいろなホームページを作ることができますよ!
自分のパソコンの画面を、カメラで撮ったように写して、その写真を画像にすることができるので、とても便利な技ですよ!
スマホやデジカメで撮影した写真を、ホームページに掲載したいときもあると思います。その方法をご紹介します。
ホームページは横幅に限りがあるため、大きな写真を掲載できません。でも、クリックして画像が大きく表示されれば、問題が解決しますよね。
最近 流行の技です。画像をクリックしたら、別ウィンドウが立ち上がるのではなく、その場で拡大画像がポップアップで表示される技になりますよ。
この方法は、「お申し込みはこちら」などの決済リンクで役に立ちます。画像がリンクであることが、すぐに分かるからです。
画像にマウスを合わせると、その画像が少しズームアップされます。あまり意味はありませんが、動きのあるホームページになりますよ。
画像の上にマウスを合わせると、半透明のオーバーレイが表示されて、その中央にテキスト(コメント)が表示される方法をお伝えします。
ページが開いたときに画像やテキストが動いて表示される方法です。ホームページに動きが出るため、見た目が良くなるという特徴があります。
画像やテキストが派手にバウンスする(弾むように動く)、アニメーションを表示する方法をお伝えします。
「アニメーション画像」は簡単に作ることができます。ただ、画像がコロコロと変わると、落ち着きのない印象になるので、注意は必要ですよ。
画像が、「ふわっ」とゆっくり切り替わるので、けっこうオシャレな技だと思います。ホームページの印象は良くなりそうですね。
これもオシャレな技ですよね。画像が次々に横に流れていく「スライドショー」があると、やはり目を惹くと思います。
Photoshop(フォトショップ)などの画像編集ソフトを使わなくても、はめ込み画像は簡単に作ることができますよ。
このようなグラフがあると、ホームページに信ぴょう性が出ます。データを扱うときは、このようなグラフは重宝しますよね!
「ファビコン」は、他のホームページとの差別化になり、少し目立つので、表示させておいた方が良いと思います。損をすることはないと思いますよ。
ホームページの容量で大きいのは、「画像」です。画像の容量を小さくしておくと、ホームページの表示スピードは速くなりますよ!
この方法を行うことで、まだ画面に表示されていない箇所の画像は 読み込まなくなるため、ページの表示スピードが速くなるという特徴があります。
この技は、実際に使ってみると、とても便利です。table タグを使わなくても、右側に画像などを表示できるためです。
ホームページでは、タイトルバーがとても大切です。ぜひ、キレイで分かりやすいタイトルバーを作成するようにしましょう!
ホームページにPDFファイルを掲載したい場合もあると思います。この方法を使えば、ホームページにPDFファイルを掲載できますよ。
最近は、ホームページのリンクから、アンダーラインを消すサイトも増えてきました。そこで、リンクのアンダーラインを消す方法をお伝えします。
ホームページの最大の特徴は、ページをリンクでつなげることができることです。だから、リンクを分かりやすくすることが大切ですよね!
この技を使うと、リンクが、「ボタンのような押し心地」になるので、個人的には、けっこう好きです。ちょっと細かいことですけどね(笑)
この方法はホームページに動きが出るため、オシャレに見えますし、「これがリンクだ」ということが分かりやすくなるメリットがあります。
ボタンリンクは、コンテンツバー(ナビゲーション)にも活用することができますよ。使い勝手がとても良い技になります。
上に一瞬で戻るのではなく、スクロールしながら上に戻ることができるので、見た目が良いです。あって損はしないと思いますよ。
リンク切れや存在しないページにアクセスがあった場合に、親切なエラーメッセージを表示させると、直帰率が低くなります。
ホームページを移行した場合や、「このページのアクセスがあったら、一時的に、こっちのページに飛ばしたいな」というときに役立ちますよ。
「短縮URL」とは、長いURLを、短いURLに変換したものです。ただ、あまり使う機会はないかもしれませんね、、、
マウスを重ねると、リンクボタンが表示されるメニューの作り方です。ページ数の多いサイトを運営する場合に、向いていますよ!
カレンダーをホームページに表示させておけば、カレンダーを更新するだけで、ホームページにも反映されるので、とても便利ですよ!
店舗がある「お店」などは、ホームページ上に地図を表示しておきましょう。地図があると分かりやすいため、訪問者(お客さん)が増えます。
タブを切り替えることで、同じスペースでたくさんの情報を見れるため、ホームページのスペースを有効に活用できるメリットがあります。
アコーディオンパネルとは、見出しをクリックすることで、コンテンツが開いたり閉じたりするパネルのことです。
現在は、高性能なアクセス解析ツールがあるので、アクセスカウンターはあまり意味ないかもしれません。参考程度にお伝えしますね。
掲示板は、メンバー専用サイトなどで、「質問を受け付けたい」という場合に、とても役に立ちます。実際に、私も使っていますよ!
「サイト内 検索」は、自分のホームページの中のコンテンツだけを対象にして検索します。ページ数の多いホームページで活躍しますよ。
ホームページの中に、パスワードを入力しなければ、アクセスすることができない(見ることができない)ページを作りたい場合に行う作業です。
ページを開いたら、ポップアップですぐに出てくる「モーダルウィンドウ」の作り方をお伝えします。
ページが開いたときに、画面が暗くなって、数字がカウントアップされる「ローディング画面」の作り方をお伝えします。
ページが開いたときに、画面が暗くなって、クルっと回るアニメーションが表示される「ローディング画面」を作る方法をお伝えします。
youtubeを使わずに、ホームぺージにおしゃれな動画を「自動再生」で埋め込む方法をお伝えします。さらに、ホームページの背景で動画を流す方法も合わせてお伝えします。
ホームページの中に、「ショッピングカート」を設置する方法をお伝えします。ネットショップを運営したい場合は必見です!
お問い合わせがあったときに、メールが自動で返信されたら便利ですよね。また、ステップメールを配信するフォームの作り方もお伝えします!
ホームページを自分で更新することができない人が、ちょっとしたお知らせをホームページに掲載したいときに、とても役立ちます!
Twitter のフォローボタンをホームページに表示させておけば、Twitter のフォローワーが増える可能性が高くなりますよ。
Twitter のようなSNS では、記事をシェアしてもらうことが、最も効果があります。ぜひ設置してくださいね!
「Facebookページ」を、ホームページ上に表示する方法をお伝えします。なお、「個人ページ」は、表示することができませんよ。
Facebook のようなSNS では、記事をシェアしてもらうことが、最も効果があります。ぜひ設置してくださいね!
ホームページを自分で更新することができない人が、お店の写真をすぐにホームページに掲載したいときに、とても役立ちます!
日本でのLINEの普及率はとても高いため、ホームページに「LINEで送るボタン」を表示するのも、1つの方法です。
Youtube の動画をホームページに掲載することは、簡単に行うことができます。動画は、見る人にとって分かりやすいので、良いですよね!
Youtube で動画を配信している人は、「Youtube のチャンネル登録ボタン」を表示させておけば、登録者が増える可能性がありますよ。
「はてなブックマーク」と「Pocket」のボタンをホームページに設置しておけば、登録する人も増えるかもしれません。
Twitter やFacebook のシェアボタンなどを、個別で作っていくのが面倒な場合は、一括で作成する方法もあります!その方法をご紹介しますね。
ホームページでは、「見出し」がとても重要になります。ここでは、分かりやすくて、見やすい見出しを作成する方法をお伝えします!
ホームページは大切な資産になります。手動でバックアップするよりも、自動でバックアップした方が絶対に良いですよ!
もし、「このホームページは検索エンジンにヒットさせたくない」という場合があったら、この手順を実施してみてくださいね。
ホームページのURLは、「wwwあり・なし」でも、どちらでも表示されます。ただ、「wwwなし」に統一した方が良いですよ。
ホームページのトップページのURLを、「index.htmlなし」に統一する方法をお伝えします。これもぜひ、実施するようにしましょうね。
「https」は、ホームページの通信を暗号化しているという意味です。セキュリティが高くなるメリットがあるため、SSL化が推奨されています。