كيفية جعل مرجع صورة في الصورة؟ كيفية ادخال وصلة إلى صورة

خلق لافتات و خرائط الموقع، تواجه أصحاب المواقع للمبتدئين مع هذه المشكلة، وكيفية ادخال وصلة إلى صورة، تفعل به القائمة أكثر إشراقا وأكثر إثارة للاهتمام. لكن كيفية تنفيذ ذلك؟ لا يوجد شيء أسهل إذا كنت تعرف لغة HTML.

دعونا معرفة كيف يمكننا أن نجعل واقع هذه الفكرة. في هذه المقالة، وسوف نقدم لك خيارين لحل المشكلة. واحد نادرا ما تستخدم يرجع ذلك إلى حقيقة أنه يأخذ الكثير من الوقت والجهد، في حين تعتبر الثانية أن تكون معروفة جيدا. نحن نحلل معك على حد سواء.

حيث يتم استخدام صورة الارتباط

قبل أن نتحدث عن كيفية جعل مرجع صورة في الصورة، ونحن نفهم أين ولماذا يتم استخدامها. بعد كل شيء، فإنه سيكون من الأسهل لفهم ما نريد من الصورة.

وتستخدم الصور الروابط شيوعا لافتات وإعلانات المرابح الرسومات. ومن أمثلة هذه هي الصور كلها في نفس "فكونتاكتي". أتذكر عدد المرات التي قمت انقر على الصورة وقد تم بناء عنوان معين الذي؟ وبالإضافة إلى ذلك، في كثير من الأحيان يتم استخدامها في شكل مجموعات القائمة والمجتمعات، لا سيما إذا كانت تحتوي على إدخالات الخاصة. وجدت في مواقع أخرى كثيرة مثل هذه الصور.

لصق الرابط في الصورة

أبسط شيء - على رابط الصورة. ذلك حول هذا الموضوع، ونحن نتحدث لبدء. هذا التوضيح هو الرجوع إليها. أي النقر على هذا الرمز، سيتم توجيهك إلى صفحة جديدة.

إذا كنت تعرف كيف يتم تعريفه بواسطة وصلة مشتركة مع مساعدة من HTML، العلامات، والمشاكل يجب أن تنشأ. والفرق الوحيد هو أنه بدلا من وصلات النص يتم تحديد الصورة.

لذلك، لتنفيذ خطته، كنت في حاجة إلى الصورة نفسها، وتحميلها على شبكة الإنترنت أو تخزينها على جهاز الكمبيوتر الخاص بك (اعتمادا على ما إذا كنت تعمل في وضع على شبكة الإنترنت، في الواقع على الموقع، أو zadeystvuete المحررين).

نحن نبحث عن عنوان صورة، والكتابة عنها، لا ننسى. إصلاح أيضا العلاقة التي يجب أن تفتح هذه الصورة.

بعد ذلك كتابة التالية: الموقع href="http:// - كود خاص . يتم تعريف الارتباط صورة مع مساعدتها.

وبالتالي، فإننا وصف وصلة التي يتم عرضها في شكل التوضيح. من السهل جدا. ولكن هذا النهج إلا إذا كنت تعتقد أنه ينبغي أن يكون هناك رابط واحد فقط. ولكن ماذا لو ينبغي أن يكون هناك عدد قليل؟ ثم ننتقل إلى خيارات أخرى.

جعل قائمة من الصور

وقد تم تطوير الطريقة الأولى بشكل مستقل في دراسة صفحات الويب لغة البرمجة المدعمة. إنشاء مثل هذه القائمة قد يستغرق بضع ساعات.

هذا الأسلوب هو مناسبة لأولئك الذين يحبون للعب مع مختلف المحررين، كما هو تماما تستغرق وقتا طويلا ويستغرق وقتا أطول قليلا من خلق من القائمة بطاقة أو الطريقة الثانية. ذلك يكمن في حقيقة أن الصورة أخذت، الذي يقتطع عدة شرائح أو مربعات. وقعت كل صورة، وأساسا للارتباط، كما هو موضح أعلاه. بعد ذلك، يتم كتابة العلامات صفحة الرموز في الترتيب الصحيح. هذا كل مسألة كيفية جعل مرجع صورة في الصورة، وحلها تقريبا. ولكن لا ننسى الخيار الثاني.

هو لجعل القائمة مع صورة واحدة فقط، طالبا لكل منطقة توضيح حلقاتها. لا تقلق، لا شيء هذه معقدة للغاية في هذا المجال. الآن، قبل كل شئ.

كيفية جعل

دعونا نبحث أكثر قليلا من الطريقة الأولى.

بادئ ذي بدء، سوف تحتاج معرفة الرسوم البيانية والمحررين، وHTML. كيفية جعل صورة إشارة، فإنه يروي هذا النوع من صفحات العلامات.

لذا، إذا كنت قررت الذهاب في هذا الطريق، وسوف تحتاج إلى صورة ومحرر الرسوم البيانية بسيط الذي يسمح لك لقطع الصور ووضع على عبوات منتجاتهم، فضلا عن المكان الذي سوف تكون قادرة على ملء هذه الشواغر.

إذا كان هذا هو موقع الويب الخاص بك - مناسبة التقليدية معرض أو مكتبة الملفات، ل "فكونتاكتي" قد يكون من ألبوم المجموعة أو المجتمع (ويفضل الحرة).

وعلاوة على ذلك، فإن الصورة لأن يقتطع قطعة، وبالتالي فمن الضروري أن نتذكر الترتيب الذي وردت أجزاء. المنقوشة عليها نقوش وملء الخادم، وكتابة المراجع في كل التوضيح.

أخذ شفرة أعلاه، واستبدال البيانات المطلوبة. ثم ملء الصورة على الموقع في الترتيب الذي يجب أن تذهب. وفي الوقت نفسه، إذا كنت تقطع الى شرائح، ثم عليك أن تسأل كل وصلة في خط جديد، ولكن إذا قمت بمشاركة الصور إلى مربعات، ثم تحتاج إلى وضع في صف واحد كما العديد من الروابط لأنها تحولت الساحات.

ونحن نفعل خريطة الموقع

لذا، إذا كنت لا تحب النسخة الأولى، وكنت تريد أن تتعلم كيفية جعل مرجع صورة في الصورة بأي طريقة أخرى، يمكننا أن نقدم لك لتطوير المرجعية خريطة. جعلت من السهل، وهنا يمكن أن يحدث فقط مع المعلمات مهمة المشكلة. لماذا سوف نفهم أكثر.

أولا، علينا أن نتذكر أن خريطة متصل الصورة باستخدام usemap قيادة = "# map1، الذي يوصف في وسم img ذلك، وملء الصورة على الموقع، وتأكد من إلحاق العلامة في الجزء الثاني -. Usemap =" # اسم الخريطة ".

المزيد من الصور المبرمجة في المناطق، والتي تعلق على وصلات يتم ذلك باستخدام علامة يقترن <خريطة> ، والتي يمكن وضعها في أي مكان مناسب بين العلامات يقترن .

لاحظ أنه عند استخدام هذا النوع من خريطة ينبغي أن يطلب ليس فقط الروابط، ولكن أيضا مجال أنشطتها والإحداثيات. بعد ذلك، سوف نقوم بدراسة المعايير الأساسية التي لديها علامة.

ضبط الاختصار

لذا، وقبل عينيك، الصورة الجاهزة المرجعية. HTML يسمح لك لتحسين كبير في الأداء الوظيفي للصورة - تحيله منطقة معينة لتكون مرجعا. وتعطى كل هذا من خلال معايير محددة، والتي الآن سيتم مناقشتها.

دعونا نتحدث قليلا عن المعايير الأساسية للعلامة يقترن <خريطة>. في المقام الأول هذا الاسم، وهو يساوي قيمة usemap. لذلك أنت تعين أن البطاقة هو مكتوب في الصورة.

وعلاوة على ذلك داخل علامة الزوج <خريطة> يشرع علامة أخرى - <المنطقة>، الذي يصف منطقة المرجعية. انه ليس الرجل، وبطبيعة الحال، فإنه يحتوي على معلمات الخاصة بها.

أول - الشكل. مع مساعدة من المسؤول عن الموقع يحدد نوع من الحقل. هذا يمكن أن يكون:

• دائرة - دائرة.
• مستطيل - احداثيات.
• المضلع - بولي.
• الصور استراحة - الافتراضي.

القادمة - احداثيات. مع مساعدة من إحداثيات منطقة بكسل. الأصل في هذا نظام الإحداثيات - الزاوية اليسرى العليا. ثم كان، وهو المشكلة الرئيسية - ليس من السهل تحديد إحداثيات عن طريق بكسل، وخصوصا إذا لم يكن هناك ألفة مع رسومات الحاسوب.

نذكر أيضا أ href مشهورة جدا، والذي يحدد عنوان الارتباط.

والخيار الأخير، وهو أن تذكر، - nohref. فإنه يدل على أن هذه المنطقة ليست مرجعية.

بالطبع، هذه ليست قائمة كاملة من المعلمات التي يمكنك وضع صورة أو رابط خريطة. ولكن في نفس الوقت، وسوف يكون كافيا لإنشاء ارتباط مشرق والملونة أو حتى كل من النظام الخاص بهم.

نصائح

أيهما الطريق ل إنشاء الروابط والصور التي تختارها، والشيء المهم هو أن الصورة الأصلية كانت جيدة. في محاولة لاختيار تلك التصاميم التي لا تلفت الأنظار، لا تهيج الألوان الزاهية أو الأنماط. وهذا أمر مهم خاصة بالنسبة لخريطة الموقع. يمكنك جعل مجمعة من عدة صور، تلقي بظلالها عليهم، أو تشغيل واحدة من المرشحات في برنامج رسومات.

عند إنشاء ينصح خريطة الموقع لاختيار صورة مع لينة وغير مهيجة للأنماط العين. صدقوني، ليس دائما هو مفتاح النجاح - مشرق الصورة -LINK. "فكونتاكتي"، ومع ذلك، غالبا ما تركز فقط على السطوع والبهرجة، من أجل جذب زوار جدد.

النتائج

لتلخيص. نحن معكم ترد على كيفية جعل مرجع صورة في الصورة، وبدا في اثنين من الطرق التي يمكنك بالتساوي جيدا أن تستخدم لإنشاء قائمة من صعوبة متفاوتة. وبالإضافة إلى ذلك، برزت لنا كيفية تعيين الارتباط الصورة والتعرف على المعالم الرئيسية التي تسمح لك لخلق تماما خريطة يدوية للموقع أو جماعة أو مجتمع.