• 締切済み

iWebで斜めの写真をリンクするには

iWeb’08について教えてください。 写真をクリックすると別のページに飛ぶようにしたいのですが、斜めに回転した写真に対してそれを行うと、リンクされる範囲がかなり大雑把な感じになってしまいます。 写真の外をクリックしても飛ぶことがあり、逆に写真の中なのに飛ばないこともあります。 (iWeb上ではきっちりリンクされているのですが、「ファイル」→「フォルダに公開」で出力されたhtmlファイルをブラウザで確認してみると、リンクがアバウトな感じになってしまいます。) 「フォーマット」→「インスタントアルファ」で余分な部分を切り取った写真に対しても同じことを試してみたのですが、やはりリンクがアバウトになってしまいました。 iWebはアバウトなリンクしかできないのでしょうか?

  • Mac
  • 回答数1
  • ありがとう数1

みんなの回答

  • harawo
  • ベストアンサー率58% (3742/6450)
回答No.1

斜めに回転した画像、こういう画像自体を、HTMLがサポートしておりません。HTMLがサポートしていないので、iWebでは、斜めにした画像を内包する、より大きな画像を生成するという手段で、レイアウトを行っています。ためしに、Safariで、作成したページを開いて、斜めに回転した画像をドラッグしてみてください。斜めに回転した画像より大きな画像がドラッグされるのが、わかるはずです。 ですから、画像にリンクをはると、斜めに回転した画像の外側でもクリックに反応します。 繰り返しますが、これはHTMLの仕様に基づくものなので、iWebに限らず、ほかのウェブ編集ソフトでも同様です。 クリックに反応する領域を矩形以外にするには、クライアントサイドクリッカブルマップを利用します。 http://www.tohoho-web.com/how2/cmap.htm iWebは、クリッカブルマップをサポートしないので、iWebで書き出した、HTMLファイルに、あとで書き加えることになります。 いちばん現実的な対処法は、斜めにした画像に、リンクをはらないことです。

rappacho
質問者

お礼

お返事が遅れて申し訳ござませんでした。 iWebはクリッカブルマップに対応していなかったのですね! iWebには期待していたので残念です。 クリッカブルマップができるなら、PhotoshopをやめてiWebにしてもよかったのですが・・・ アドバイスありがとうございました。参考になりました。

関連するQ&A

  • iwebで、PDFなどの外部ファイルにリンクを貼る

    Webで、PDFなどのファイルにリンクを張りたいときは、 (1)リンク先のPDFファイルを作成しておく (2)iWebでリンク元のテキストや図形を作成し選択する (3)リンクインスペクタを開く (4)「ハイパーリンクとして使用」をチェック (5)リンク先のメニューから「ファイル」を選ぶ(上の図) (6)ファイルを選ぶダイアログが開くのでリンクしたいファイルを選択 これだけです。 リンク先のファイルは、iWebに自動的に読み込まれますので、もとのファイルは削除してもOKです。 質問: 上記を行い、iWeb上のリンクをクリックして、PDFが立ち上がるが試してみても、PDFは 立ち上がりません。 PDFの保存先は、自分のPC内で宜しいのでしょうか? なにか根本的な事が、あるように思えます。どなたかご教授お願い致します。 

    • ベストアンサー
    • Mac
  • iWeb3.0.2でのHTML出力方法についてお伺いします。

    iWeb3.0.2でのHTML出力方法についてお伺いします。 当方、Mac初心者です。 このたび、はじめてHPを開設しようと考えています。 iWeb3.0.2を用いてbobileMe以外のサーバーに公開したいため、いったんHTML出力をしようとしました。 ところが、iWeb'09にはあった(らしい)ファイルメニューの「フォルダに公開…」が見当たりません。 本バージョンからmobileMe以外には公開できなくなったのでしょうか。 それとも、何か方法があるのでしょうか。 よろしくご教示お願いいたします。

    • ベストアンサー
    • Mac
  • 【斜めにわかれているイメージ写真にそれそれアクションをつけてリンクさせ

    【斜めにわかれているイメージ写真にそれそれアクションをつけてリンクさせる方法】 おそらくFlashでの作業だと思いますのでこちらのカテゴリでご質問させていただきます。 添付画像のようなメインイメージがあり、A、Bそれぞれの箇所にマウスをあてると それぞれ画像が切り替わり、クリックするとそれぞれリンクしたページへ飛ばしたいとおもいます。 画像がななめにわかれているのでFlashで作業するのかとおもうのですが、 なにぶんFlashの知識が浅いのでいろいろ調べてはいますが困っております。 なにか良い方法ありましたら宜しくお願いいたします。

    • ベストアンサー
    • Flash
  • iwebにて作成のHP、公開先にてハイパーリンクが無効になり困っています。

    MacOS X 4.10.11にてi webを利用し、.iMacにHPを公開しています。 iweb上では、テキストにハイパーリンクを設定し、同じサイト内の別のページに移動できるのですが、公開したHPではリンク先のページに移動する事ができません。 公開ページではハイパーリンクを設定したテキストをクリックも出来ない状態です。 どうすれば公開先でもリンク可能になるのでしょうか?

    • 締切済み
    • Mac
  • 画像(JPG)が斜めっているのって直せませんか?

    デジカメでとった写真(JPG)が少し斜めっていることってよくありますよね。 ホントに少しで、3%でも勾配がついてると、人間って気づいちゃいますよね。 これを補正というか矯正できるソフトってないでしょうか? エクセルに貼り付けるとぐるぐる回転させられるのですが、画質は落ちるし、 JPG出力できないので実用的ではありませんでした。

  • iwebでつくったサイトをlolipopのサーバーにアップ中。どちらも

    iwebでつくったサイトをlolipopのサーバーにアップ中。どちらも始めての作業です。cyberduckというのを使おうとしましたが使えなかったため、lolpopサーバーにせっせと大量にファイルをアップロードしています。 しかし途中で試しに”ブラウザで確認”してみたところ、問題目白押しでした!! 1トップ画面に設定した画像がクエスチョンマーク (重いんでしょうか?) 2その画像から次のインデックス画面へリンクを貼ったのに、クリックすると”ページが見つかりません。”…次のページはもうアップロードしたのに。 3設定したフォントと違うフォントで表示されている。 とりあえずこの三つです… 1についてはファイルを軽くして試してみようと思いますが、他の2点、特に2はどうすればいいのかまったくわかりません。どなたかお知恵を貸してくださいませ。。。。!!! 環境はmac10.5で、safariです。

  • ファイルメーカーを用いて,Web公開しようとしたら,,

    ファイルメーカーPro5.5をもちいてHPを作成しようとしました。 インスタントWebで公開したのですが,ブラウザで読み込んだら,各ページ内の文字が半分くらいしか表示されなかったり,リンクがめちゃくちゃになっていたり,フィールド(テキスト)をクリックしたら他のpageへ移行したり・・・何がなんだか分かりません。 今月中にWebへ公開しなければなりませんので,よければどなたか早急なお返事をお願いします。 よろしくお願いします。

  • phpファイルにリンクを貼る方法

    phpファイル内にhtmlファイルのリンクを貼って、ブラウザに表示されたリンクをクリックし て、htmlファイルに移動する方法をご教示お願いします。 (phpファイル内リンク設定→phpファイル起動→ブラウザ内リンククリック→htmlファイル起 動)要するに、phpファイルからhtmlファイルに、リンククリックで移動したいと言う事です。

    • ベストアンサー
    • PHP
  • IBM/HPBでリンクの戻り

    ページの途中に小さな写真を挿入し、大きな写真へリンクして見てもらった場合に、ブラウザの「戻る」で戻ってもらうのは、一般にツールバーの「戻る」が画面の片隅にあるので、操作上ちょっと不便を強いることになります。 そこで大きな写真をhtmlファイルとし、大きな写真をクリックすれば戻れるようにしています。 ところがこの場合、小さな写真があるページの先頭へ戻ってしまいます。できればブラウザの「戻る」と同じように元の場所(大きな写真へ飛ぶ前の場所)へ戻りたいのです。 これをIBM/HPBで実現できれば方法を教えてください。

  • htmlファイルからリンクが開けない。

    みなさま、初めまして。 ある、共有フォルダにあるテンプレートファイルを htmlファイルでフルパスでリンクをしているのですが、 ブラウザーからクリックすると、「ファイルが見つかりません」と なります。 htmlファイルに記述してある、フルパスをコピペで エクスプローラに張り付けると、テンプレートファイルは 開けます。 考えられる、原因をご教示ください。 htmlファイル内で、フルパスでやってもリンクが 開けないのが不思議でなりません。 よろしくお願いいたします