ピクチャインピクチャの参照を作成するには？ 画像へのリンクを挿入する方法

バナーや作成 、サイトマップを、 初心者のウェブマスターは、それより明るく面白いメニューで行い、画像へのリンクを挿入する方法、このような問題に直面しています。 しかし、どのようにそれを実装するには？ あなたはHTML言語を知っていれば簡単には何もありません。

私たちはこのアイデアの現実を作ることができる方法を見つけるしてみましょう。 この記事では、我々はあなたの問題を解決するには、2つのオプションを提供します。 一つはめったにによる第二は、よく知られていると考えられる一方で、それは、時間と労力がかかるという事実のために使用されません。 私たちはあなたの両方を分析します。

画像リンクが使用される場合、

私たちは、ピクチャインピクチャの参照を作成する方法についてお話しする前に、どこで、なぜ彼らが使用されている、我々は理解するものとします。 結局のところ、我々がイメージから欲しいものを理解することが容易になります。

バナーは、広告が図面を宣伝などの画像リンクは一般的に使用されています。 この例は、写真がすべて同じ「VKontakte」にあります。 あなたが特定のアドレスが構築されているに写真をクリックしてきた何回覚えていますか？ また、かなり頻繁に彼らは特別なエントリが含まれている場合は特に、メニューグループやコミュニティの形で使用されています。 他のサイトで見つかった多くのそのようなイメージ。

画像にリンクを貼り付け

最も単純なもの - 絵リンク。 それは我々が開始する話、それについてです。 この図は、準備ができて参照です。 つまりは、このアイコンをクリックすると、新しいページにリダイレクトされます。

あなたはそれがHTMLマークアップの助けを借りて、共通のリンクによって定義されている方法を知っていれば、問題は、あなたが発生する必要があります。 唯一の違いは、代わりにテキストリンクの画像を指定されていることです。

だから、彼の計画を実装するために、あなたは（あなたがサイト上で、実際に、オンラインモードで作業しているかどうかに応じて、または編集者をzadeystvuete）インターネットにアップロードしたり、コンピュータに保存され、画像自体を必要としています。

私たちは忘れないように、それを書く、画像アドレスを探しています。 また、この絵を開く必要がリンクを修正します。

- 特別なコードは画像に：次に、以下のように書きます。 画像リンクは、その助けを借りて定義されます。

したがって、我々は、説明の形式で表示されたリンクを処方します。 とても簡単。 しかし、このアプローチは、あなただけつのリンクがあるはずと信じていた場合にのみ。 しかし、どのような場合には、いくつかあるはず？ その後、我々は他のオプションに移動します。

写真のメニューを作ります

第1の方法は、Webページのマークアップ言語の研究で独自に開発されました。 そのようなメニューの作成には数時間かかる場合があります。

それは非常に時間がかかり、少し長くメニューカードまたは第二の方法の作成よりも時間がかかるので、この方法では、様々な編集者でいじくりしたい人に適しています。 それはいくつかのストリップまたは正方形に切断された画像は、取り込まれるという事実にあります。 上述したように、各画像は、署名され、そしてリンクのための基礎です。 次に、コードページのタグが正しい順序で記述されています。 これは、ピクチャインピクチャの参照、ほとんど解決を作成する方法のすべての質問です。 しかし、第二の選択肢を忘れないでください。

彼は、そのリンクを示し、各ゾーンを求めて、ちょうど一画面でメニューを作ることです。 、この中にこれらの非常に複雑な何も心配しないでください。 さて、まず最初のもの。

作り方

私たちはもう少し最初の方法を調べてみましょう。

まず第一に、あなたは、グラフィックエディタ、HTMLの知識が必要になります。 参照画像を作成する方法、それはマークアップページのこの種を伝えます。

あなたはこの方法で行くことにしたのであれば、あなたは画像やあなたが絵をカットし、そのラベルの上に置くだけでなく、あなたがそれらを埋めることができるようになります場所することができるシンプルなグラフィカルエディタが必要になります。

これはあなた自身のウェブサイトである場合 - 適切な従来のギャラリーやライブラリファイル、「VKontakte」のためには、（好ましくは無料）グループのアルバムやコミュニティかもしれません。

さらに、断片に切断される画像は、したがって、部品が受信される順序を覚えておく必要があります。 その碑文に刻印し、サーバを記入し、各イラストの参照を記述します。

上記のコードを取り、所望のデータを置換します。 その後、彼らが行くべき順番にサイト上の画像を埋めます。 同時に、あなたはストリップにそれをカットした場合は、新しい行に各リンクを依頼する必要がありますが、あなたは正方形に写真を共有している場合、それは正方形になって、あなたは多くのリンクとして列に配置する必要があります。

私たちは、サイトマップを行います

あなたが最初のバージョンを好きではない、とあなたは他の方法でピクチャインピクチャの参照を作成する方法を学びたいのであれば、我々は、マップの参照を開発するためにあなたを提供することができます。 それは簡単に、ここでの唯一の問題のタスクのパラメータで発生する可能性が作られました。 なぜ多くを理解するだろう。

まず、私たちは「第二部では、タグを追加してください、サイト上の画像を埋めるため、タグのIMGで規定された＃のMAP1、、。 - USEMAP =」サイトマップがコマンドUSEMAP =を使用して画像に接続されていることを覚えておいてください＃マップ名」。

リンクに接続されているゾーンにさらにマークアップ画像は、 タグのペアの間の任意の便利な場所に配置することができる<地図> 、対になったタグを使用して行われます。

使用している場合、マップのこのタイプだけでなく、リンクでなく、彼らの活動や座標の面積を求めるべきであることに注意してください。 次に、我々はタグを持っている基本的なパラメータを検討します。

ショートカットの設定

だから、あなたの目の前に、既製参照画像。 参考のためにそれを特定の領域を確保するために - HTMLを使用すると、大幅にイメージの機能性を向上させることができます。 このすべては、今議論される特定のパラメータで与えられます。

さんがペアタグ<マップ>の基本的なパラメータについて少しお話しましょう。 値USEMAPに等しい主にこの名前、。 だから、カードが絵に書かれていることを指定します。

さらにタグペア<マップ>内部別のタグ規定されている - <地域>、参照の面積を記載しています。 彼は男ではないと、当然のことながら、それは独自のパラメータを持っています。

最初の - 形状。 ウェブマスターの助けを借りて、フィールドの種類を設定します。 これは、ことができます。

• 円 - 円。
• 長方形 - RECT。
• ポリゴン - ポリ。
• 休憩所の写真 - デフォルト。

次 - COORDS。 画素領域の座標の助けを借りて。 左上隅 - この座標系の原点。 その後で、主な問題である - コンピュータグラフィックスとは馴染みがない場合は特に、ピクセルで座標を定義するのは簡単ではありません。

また、リンクのアドレスを設定し、非常に有名なのhrefを、言及します。

そしてある最後のオプションは、言及する - NOHREFを。 これは、この領域はリファレンスではないことを示しています。

もちろん、これはあなたが画像やリンクマップを設定可能なパラメータの完全なリストではありません。 しかし同時に、彼らのシステムの明るくカラフルなリンク、あるいは全体を作成するのに十分だろう。

ヒント

以下のためのどちらの道 のリンク、画像の作成 あなたが選ぶ、重要なことは、元の画像が良かったということです。 明るい色やパターンを刺激していない、目をキャッチしていないそれらのデザインを選択するようにしてください。 これは、サイトマップのために特に重要です。 あなたはでき コラージュ作り 、いくつかの写真のそれらを暗く、またはグラフィックプログラムにおけるフィルタのいずれかをオンにします。

あなたはサイトマップを作成するとアイパターンに、ソフト非刺激性で画像を選択することをお勧めします。 明るい絵-link - 私を信じて、常に成功への鍵ではありません。 「VKontakte」は、しかし、多くの場合、新しい観光客を誘致するためには、単に明るさとshowinessに焦点を当てます。

調査結果

要約します。 私たちは、あなたがピクチャインピクチャの参照を作成する方法を考え出し、あなたは同様にうまく難易度の異なるメニューを作成するために使用することができる2つの方法を見ています。 また、我々は、画像のリンクを設定し、サイト、グループまたはコミュニティの非常に便利なマップを作成することを可能にする主なパラメータについて学習する方法を考え出しました。