2012年4月8日日曜日

お気に入りのアイコンを作る / ウェブデザインライブラリー


投稿日:2006年6月20日   レベル:初級    ソフトウェア:


もし、あなたのサイトをお気に入りに入れてもらって、再訪問者を増やそうと思えば、特別なロゴや、そのようなモノはとても効果的になると思いませんか?今、Exploreでお気に入りを開いてみれば、リストされているものの中にそのようなロゴを持っているサイトがあるはずです。少しの手間であなたのサイトの横にそのようなロゴを表示させることができます。

この小さなアイコンのことを"ファビコン"と呼んでいて、Explore 5以上のバージョンで有効となります。それより古いバージョンを使用している場合は、ファビコンは無視されるだけです。


無料のアニメーションのトップサイト


Explore 5ユーザーがページをブックマークしたとき、Exploreは"favicon.ico"という名前を持つ特殊なアイコンについてチェックします。そして、それがあった場合は、お気に入り中のサイト名の横に、ディフォルトのMicrosoftのアイコンに代わって表示されるわけです。もちろん、デスクトップなんかに表示されている、気に入らないアイコンを置き換えることだってできますよ。

アイコンは16×16ピクセルで作成します。もっと大きなサイズで作ることも可能ですが、ファビコンとして完全に機能するにはこのサイズでなければなりません。様々なサイズでアイコンを作成しても、ブラウザに認識されないことになるでしょう。また、16Windows colorsを使った方が良いでしょう。もっとたくさんの色を使用した高度なアイコンもありますが、16色が安全なラインです。

アイコンを作成するには2つの方法があります。BMPやGIFファイルの既存のデザインを利用して、ソフトを使ってアイコンに変換する方法もひとつです。しかし、不運なことに、この手のソフトで余りよい使い勝手のモノはないように思えます。


aviファイルを再生しますか

もう1つは、専門のアイコンエディターを利用することです。Microsoft Visual Studio所属で、オンラインJavaエディターをwww.favicon.comで試すことが出来ます。長いスパンで見れば、既存のデザインを変換して、互換性にバグが生じるといったことを考えると、メモ書き程度のデザインからエディターに任せたほうが作業も早くなることは自明でしょう。

.icoファイルを作成できたら、"favicon.ico"として保存してください。これはExploreが探す、ディフォルトのアイコンになります。他のアイコンを作りたいなら、同じ事をすればよいのですが、それぞれのアイコンに違う名前をつけても、拡張子は.icoにしてください。

Exploreにディフォルトのfavicon.icoを認識させるには、HTMLページが存在するルートディレクトリ−メインディレクトリにファイルをコピーします。サイトに関連させたいfavicon.icoは全てそうしてください。Exploreであなたのサイトがブックマークされるときは、いつでもfavicon.icoがコピーされて、表示されるのを待っているわけです。特別HTMLをいじる必要はありません。


どのように動的なフラッシュのウェブサイトを構築する

しかし、こうするためには少々のトリックがあります。特別なページに異なったアイコンを使いたい場合、LINK tagをこのように使います:

訪問者がこのページをブックマークしたとき、favicon.icoの代わりに、mypage.icoとなるわけです。どのような場合をも指定することが可能です。

もちろん、考慮すべき、奇妙な点もあります。自身のサイトのファビコンをテストしても1種類のアイコンしか手に入らないかもしれません。1度ブックマークされると、PC内にリストされたものを完全にリセットするのは難しいのです。ファイルを削除して、お気に入りからサイトを削除してから再起動して、再びブックマークしても新しいアイコンにならない場合があります。このような状況になったら、まだ、ブックマークをおこなっていない誰かの助けをかりた方がよいでしょう。


他の妨げとなる要因としては、ウェブホストのなかには.icoファイルをサポートしていないものもあります。このようなものを利用しているときには、会社にサポートの開始を直接交渉してみましょう。

このガイドラインを読めば、比較的迷うことなく作業を進めることが出来ると思います。時間がかかる部分といえば、アイコンエディターに慣れて、グラフィックを修正するあたりぐらいでしょうか。少しの労力で、非常に見栄えの良さを期待できると思います。

引用:Web Design Library著者:Tim Altom翻訳:atuk

スポンサードリンク



These are our most popular posts:

Dreamweaverのイメージ挿入 - ホームページ作成ソフト - 教えて!goo

... を使っています。画像を入れたくてイメージのアイコンをクリックするとイメージソースの 選択がでてきて挿入したい画像を選択するという手順で行っていま... ... のイメージ挿入. 役に立った:0件. 質問者:nabana; 投稿日時:2008/07/02 23:05; 困り度: 困ってます; 友達に紹介 ブログに書く 教えて!gooお気に入り ... どのような手順になるかというと イメージのアイコンをクリックするとデザインビューにグレーの仮の画像が配置されます。 read more

有料ソフトとデザイン作業を無力化させる30のブックマークまとめ ...

2012年1月31日 ... 調べた所、Dreamweaverを使用すればGoLiveのファイルを開ける、. という事が ... 上記サイトでの指示が『GoLiveでサイトファイルを再作成する』と.......。 (選択し .... どの ようにしたらLionからSnow Leopardに戻せるのでしょうか? 尚、戻した ... read more

便利な機能を覚える/Dreamweaver/HTMLの基本を学ぶ/ウェブ作成に ...

2010年7月18日 ... Dreamweaver:よく使うショートカットキーの組み合わせと挿入バーのお気に入りを カスタマイズして使いやすい環境を整えます。 ... 代表的なショートカットは、 Dreamweaverに限らず、大抵のアプリケーションで同じ動作をするようになっている ので、この機会 ... や印刷、新規作成、コピー・切り取り・貼り付け、取り消し・やり直し といったファイル操作を行うショートカットアイコンで .... どのページにリンクをしても構い ません。 read more

Dreamweaverのカスタマイズ

最初は何も配置されていませんが、よく使うツールのショートカットアイコンを、ここへ 配置することが出来ます。 ... が表示されます。左側の枠から、配置したいアイテムを 選択し、右側の枠へ送ります。すると下図のようになります。 お気に入り. ブラウザで プレビュー. 作成されたページをプレビューするには、「ファイル」→「 ブラウザで プレビュー」で見ることが出来ますが、「インターネットエクスプローラ」、「ネットスケープ」 、「ファイアフォックス」 ... read more

Related Posts



0 コメント:

コメントを投稿