- ベストアンサー
画像を分割してリンクを貼る方法
ホームページ製作中の者です。 メニューバーを製作しようとしているところで、ボタンを5つ設置しようと思っているのですが、フォトショップなどでボタンが5つ並んでいるメニューバーを製作して、「トップページ」と書かれている所にはトップページのリンク、「利用案内」と書いたボタンの場所には利用案内のリンクを貼るような、一つの画像を分割してリンクを貼る事は可能でしょうか?それともやはりボタン等は一つづつ製作してテーブルの一つのセル内に一リンクと製作していくしかないのでしょうか? どなたかご教授くださいますようお願いいたします。
- gomafu1214
- お礼率43% (18/41)
- その他([技術者向] コンピューター)
- 回答数4
- ありがとう数1
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
「イメージマップ」という手法をつかえばできますよ。 ⇒ http://www.scollabo.com/banban/lectur/ht16.html Dreamweaverなどのソフトで「イメージマップ」を作成するのが普通だと思います。 (ひょっとしたら、フリーウェアでも可能かもしれません)
その他の回答 (3)
- daisuke_dm
- ベストアンサー率30% (48/160)
#1=#3です。 イメージマップは別名クリッカブルマップとも言うのですが Vectorで「クリッカブルマップ」で検索したら、 鬼のように、クリッカブルマップ作成用フリーウェアがでてきました。 ↓こちらです http://search.vector.co.jp/search?query=%83N%83%8A%83b%83J%83u%83%8B
- daisuke_dm
- ベストアンサー率30% (48/160)
#1です。 イメージマップをつくることに特化したフリーウェアがありました。 ↓ Client Side Image Map Editor http://www.vector.co.jp/soft/win95/net/se062427.html ----- また、自分もさっき知ったのですが、CSSだけでイメージマップ(のようなもの?)をつくれるそうです。 ただ、円形と多角形には対応してないとか。 ↓です http://redline.hippy.jp/lab/css/css_6.php
- Oh-Orange
- ベストアンサー率63% (854/1345)
★イメージマップについて ・次のサイトを参考にしてみて下さい。無料です。 http://iswebmag.hp.infoseek.co.jp/sample115.html→『イメージマップ用画像の作成』 http://iswebmag.hp.infoseek.co.jp/sample116.html→『イメージマップの応用』 その他は http://iswebmag.hp.infoseek.co.jp/→『インフォシーク ホームページ作成』 ここを参考にして下さい。 いっぱい技が詰っています。 ・以上。
関連するQ&A
- リンク先の記述のしかた
すいません。教えてください。 ホームページを改修しようとしています。 その際に、トップページからリンクを張っているページへ 飛ぶ際に、IEについてある「メニューバー」や「ボタンメニュー」等を 出ないようにしたいのですが、記述方法がわかりません。 よろしくお願いします。
- 締切済み
- HTML
- ホームページのリンクのことで
今作り途中なのですが ページを3分割しまして、 左のメニューバーのボタンをクリックしたときに 右下のページに指定したページをリンクさせるにはどうすればいいのでしょうか。 ホームページビルダー10のどこでも配置モードでやってます。
- ベストアンサー
- ホームページ作成ソフト
- HPの分割フレームを消したい(HPビルダー6使用)
現在ホームページビルダー6を使いHPを作成しております。 そのトップページをフレームを利用して分割しました。 分割した左側フレーム内にメニューを設置し右側メインフレームにページを表示するようにしました。 (リンク先のページを別のフレームに表示すると言う項目です) しかし後になりこのトップページ自体を変更する事になり フレーム分割を無くしたいのですが分割フレームを消す方法が分かりません。 トップページは新に製作してindexに上書きしたのですが分割した左側フレームは何をしても残ってしまうのです。 HP作成は初めてで説明書を読みながらの作業なので お恥かしい話どうやってフレームを分割したのかさえ忘れてしまいました・・・。 どなたかこのフレームを消す方法を教えて下さい。 説明に不備がありましたら御指摘下さい。 出来る限り補足させて頂きます。 宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- 背景の統一の仕方
ホームページさくせいで悩んでいます。 よくトップページなどで複雑な画像の上に「メニュー」「トップページ」「商品詳細」等のボタンが付いているページを見かけます。私もグラデーションがかかった背景にボタンを設置したいのですが、どうしても背景に境目が出来てしまい、うまくいきません。横一列にボタンを5つ置きたくて、テーブルタグを横に5つ作ってボタンを設置、その上にお店の看板を設置、すべて一つの統一されたグラデーション背景で製作したいのです。リンクを張る場合の方法が、セル毎にリンクを張る方法しか知らず苦戦しています。 お分かりの方いらっしゃいましたらご教授くださいませ。 わかりにくい文ですみみません。
- 締切済み
- ホームページ作成ソフト
- 3分割されたページ(8P)へリンクするTOPページを作りたい
ホームページビルダー9です。もともと、あったHPの修正をしています。 もともとあったのは、TOPページが上、下分割で下部が左右に分割されていて、左側がメニューになっています。上部は会社名が常に表示されている状態でメニューの項目(8個)をクリックすると、下部左側の画面だけが変わっていくと言うスタイルになっています。 現在、そのHPにTOPページを追加する作業をしています。もともとあった、左側のメニュー項目を、TOPページにも記して、それぞれのページへのリンクを貼ります。そして、TOPページから入った各ページの左側にも、今までどおりメニューを残したいのです。 TOPページにはフレームは使用しないつもりです。 そんな状態で作っているのですが、TOPページから飛んだときに、左側のメニュー部、上側などが表示されないときが頻繁にあります。特に、今回追加しているリンク先のページに関しては、どうしても左側が表示されません。 左側メニューから飛ぶと、問題ないのですが、TOPページからはいると問題が起きます。 解決方法はあるでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー9でフレーム分割したページにリンクする方法について
こんにちわ。 ちょっとややこしい質問ですが、どなたかお分かりになる方に教えていただきたいです。 現在、ビルダー9でHPを作成しています。 そこでトップページに例えば「日記」のボタンを作って、それをクリックすると日記のページに飛ぶように設定します。 日記のページはフレーム分割していて、上部に「私の日記」と書いて、下部にそれぞれの日の日記が書かれてあります。 そこで、トップページに「日記●月●日」のボタンと「日記△月△日」のボタンを作成したとします。 それぞれの日のページにリンクさせるよう設定したのですが、どうしても「日記」のページのトップにリンクされてしまい、それぞれの日に行くにはスクロールして下に行かなければいけなくなります。 フレーム分割してしまうと、リンクさせたときに、トップしか出てこないのでしょうか。 表現がややこしくてすいませんが、どなたかよろしくお願いします。 また、わからない箇所がありましたらまた補足しますのでおっしゃって下さい。
- 締切済み
- その他(インターネット・Webサービス)
- フレームページへのリンクの仕方
初心者です、ホームページビルダー7で3分割のフレームページを作成しましたトップページからリンクしているページまではうまくいいたのですがリンクしているページにHomeのボタンをおきトップのフレームページへ戻る設定がどうしても出来ません、どなたか教えてください
- 締切済み
- ホームページ作成ソフト
- フレームから場所を指定したリンクを・・・
今私が製作しているホームページはフレームを縦に二分割しています。 左側のフレームにメニューとしてリンク用のボタンをおいて、右側のフレームにメインのページをおいてます。 今回あまりにも長いページが1ページできてしまったのでリンク用のボタン二つを用意し、長いページの中に二箇所<a name="~"></a>と付けました。 左側のリンク用のボタンにも<a href="~.html#~></a>としているのに、 実際クリックするとその長いページの頭から普通に表示されてしまいます。 フレームをつかってメインの方に場所を指定してリンクはできないのでしょうか? 読みにくい文章で申し訳ありませんがどなたか助けてください。
- ベストアンサー
- HTML
- リンク後のボタン画像が表示されません。。
お世話になっております。 下記URLサイト http://www.css-lecture.com/log/javascript/009.html のプルダウンを行ないたく、実装してみたものですが、 メニューバーにある各ボタンにリンクを設置すると ページ遷移後にメニューバーにあるボタンが?となって認識されません。。 表示されないボタンですが、 例えば、 5つのボタンで、 それぞれ、 Aボタン→01.html Bボタン→02.html Cボタン→03.html Dボタン→04.html Eボタン→05.html リンクしているボタンがあるとしますと、 Aボタンを押して01.htmlに遷移した時は、Aボタンのみ表示されず、Bボタンを押して02.html遷移した時は、Bボタンのみ表示されません。 ソースはそのimgファイルをとって来ているのですが、なぜ表示されないのかがわからず、困っています。 どうか、ご教授お願い致します。
- ベストアンサー
- HTML
- フレームのHPで、ページを表示させた後にリンクさせない?方法
二分割のフレームを使ってHPを作成中です。 左側にメニューがあり、右側にページを表示させる形です。 どの様に表現したら良いのかわからないのですが、 例えば、メニューの【topへ】ボタンでトップページを表示させた後は、 そのページが表示されている間は、【topへ】のリンクがなくなる様に するにはどうしたらいいのでしょうか? ビルダー8を持っていますが、使いこなせずに、見よう見まねでHTMLで作成しています。 宜しくお願い致します。。。
- ベストアンサー
- ホームページ作成ソフト
お礼
うわー、まさにこれです!これがほしかったんです! 本当にありがとうございます。 助かりましたー。ちなみにDreamweaverですが買うと結構しますよね~\。