アドレスバーのイラスト部分?

このQ&Aのポイント
  • アドレスバーのイラスト部分を作成するための方法やサイズについて教えてください。
  • アドレスバーの左端に付いているボタンのようなイラストを作成したいです。
  • 作成したイラストをどこに貼付ければ良いか教えてください。
回答を見る
  • ベストアンサー

アドレスバーのイラスト部分?

よろしくおねがいします。 弟が使っていたFireworksとDreamweaverを借りてホームページを作成中です。ですが、何冊もの参考書と、地方に住んでいる弟に電話して作成しているくらいのド素人です。 説明がうまく伝わるか不安ですが、 こちらのOKwebや、Yahoo!と言った様々なサイトを閲覧していると、一番上にアドレス部分が出ているのですが、その左端にボタンのようなイラストが付いていると思います。(お気に入りやお役立ちに登録すると左端に付いている絵のことです。) それを作りたいのですが、そのアドレスバー?といい、イラスト部分の名前と言い、名前すらわからない為調べようが無くて悪銭苦闘しています。。 ボタンのようなものが付いているサイト 例)http://www.yahoo.co.jp/   http://okwave.jp/   http://www.apple.com/jp/ イラスト?自体はPhotoshopで作成します。 Gifで作成するのはわかりましたが、サイズはどれくらいが良いのでしょうか? 又、仕上がった場合、ソースではどこの位置に貼付ければ良いのか、もしわかる方がいらっしゃいましたら教えて下さい。 名前だけでもわかれば幸いです。お願い致します。

  • syuli
  • お礼率76% (23/30)

質問者が選んだベストアンサー

  • ベストアンサー
  • asapinya
  • ベストアンサー率36% (40/109)
回答No.2

favicon(ファビコン)ですね。 このページだと、 <link rel="icon" href="http://okwave.jp/favicon.ico?20070701" type="image/x-icon"> この部分がそうですね。位置はヘッダーの中です。 ↓作り方など書かれています。大変参考になります。 http://sonic64.com/2004-04-11.html

syuli
質問者

お礼

質問する前にこちらのサイトのトップページを見ても見つけられなかったので助かりました。丁寧に教えていただきありがとうございました。

その他の回答 (1)

回答No.1
syuli
質問者

お礼

サイトを見つけていただきありがとうございました。

関連するQ&A

  • Dreamweaver CS4とFireworks CS4の連携につい

    Dreamweaver CS4とFireworks CS4の連携について質問です。 連携機能を使ってDreamweaverからFireworksを呼び出して画像を編集し、 編集を終了してDreamweaverに戻るとHTMLの日本語の部分が文字化けしてしまいます。 具体的な手順は以下のとおりです。 ・FireworksでFireworks PNG形式の画像ファイルを作成。 ・作成した画像ファイルからJPGファイルを作成。 ・Dreamweaverで作成したJPGファイルをHTMLに挿入する。 ・Dreamweaverのプロパティインスペクタにある編集ボタンを押してFireworksを呼び出す。 ・Fireworksで画像を編集し、Dreamweaverに戻ると、日本語の部分が文字化けしている。 作業環境はMac OSX 10.5 DreamweaverとFireworksは30日間の試用版を使っています。 解決策があれば教えていただけないでしょうか? よろしくお願いいたします。

  • スライスのコツ(Fireworks)

    Fireworks とDreamweaver のことで、困っています。 作成された元のファイルはあるのですが、Fireworksを使って、スライスして書き出したファイルから余分な画像を取りたいのですが、まずスライスするコツが良く分からないのです。 Fireworks とDreamweaver の本を色々と見たのですが、おおまかに、更新する部分と更新しない部分をその項目ごとに分類してスライスするというやり方で合っているのでしょうか? リンクされるボタンなどもスライスした方が良いのか、コツが良く分かりません。 その後に余分な画像を取る、というのも、どこが余分なものかも分からないのです。 最終的にはテキストを入力出来るようにしたいのですが、テキストを載せるために、元の画像をどう変えていけば良いのか(背景画像として扱う方法)が分からず、困っています。 質問の意味が分からなかったら申し訳ありません。HTMLの勉強は少ししたことがあるのですが、Fireworks やDreamweaver などは扱ったことがありません。 よろしくお願いします。

  • どんなイラストを描いたらよいのか迷っています。

    どんなイラストを描いたらよいのか迷っています。 私は今、Webデザイナーを目標に就職活動をしています。 まだ実務経験がないため、アルバイトで応募しています。 スキルはIllustrator、Photoshop、Dreamweaver、Flashが使用出来ます。 特にイラストを描くのが得意です。 求人サイトを利用していて、履歴書と一緒にPC教室での卒業制作のURLと 自宅で作成したイラストのURLを載せていますが、 イラストの作品をもっと載せたいと思い、いくつか質問させて頂きます。 ・色んなジャンルのイラストを描いたほうがいいのか ・自分の得意なジャンル(かわいらしい)をたくさん描いたほうがいいのか ・応募する会社に合わせたイラストを描いたほうがいいのか ・作成時間を載せたほうがいいのか ・イラストのテーマや説明は大切なのか ・たくさんあればあるほどいいのか イラストのレベルにもよると思いますが、アドバイスでもいいのでお願いします。 最近Webデザイナーになった方や、がっつりWebデザイナーとして働いてる方、 面接をする方などの回答お待ちしています。 よろしくお願い致します。

  • 画像のある部分にロールオーバーをつける方法

    質問タイトルの通り、画像のある部分にロールオーバーをつけ、さらにその部分にリンクを貼りたいのですが、ロールオーバーがうまくできません。 リンクを貼るだけならソフトにあるイメージマップ作成機能を使ったり、HTMLで作成すればできるのですが、イメージマップを作成した部分にロールオーバーをつける方法がわかりません。 ソフトはFireworks8、Dreamweaver8を使用しています。 ロールオーバーをつける方法がわかる方、ご教授ください。

  • FireWorksで作った画像をDreamWeaverに・・

    お世話になっています。 FireWorksでほぼまるまるトップページを作成して、 ボタン部分をスライスして、 シンプルロールオーバーで、マウスを乗せると色が変わる設定をしました。 FireWorksからブラウザで確認すると、ちゃんとうごきます。 書き出すときに、 ファイルの種類・・HTMLとイメージ HTML・・HTMLファイルを書き出し スライス・・スライスの書き出し を選びました。 これをDreamWeaverに読み込む前に他になにか注意することはありますか・・?DreamWeaverでは動きません・・。 DreamWeaverに読み込むときというのは、ひょっとして 書き出したときにたくさん出てきたスライス部分の 画像を配置するのでしょうか・・? 全然見当違いのことを言ってたらすみません・・。 よろしくお願いします。

  • イラストサイトを作るにあたって。

    近々、イラストサイトを作ろうと思っているのですが よくイラストを展示してるサイトにあるイラストを表示するリストみたいなものを 使用したいのですが、 右に□などのイラストを表示するボタン(?)を押すと、左部分に絵が 表示できる。みたいなものをやりたいのですが、やはりタグみたいなのがあるんですよね? Yahooなどでも探してみようと思ったのですが、どういったワードで検索すればいいのかわかりませんでした。 よければ、そのタグ(?)を教えていただけると有難いです。

  • dreamweaver 8

    会社でホームページを作成することになりdreamweaver 8を購入されました。 自宅でdreamweaver 4を使用しているのですが、ボタンとかクリックすると他の絵になる(すみません。なんて言うのか分かりません。)はfireworksでフレームを使って作成していました。 会社の人にはdreamweaverにその機能があると言われたのですが、どうなんでしょうか?

  • 王冠のイラスト

    職場でランキングのPOPを作成しました。 ランキングのタイトル部分に王冠のイラストを貼りたいのですが、王冠のイラストが見つかりません。 どなたか大きめの王冠のイラストを無料でダウンロードできるサイトを教えてください。

  • このような背景を作るにはどうすれば?

    下記サイトのような背景にしたいと思っています。 http://www.keiwakai-ebetsu.or.jp/ グラデーション画像を作って貼り付ければよろしいのでしょうか? 良い方法があればご教授ください。 サイトはDreamweaver8とHTMLをコーディングして作っています。 画像作成にはFireworks8を使用しています。

  • HP作成: イラストのショートカットについて

    イラストのHPを作成0しているのですが よくほかのサイトさんで、イラストの切り取ったアイコンをクリックしたら絵が出てくるようになっているのですが。あれは、一つ一つ加工してボタンにしているのでしょうか?

専門家に質問してみよう