أي صور تريد ربطها في موقع الويب الخاص بك لغة البرمجة يجب أولاً تحميله إلى نفس المكان الذي ترسل فيه HTML لصفحة الويب ، سواء كان الموقع مستضافًا على خادم ويب تصل إليه بروتوكول نقل الملفات أو تستخدم خدمة استضافة الويب. إذا كنت تستخدم خدمة استضافة الويب ، فمن المحتمل أنك تستخدم نموذج تحميل توفره الخدمة. توجد هذه النماذج عادةً في قسم الإدارة لحساب الاستضافة الخاص بك.
تحميل صورتك على خدمة الاستضافة ليس سوى الخطوة الأولى. ثم تحتاج إلى إضافة علامة في HTML لتعريفها.
تحميل الصور إلى نفس الدليل مثل HTML
قد توجد صورك في نفس الدليل مثل HTML. إذا كان هذا هو الحال:
- قم بتحميل صورة إلى جذر موقع الويب الخاص بك.
- أضف علامة صورة في HTML للإشارة إلى الصورة.
- قم بتحميل ملف HTML إلى جذر موقع الويب الخاص بك.
- اختبر الملف عن طريق فتح الصفحة في متصفح الويب الخاص بك.
تأخذ علامة الصورة التنسيق التالي:
بافتراض أنك تقوم بتحميل صورة للقمر باسم "lunar.jpg" ، فإن علامة الصورة تأخذ الشكل التالي:
الطول والعرض اختياريان لكن يوصى بهما. هذه القيم الافتراضية بالبكسل ولكن يمكن التعبير عنها أيضًا كنسب مئوية:
علامة الصورة لا تتطلب علامة إغلاق.
إذا كنت تقوم بالارتباط بصورة في مستند آخر ، فاستخدم علامات الربط وقم بتداخل علامة الصورة بالداخل.
تحميل الصور في دليل فرعي
من الشائع تخزين الصور في دليل فرعي ، يسمى عادةً الصور. للإشارة إلى الصور في هذا الدليل ، تحتاج إلى معرفة مكانها بالنسبة إلى جذر موقع الويب الخاص بك.
جذر موقع الويب الخاص بك هو المكان الذي يظهر فيه عنوان URL ، بدون أي أدلة في النهاية. على سبيل المثال ، بالنسبة إلى موقع ويب يسمى "MyWebpage.com" ، يتبع الجذر هذا النموذج: http://MyWebpage.com/. لاحظ الشرطة المائلة في النهاية. هذه هي الطريقة التي يشار بها عادة إلى جذر الدليل. تتضمن الدلائل الفرعية تلك الشرطة المائلة لإظهار مكانها في بنية الدليل. قد يحتوي موقع مثال MyWebpage على البنية:
http://MyWebpage.com/ - الدليل الجذر
http://MyWebpage.com/products/ - دليل المنتجات
http://MyWebpage.com/products/documentation/ - دليل التوثيق ضمن دليل المنتجات
http://MyWebpage.com/images/ - دليل الصور
في هذه الحالة ، عندما تشير إلى صورتك في دليل الصور ، تكتب:
هذا يسمى المسار المطلق على صورتك.
المشاكل الشائعة مع الصور التي لا يتم عرضها
قد يكون الحصول على الصور لتظهر على صفحة الويب الخاصة بك أمرًا صعبًا في البداية. السببان الأكثر شيوعًا هما أن الصورة لم يتم تحميلها حيث يشير HTML ، أو تمت كتابة HTML بشكل غير صحيح.
أول شيء يجب فعله هو معرفة ما إذا كان يمكنك العثور على صورتك عبر الإنترنت. يمتلك معظم موفري الاستضافة نوعًا من أدوات الإدارة التي يمكنك استخدامها لمعرفة مكان تحميل صورك. بعد أن تعتقد أن لديك عنوان URL الصحيح لصورتك ، اكتبه في متصفحك. إذا ظهرت الصورة ، فهذا يعني أن لديك الموقع الصحيح.
ثم تحقق من أن HTML الخاص بك يشير إلى تلك الصورة. أسهل طريقة للقيام بذلك هي لصق ملف رابط الصورة التي اختبرتها للتو في سمة SRC. أعد تحميل الصفحة واختبرها.
يجب ألا تبدأ سمة SRC الخاصة بعلامة الصورة بـ ج: \ أو ملف: ستظهر أنها تعمل عندما تختبر صفحة الويب الخاصة بك على جهاز الكمبيوتر الخاص بك ، ولكن كل من يزور موقعك سيرى صورة مكسورة. هذا لأن C: \ يشير إلى موقع على لك قرص صلب. نظرًا لأن الصورة موجودة على محرك الأقراص الثابتة ، فإنها تظهر عند مشاهدتها ، ولكنها لن تظهر لأي شخص آخر.