今さら聞けないホームページ作成小技集お気に入りアイコン編

　ホームページ作成小技集　初心者のための今さら聞けないお気に入りアイコン小技編　『ＨＴＭＬ記述』

インターネットビギナーズガイド｜中級｜上級｜ネット活用術｜ネットＱ＆Ａ｜コラム｜IT用語辞典｜サイトマップ

ノミでもわかるインターネット＞上級＞ホームページ作成

インターネット上級ガイドへ戻る

　お気に入りアイコンＨＴＭＬ記述編について

ホームページ作成小技メニュー一覧に戻るには＞ホームページ作成小技ガイド

　ＨＴＭＬに記述をしましょう

自分のサイトの作成をする場合はじっくり考えてから作成してみて下さいね。ちょっとサンプルなので手を抜いてます。（作成時間3分：サンプルなのでお許しを）

こんな画像を作成しました。

ちなみに、この画像はここで見られるようにgif形式ですが、実際はicon形式で保存してあります。作成の際は、サイトの色に合わせるとわかりやすいと思います。また、目立つ色も大事です。小さくてかすんだ色では目立ちません。

　記述

私の場合は画像のファイル名を　chance　とつけました。
下のソースをコピー＆ペーストしてメモ帳か何かにペーストして下さい。

それから、
<LINK rel="SHORTCUT ICON" href="chance.ico">
赤字部分を自分でつけたファイル名に変更して下さい。

変更が終了したら、サイトのトップページの
<head>～</head>の部分に作成したソースを貼り付けて完了です。

出来上がったページをＵＰして、画像もＵＰ。（画像はトップページと同じディレクトリにＵＰして下さい。でなければ、画像のＵＲＬ指定を）

　試しに

当サイトのトップページノミでもわかるインターネットをクリックしてみて下さい。ブラウザの上のアドレスバー（ＵＲＬが表示されている部分）にアイコンが表示されていると思います。

ではでは、さらにお気に入りに追加してみて、アイコンが表示されているか確認してみて下さい。お気に入りに追加！をクリックすると当サイトがお気に入りに追加されます。→ブラウザでお気に入りを表示した時にアイコンは見えていますか？こんな感じになると思ってください。

　自分のアイコンを確認してみましょう

早速作成したアイコンを見てみてください。他のサイトより思い切り目立つアイコンができましたか？

アイコンを変えると何かいいことあるの？
別に無いよという人もいるかと思います。でも、同じようなサイト名が並んでいる時などは、アイコンが目印になることもありますし、個性を出したい時は便利ですね。ポータルサイトのアイコンなども、結構アイコンを目印にクリックしているところもあるし、参考になると思いますよ。

このページのトップへ戻る

　上手く表示されない場合

　ページをＵＰしたけど表示されない