• 締切済み

ＨＰ　リンクをさせる方法（イラスト）

ＨＰを作っています。 イラストからリンクをさせるには、どのようにしたらいいのでしょうか こんなかんじです。 円卓の騎士よろしく、大きめの円形○の中に（中の円周上）に、小さい◆が点在しています。 このそれぞれの◆から、それぞれの本ページへとリンクさせたいのです。 ※イラストはＯｆｆｉｃｅのオートシェイプ機能を駆使して作り、ペイントに貼り付けて、拡張子をＪＰＧにしています 普通の、単に文字列からリンクさせるとか 単純に縦、横にならんだイラストからリンクさせる方法ならばわかるの ですが・・・ ・イラスト（大○）の中にあるイラスト（◆） ・円卓上の配置 ・リンクさせたいのはあくまで◆からであって、（大○）からはリンクさせたくない ・◆は８つあり、それぞれ違う本ページに移る こんなことができるタグってないでしょうか？ これができると、けっこう見た目が格好良くなるため、依頼者からの容貌（かつわたしも、それいい！！って感じで、覚えたいのです） ※質問文を読まれまして「あんたの言いたいことわからん！」 「で、なんなの？どーしたいの？」てのがありましたら、補足要求くださいまし。

みんなの回答

回答No.3

クリッカブルマップで検索すれば作り方の説明ページが多々あります http://www.esli.co.jp/tech/html3.html http://homepage3.nifty.com/f-page/hp/html2/cmap01.html http://www.tohokusystem.jp/waiwai/kenkyu/8.html 私も自分のホームページでクリッカブルマップ使用していますが そんなに難しいものではありません 私はホームページビルダーなど使用していません タグの手打ちで作っています

Liko_Kaoru
質問者

お礼

たくさんのサイトを教えてくださって、ありがとうございます。 otokooidonさんのＨＰ見てみたいですね（＾＾）

noname#90145
noname#90145
回答No.2

せっかく１さんが指針を示してくれてるんだから 出てきた単語を検索するくらいしたら？ 方法なんていくらでも出てくるじゃん。 http://tezuka.s9.xrea.com/tips/gazou03.htm

Liko_Kaoru
質問者

お礼

　検索してみましたよ（＾＾） 　便利で楽しそうな機能ですね

  • akamanbo
  • ベストアンサー率17% (462/2680)
回答No.1

イメージマップを使えば簡単です。クリッカブルマップとも言われます。 ホームページビルダーでできます。

Liko_Kaoru
質問者

お礼

回答ありがとうございます。 ビルダーとか、持っていないので・・・ あくまでタグ記述でできる方法ってないでしょうか？ それかもし、なんらかのプログラミングで可能ならば時間かかっても 勉強して覚えたいのですが・・・

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • gooの質問に画像をリンクで張りたいんですけど

    マイピクチャや、マイドキュメントにある写真やペイントを質問の中にリンクを作るにはどうしたらいいですか？　まさか、HTMLのソースをいじって付くものでもないですよね。載せる物のファイル名は　　　　　「・・・.jpg」でいいですか？　あと、FFFTPやearthのような転送ソフトがいりますか？

  • クリカブルマップのリンクが反映されない

    htmlでクリカブルマップを使ってページを作ろうとしています。 ↓現在下記のような記述です ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <html> <head> <title>トップページ</title> </head> <body bgcolor="#ffffff"> <center> <img src="○○○.jpg" usemap="#△△△" border="0"> <map name="△△△"> <area shape="rect" href="profile.html"　coords="274,98,417,118"> <area shape="rect" href="gallery.html"　coords="720,559,793,573"> </map> </center> </body> </html> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ いろんなHPでちゃんと確認しながら記述したのですが、リンクがどうもうまくいきません。画像はきちんと表示されます。しかし、画像の上にマウスカーソルを置いても何も反応してくれません。クリックしてももちろんダメです。座標値が間違ってるのかな？と思い何度も確認しましたが間違っていませんでした。スペルも間違いないし、＝とかのつけ忘れもないし、もう何がどう間違って反映されないのかがどうしてもわからなくて質問しました。 初心者なもので・・・・おわかりになった方、どうか教えていただきたいです；▽；

    • ベストアンサー
    • HTML
  • HPビルダーでリンク先を別のフレームに表示することについて

    　使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。 　閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。（ここではピンク色の背景にしました） 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。 　確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。 　よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか？ 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。

  • ＨＰ作成(ジオシティ）で画像の挿入と、リンク、アップロードの仕方などについて

    ジオクリエイターを使って初めてＨＰを作ります。 まずＨＰのトップページ(index.html)を作りました。 そこから、ページ内のボタンにリンクさせ、2ページ目に画面が変わるようにしました。 2ページ目には画像を挿入してあります。これはペイントグラフィックを使って描いたイラストです。保存はjpegです。 ジオクリエイターで作成してプレビューをさせると、ちゃんと表示されるときとされないときがあります。表示されないときは画像のプロパティを見るとプロトコル　Hypertext転送プロトコル(HTTP）とで、種類ＪＰＥＧイメージ　その下に使用不可と出ています。 そこでＵＲＬもちゃんと乗っている表示されたときのを、自分のコンピューターに保存しました。 アドバンストＨＴＭＬエディターでＪＰＥＧのもと画像と、トップページ（index.html）と2ページ目をＥＺアップロードしました。 その一つ一つを、もう一度編集から保存しました。このとき画像（ＪＰＥＧ）は拡張子の変更を求められるので、HTMに変更し保存しました。 ちゃんと開設できたか確認しようと、ＵＲＬを探索しましたが、index.htmlは表示され、そこからリンクをはった2ページ目を表示するとあらわれません。「ＵＲＬが間違っているか、ありません(存在しません）」といった内容が表示されます。 このプロセスで私がとんでもないお馬鹿なことをしていたら、教えてください。

  • 画像マップしたリンク先をクリックするとフェードでリンク先のページに切り

    画像マップしたリンク先をクリックするとフェードでリンク先のページに切り替わることなどできないでしょうか？？ 問題のコードです <div id="main_ex"> <img id="mg" src="site02/ex_top03.jpg" usemap="#hisigata" border="0" /> <map name ="hisigata"> <area shape="rect" coords="10,498,149,532" href="site02/ex_01.htm"> <area shape="rect" coords="582,468,790,496" href="site02/ex_02.htm"> <area shape="rect" coords="800,465,932,493" href="site02/ex_03.htm"></div> href="site02/ex_01.htmに切り替わるときにフェードで切り替わりたいです。 (site02/ex_02.htm　site02/ex_03.htmも同様) jQuery　でも　javascriptでもかまいません。 なにかよい考えございましたらぜひお教え願えたらと思います。 甘えた質問で申し訳ありませんが、よろしくお願いいたします。

  • 画像を使ってフレーム＆リンクをしたい

    こんばんは。 画像を使って、大きく開いてる白い部分にページを表示させて、イラストの顔をクリックするとメニューと言うのにしたいのですが、どのようにすれば宜しいのでしょうか？ 画像をアイフレームにするやり方はわかるのですが、この画像の中にリンクを作るタグがどうしても解りません。 解りやすいサイト様などをご存知でしたら是非お教え戴きたいです。 htmlの知識が豊富な方、力を貸して戴きたいと思いますm(__)m 説明が下手で上手く話しが伝わらなかったらすみません。

    • ベストアンサー
    • HTML
  • TABLEでのリンクについて

    画像の中の指定した部分から違うページへリンクさせたくて <img src="image/ie.gif" width="550" height="285" border=0 usemap="#map1"> と入力してその後に <map name="map1"> <area shape="rect" coords="249,169,295,220" href="link.htm"> </map> としてリンクさせました。 その後に画像の上に違う画像を重ねたくて最初の画像をTABLEの背景にしようと思って <table background="image/ie.gif" width="550" height="285" border=0 usemap="#mapie"> と直しました。 そうすると画像を重ねる事はできたのですが、リンクができなくなってしまいました。 TABLEの背景画像からmapを使ってリンクさせる事はできないんでしょうか？それとも何か間違えていますか？ どなたかアドバイスをお願いします。

    • ベストアンサー
    • HTML
  • DreamweaverでURLを自動でリンク化できないでしょうか？

    Outlook Expressでメールを打つと、それがhtmlメールでも、本文中にURLがあると、それが自動的にリンクに変わりますよね。 そんなふうに、例えばテキストファルから、Dreamweaverで作成中のページにまるごとペーストした文章の中にURLが紛れていたらその部分が自動的にリンクになるようにできないものでしょうか？ 例えば、 　　何かわからないことがあったら、http://okwave.jp/が便利です。 　　 という文を単純にコピーしてDreamweaverで作成中の書類にペーストして保存してアップロードしても、「http://okwave.jp/」の部分はクリックしてサイトに飛べるリンクにはなりませんよね。 　　 要は、テキスト形式で発行しているメルマガを、丸ごとそのままhtmlでバックナンバーページにして公開しているんですが、そのバックナンバーページを作る時、メルマガに入っている何十個ものURLを、本文上でURL部分を選択してからコピーしてはリンク欄にペーストして…という手作業でリンクしており、これが大変なんです。 自動でリンクを張れる方法をご存知の方はいらっしゃらないでしょうか？

  • Wordからペイントに画像をコピペすると変色する

    Word2002文書に貼り付けられた画像をコピーして、ペイントに貼り付けると、なぜか画像が減色します。かなりおかしな色になります。 オートシェイプなどでグラデーションを使っている時も減色するので、やはり色の数が関係しているとは思います。しかし、Webページなどのフルカラー写真画像をペイントにコピペしても、まるで減色されせん。なので、jpgやBMPだからどうこうという事ではなさそうです。 ちなみに、Word文章を印刷すれば普通にフルカラーで印刷されます。 一体なぜでしょうか？ よろしくお願いします。

  • Microsoft PublisherでHP作成：2ページ目が開かない

    Microsoft PublisherでHPを2ページ（ホーム/お問い合わせ）デザインして１つのファイルとしてWS_FTPで転送しましたが、2ページ目の『お問い合わせ』が開かず、『index_files/Page568.htmは見つかりません』と出ます。（プレビューではしっかり見れます） そこで2ページ目を別にパブリッシャーで作り、これもHTMLファイルとしてFTPで転送しましたが最初のページとのリンクができていません。 ちなみに1ページ目に載せてる写真もWS_FTPアップロードウィザードで転送できたはずなのにX になって見えません。http://myweb.zzzzz.com/ウェブサイト名/12345.jpgと入れるとちゃんと開くのですがhttp://myweb.zzzzz.com/ウェブサイト名/Index.htm/12345.jpgでは開きません。 FTPの右ウィンドウにあるのは（ファイル名『/』）： index.htm contactus.htm（別に保存した2ページ目） aaaaa.jpg bbbbb.jpg ccccc.jpg ddddd.jpg の他に、間違って転送した黄色いindex2_file　（その中にPage568_file というフォルダーがある）です。 質問は： 1.最初のページと2ページ目は、どうやればリンクができるのでしょうか。 2.HTMLを触る必要があるとすれば、どのように書いたらいいでしょうか。 3.画像をどうやればちゃんと見れるでしょうか。転送先が間違ってるのであれば、どのように転送すればよいか具体的にお願いできますでしょうか。 ちなみにFTPのウィンドウの『アドレス』の部分はftp://ftp.myweb.zzzzz.com/、ファイル名はすべて半角になっています。2MBもないのでサイズは大丈夫です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する