Title/URLDreamweaverを普段使わない自分が、悩みながらもイメージマップ(別名クリッカブルマップ)をつくった過程をご紹介します。クリッピングマスクじゃないですよ。経緯クライアント確認用のプロトタイプにて「クリッカブルマップ」を多用している案件があり、その更新を社内で依頼されました。先輩がDreamweaverでカンタンにつくれると言っていたので、試しに自分で調べてやってみることに。クリッカブルマップ」などでググると、Adobe公式サイトが表示されます。CC)「ふむふむなるほどな」と出来そうな気になるのですが、4番目の項目あたりからつまづきます。上図のような「プロパティインスペクター」があるそうですが、自分のDreamweaver画面上にはありません。プロパティインスペクターを表示するそれっぽいウィンドウがあるにはあるけど、項目が少ない。試しに右隅の方にある「タイトル」のところをダブルクリックすると、隠れているウィンドウが出てきました。出た...けど、Adobeのサイトに載ってるのとなんか違う...。「ホットスポットツール」がない...。「ライブ」モードを「デザイン」モードへ変更する検索しても出てこないのでわからず、職場の先輩に尋ねたところ、あっさり教えてくれました。「『ライブ』モードになっているのがいけない」と。左上にあるセレクタで、デザインを選択。出た!ついにクリッカブルできる!!感想Dreamweaverを最初に起動したときに、Defaultで「ライブ」がONになってるのは理由があるのでしょうか...。あと全然関係ないですけど、最初に起動する時の画像、一瞬しか表示されない割にインパクトありすぎでは。いやIllustratorの方もアレだけど。おまけ「イメージマップ」と「クリッカブルマップ」の名称について最初「クリッカブルマップ」だと思ってて、Adobeのサイトが「イメージマップ」と記載していて違和感がありました。調べたら、以下のようなご意見があるようです。クリッカブルマップと言う表現は一言も無く、全てイメージマップとなっていました。HTMLでの正式名称の如く記してあるサイトは誤りです。へー、です(当たり前なんですかねえ...)。自分でちゃんとソース探して確認する気力はないんですけど、とりあえず、Adobeに揃えて「イメージマップ」と呼んでおくのが無難な気がします。レスポンシブでイメージマップ使うときの注意点そういえばレスポンシブなサイトだとリンクの座標がずれるので気をつけましょう。思いながら検索してみたら、そういうのを制御するjQueryがあるんですね。www.onside.com便利!使う時がありそうななさそうな感じですが、頭の片隅に入れておくと役に立ちそうです。Title/URLこの記事を書いた人ろくぜうどんid:rokuzeudonモノ・コトをより良くするWebデザイナーです。サービス開発におけるUIデザイン・LP制作・HTML/CSS実装・プロジェクトマネジメントなど幅広く立ち回っています。(3)このブログについて|プライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。