السيناريو المشترك عبر الإنترنت هو أن لديك صورة على موقعك على الويب ترغب في الارتباط بها. ربما تقوم بتشفير صفحة على موقعك وتريد إضافة تلك الصورة ، أو ربما ترغب في الارتباط بها من موقع آخر ، مثل حساب الشبكات الاجتماعية لديك. في كلتا الحالتين ، تتمثل الخطوة الأولى في هذه العملية في تحديد عنوان URL (محدد موقع الموارد الموحد) لتلك الصورة. هذا هو العنوان الفريد ومسار الملف إلى تلك الصورة المحددة على الويب.
دعونا نلقي نظرة على كيفية القيام بذلك.
ابدء
للبدء ، انتقل إلى الصفحة مع الصورة التي تريد استخدامها. ضع في اعتبارك أنه يجب عليك استخدام صورة تملكها. وذلك لأن الإشارة إلى صور الآخرين تعتبر سرقة عرض النطاق الترددي ويمكن أن تسبب لك مشكلة - حتى من الناحية القانونية. إذا قمت بالربط بصورة على موقع الويب الخاص بك ، فإنك تستخدم صورتك ونطاقك الترددي الخاص بك. هذا أمر جيد ، ولكن إذا قمت بالارتباط بموقع ويب لشخص آخر ، فإنك تقوم بتغطية النطاق الترددي لموقعه لعرض تلك الصورة. إذا كان لهذا الموقع قيود شهرية على استخدام النطاق الترددي الخاص به ، والذي تفرضه العديد من شركات الاستضافة ، فإنك تأكل في الحد الشهري دون موافقتهم. بالإضافة إلى ذلك ، قد يكون نسخ صورة شخص آخر إلى موقعك الإلكتروني انتهاكًا لحقوق الطبع والنشر. إذا قام شخص ما بترخيص صورة لاستخدامها على موقعه على الويب ، فقد قام بذلك على موقعه على الويب وحده. يؤدي ربط هذه الصورة ورسمها في موقعك بحيث يتم عرضها على صفحتك إلى خارج هذا الترخيص وقد يؤدي إلى فتحك لغرامات قانونية وغرامات.
خلاصة القول ، يمكنك الربط بالصور الموجودة خارج نطاقك / نطاقك الخاص ، ولكنها تعتبر غير مهذبة وغير قانونية في أسوأ الأحوال ، لذلك عليك فقط تجنب هذه الممارسة معًا. من أجل هذه المقالة ، سنفترض أن الصور مستضافة قانونًا على نطاقك الخاص.
الآن بعد أن فهمت "gotchas" لربط الصور ، سنرغب في تحديد المتصفح الذي ستستخدمه.
تقوم المتصفحات المختلفة بأشياء مختلفة ، وهذا أمر منطقي نظرًا لأنها كلها منصات برمجية فريدة تم إنشاؤها بواسطة شركات مختلفة. ومع ذلك ، فإن معظم المتصفحات تعمل في الغالب في هذه الأيام إلى حد ما. في Google Chrome ، هذا ما سأفعله:
- ابحث عن الصورة التي تريدها.
- انقر بزر الماوس الأيمن على تلك الصورة ( Ctrl + النقر على جهاز Mac).
- سوف تظهر القائمة. من تلك القائمة ، اختر " نسخ عنوان الصورة" .
- إذا قمت بلصق ما هو الآن في الحافظة الخاصة بك ، ستجد أن لديك المسار الكامل لتلك الصورة.
الآن ، هذه طريقة عملها في Google Chrome. المتصفحات الأخرى لديها اختلافات. في Internet Explorer ، انقر بزر الماوس الأيمن على الصورة واختر " خصائص" . من مربع الحوار هذا سترى المسار إلى هذه الصورة. انسخ عنوان الصورة عن طريق تحديده ونسخه إلى حافظتك.
في Firefox ، يمكنك النقر بزر الماوس الأيمن على الصورة واختيار نسخ موقع الصورة .
تعد الأجهزة المحمولة أكثر تعقيدًا عندما يتعلق الأمر بإيجاد مسار لعنوان URL ، وبما أن هناك العديد من الأجهزة المختلفة في السوق اليوم ، فإن إنشاء قائمة نهائية بكيفية العثور على عنوان URL للصورة على جميع الأنظمة الأساسية والأجهزة سيكون مهمة شاقة. ومع ذلك ، في العديد من الحالات ، يمكنك لمس صورة للاحتفاظ بها للوصول إلى قائمة تسمح لك بحفظ الصورة أو العثور على عنوان URL الخاص بها.
حسنًا ، بمجرد أن يكون لديك عنوان URL للصورة ، يمكنك إضافته إلى مستند HTML. تذكر أن هذا هو الهدف الأساسي من هذا التمرين ، للعثور على عنوان URL للصورة حتى نتمكن من إضافته إلى صفحتنا! فيما يلي كيفية إضافته باستخدام HTML. لاحظ أنك ستكتب هذا الرمز في أي محرر HTML تفضله:
اكتب:
بين أول مجموعة من علامات الاقتباس المزدوجة ، يمكنك لصق المسار إلى الصورة التي تريد تضمينها. يجب أن تكون قيمة النص البديل عبارة عن محتوى وصفي يشرح ما هي الصورة لشخص ما قد لا يراه بالفعل على الصفحة.
قم بتحميل صفحة الويب الخاصة بك واختبرها في متصفح الويب لمعرفة ما إذا كانت صورتك موجودة الآن!
نصائح مفيدة
لا تكون سمات العرض والارتفاع مطلوبة في الصور ، ويجب استبعادها ما لم ترغب دائمًا في عرض هذه الصورة بنفس الحجم. مع مواقع الويب والصور المتجاوبة التي يتم إعادة تدفقها وتغيير حجمها استنادًا إلى حجم الشاشة ، نادرًا ما يحدث ذلك في هذه الأيام. من الأفضل لك ترك العرض والارتفاع ، خاصةً وأن في حالة عدم وجود أي معلومات أو أنماط تحجيم أخرى ، سيعرض المتصفح الصورة بحجمها الافتراضي على أي حال.