إضافة الصور إلى صفحات الويب الخاصة بك

الحصول على صور للعرض بشكل صحيح

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

يعد تحميل صورتك إلى خدمة الاستضافة الخطوة الأولى فقط. ثم تحتاج إلى إضافة علامة في HTML لتعريفها.

تحميل الصور إلى نفس الدليل مثل HTML

قد تكون صورك موجودة في نفس الدليل مثل HTML. إذا كان هذا هو الحال:

1. قم بتحميل صورة إلى جذر موقع الويب الخاص بك.
2. أضف علامة صورة في HTML الخاص بك للإشارة إلى الصورة.
3. قم بتحميل ملف HTML إلى جذر موقع الويب الخاص بك.
4. اختبار الملف عن طريق فتح الصفحة في متصفح الويب الخاص بك.

تأخذ علامة الصورة التنسيق التالي:

إذا افترضنا أنك تحمل صورة القمر بالاسم "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 الخاص بك يشير إلى تلك الصورة. أسهل طريقة للقيام بذلك هي لصق عنوان URL الخاص بالصورة الذي قمت باختباره للتو في سمة SRC. أعد تحميل الصفحة والاختبار.

يجب ألا تبدأ السمة SRC لعلامة الصورة مطلقًا بـ C: \ أو الملف: سيظهر ذلك للعمل عند اختبار صفحة الويب على جهاز الكمبيوتر الخاص بك ، ولكن كل من يزور موقعك سيشاهد صورة مكسورة. هذا لأن C: \ يشير إلى موقع على محرك القرص الثابت. نظرًا لأن الصورة موجودة على محرك الأقراص الثابتة ، يتم عرضها عند عرضها.