| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |


| 無料HP作成支援集 |
favicon.ico -URLやお気に入り・ショートカットのアイコン作り方-
favicon.ico
ネットサーフィンしているとUR Lにアイコンが表示される。お気に入りに追加したらアイコンが表示された。デスクトップ上にショートカットを移動したらショートカットアイコンが出た等はありますよね。
これらの仕組みを説明したいと思います。
URL
無しの場合の例
ありの場合の例1
ありの場合の例2
ありの場合の例3
お気に入り
無しの場合の例
ありの場合の例1
ありの場合の例2
ありの場合の例3
ショートカット
icoファイルの用意
favicon.icoの仕組み

favicon.icoは特殊でちょっと難しいです。
わかりやすく図で説明すると、[32*32]と[16*16の]2個の画像ファイルが組み合わさってひとつのicoファイルを形成しているのです。
これはURLやお気に入りで表示される[16*16]とデスクトップ上に表示される[32*32]の両方に対応できるようにする為です。

(32*32)+(16*16)=favicon.ico
256色で透過が使える
PhotoShopやPainterで作れない

作り方

まず自分の持っている画像ソフトで[16*16]と[32*32]のGIF画像を作成します。
256色で透過も必要なら使います。それをアイコンエディター ソフトで組み合わせます。
アイコンエデッターサイト集
favicon.icoの設置場所
ファイル名を「favicon.ico」と付けて、一番上の階層に置くだけです。
※他の名前は不可

http://www.interz.jp/
に置くとしたら
http://www.interz.jp/favicon.ico
とするだけです。
下の階層すべてに影響します。設定はいりません。
例えるなら、「index.html」をトップに置くようなものです。
favicon.icoのタグ
表示されない場合はタグで指定しましょう。
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
上のタグを導入してみましょう。そのファイルより下の階層のアイコン指定ですので、ページごとに指定可。
<HTML>

<HEAD>
<TITLE>
</TITLE>
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
</HEAD>

<BODY>

</BODY>

</HTML>
表示されない
表示されない場合1

ブラウザーのキャッシュを削除する。
IEのアイコンを右クリック→[プロパティー]→[全般]→[インターネット一時ファイル]


表示されない場合2

ホームページを借りている場所に対応しているか問い合わせて見る。
使用不可の場合は諦めるか、他の場所を借りるしかないです。
関連コンテンツ
-

点数の見方
評価5 評価5
評価4 評価4
評価3 評価3
評価2 評価2
評価1 評価1
評価1 評価0

アンチウイルスソフト
ESET Smart Security
Kaspersky Internet Security
Norton Internet Security
4 マカフィー インターネットセキュリティ
5 ウイルスバスター

PR




広告掲載について
お問い合わせ

AdSense
Copyright (C) 2002 - 2011 インターネット研究会Z - The Internet Society - HTML
interz? | information | site map | page view | 紹介履歴 | 広告掲載 | 掲示板 | mail