CoffeeCup イメージ マッパーを使用すると、画像の特定の場所への複数のリンク (またはホットスポット) を指定し、ドキュメントまたは Web サイトをポイントすることができます。マウスオーバーテキスト、ALTテキスト、リンクなどを作成します。JPG、PNG、GIF画像形式をサポートしています! それでは、どのように動作しますか?あなたがグラブのためにいくつかの部分を持つ家具を販売しているとしましょう。写真のアイテムを見せび出します。デザインツールを使用して、特定のアイテムにアウトラインを描画し、それにウェブサイトのアドレスを割り当てます。今、誰かが家具をクリックすると、詳細については、それに関連付けられているWebページにリダイレクトされます。 マップ、企業チームの写真、フローチャート、アート ギャラリーなど、他の種類の画像にも同じ手法を適用します。かなり素晴らしい右?:) レスポンシブ画像マップはモバイルユーザーにとってフレンドリーです モバイル デバイスからのトラフィックの 51% 以上を使用すると、画像マップを更新して応答性を高める必要があります。これにより、小さい画面で視聴者をナビゲートするための操作が簡単で、高速で、より機能的になります。 応答性の高い画像マップは、表示幅に基づいてリンク座標を適切に調整します。ただし、注意が必要な点の 1 つは、モバイル デバイスがマウスオーバーやマウス オーバーのツールチップを使用できないようにすることです。このため、イメージ マップの動作を創造的に再確認し、ユーザーがイメージ マップの使用方法を本能的に把握できるようにする必要があります。 どのようにそれを行うことができますか?簡単。"Key" o"Legend" をマップの近くに表示して (あるいは画像自体に追加する)、モバイル デバイス上で画像マップをより機能的にします。たとえば、カタログで販売する家具を紹介する家具カタログを次に示します。画像の下にテキストを配置して、8つの項目を説明しました。ソースイメージに追加のインジケーターも適用されました。これらの補助機能は、モバイル視聴者がタッチ可能なものを知るのを助けます。これらのアイテムのいずれかに触れることで、類似したアイテムをカタログで閲覧できるページにリダイレクトされます。
プログラムの詳細
- カテゴリ: ウェブ開発 > HTML ツール
- パブリッシャー: CoffeeCup Software
- ライセンス: 無料トライアル
- 価格: $14.00
- バージョン: 5.0
- プラットフォーム: windows