هناك عدد من الطرق لتوقيع صورة في هتمل لجعلها أكثر إفادة ومفهومة للمستخدمين. قد يحتوي شرح الصورة على وصف أو ارتباط أو سمات تساعد في تحديد الصورة وتوصيفها. في هذا الدليل ، وسوف ننظر في بعض الطرق البسيطة لتوقيع صورة في هتمل للمبتدئين.
واحدة من أكثر الطرق شيوعا لتوقيع صورة هي استخدام السمة ألت. تتيح لك هذه السمة إضافة وصف للصورة ، والذي سيتم عرضه إذا تعذر تحميل الصورة أو كان الوصول إليها مقيدا. عند استخدام السمة ألت ، فمن المستحسن لوصف محتوى الصورة بأكبر قدر ممكن من الدقة والمعلومات.
هناك طريقة أخرى للتوقيع على صورة وهي استخدام علامة فيجكابتيون. يتم استخدام هذه العلامة داخل حاوية الشكل لإنشاء تسمية توضيحية أو وصف لصورة. يمكن أن تحتوي علامة فيجكابتيون على نص أو عناصر هتمل أخرى ، وسيتم عرضها تحت الصورة. هذه الطريقة في تسمية توضيحية للصورة مفيدة بشكل خاص إذا كنت بحاجة إلى إضافة وصف أطول أو تنسيق نص.
تسجيل الصور الخاصة بك في أتش تي أم أل لتحسين إمكانية الوصول والوصف وفهم المحتوى للمستخدمين.
- اختيار الكلمات المناسبة للتعليق
- باستخدام السمة ألت
- إضافة توقيع باستخدام علامة
- تصميم التوقيع باستخدام كس
- ترجمة التوقيع إلى لغات أخرى
- دمج التوقيع في سمة العنوان
- تحسين إمكانية الوصول للمستخدمين ذوي الإعاقة
- سؤال وجواب
اختيار الكلمات المناسبة للتعليق
تلعب التسمية التوضيحية للصورة دورا مهما في التمثيل المرئي لمحتواها. يمكن أن يساعد اختيار الكلمات المناسبة في تحسين فهم وتفسير الصورة. عند اختيار الكلمات المناسبة للتوقيع ، يجب مراعاة عدة عوامل مهمة:
- وصفي: يجب أن تكون التسمية التوضيحية مفيدة وتصف التفاصيل المهمة للصورة.
- الإيجاز: حاول تقصير التوقيع إلى بضع كلمات رئيسية أو جملة قصيرة.
- الدقة:يجب أن ينقل التوقيع بدقة محتوى وموضوع الصورة.
- اتصال عاطفي: يمكنك استخدام الكلمات التي تثير المشاعر أو الارتباطات لإضافة تأثير بصري إضافي.
- الجمهور: ضع في اعتبارك أن جمهورك قد يكون مختلفا وأن التوقيعات المختلفة قد تكون مناسبة لكل مجموعة.
للتحقق من توقيع مناسب ، يمكنك أن تطلب من أشخاص آخرين تقييم امتثاله للصورة وفهم الرسالة. قارن محاولاتك واتخذ قرارا بناء على التعليقات.
| صورة | التوقيع |
|---|---|
| عائلة سعيدة على الشاطئ | |
| غروب الشمس المشمس فوق الجبال | |
| القط يلعب مع البالونات |
ستساعدك أمثلة هذه التسميات التوضيحية في العثور على أفضل طريقة لوصف محتوى صورك وجعل العرض المرئي أكثر قابلية للفهم وإثارة للاهتمام.
باستخدام السمة ألت
السمة ألت هي واحدة من السمات المطلوبة لعلامة في هتمل. يحدد النص البديل الذي سيتم عرضه إذا تعذر تحميل الصورة أو تعذر عرضها.
مزايا استخدام سمة البديل:
- يزيد من إمكانية الوصول إلى الموقع للأشخاص ذوي الإعاقة. تسمح السمة البديلة لقارئات الشاشة ومحركات البحث بفهم محتوى الصورة.
- إذا لم يتم تحميل الصورة ، سيتم عرض النص من السمة ألت بدلا من ذلك ، مما يسمح للمستخدمين لفهم السياق والغرض من الصورة.
- يحسن محرك البحث الأمثل. يمكن أن يساعد استخدام السمة البديلة بشكل صحيح محركات البحث على فهم محتوى وسياق الصورة وتحسين فهرستها.
مثال على استخدام سمة البديل:
| كود | الوصف |
|---|---|
| يتم تحميل الصورة ، سيتم عرض النص البديل "صورة عينة" إذا كانت الصورة غير متوفرة. |
| يتم تحميل الصورة ، ولكن السمة ألت لا تحتوي على نص. في هذه الحالة ، إذا كانت الصورة غير متوفرة ، فلن يتم عرض أي نص. |
| لا يتم تحميل الصورة أو لا تتوفر ، وفي هذه الحالة قد يعرض المتصفح اسم ملف الصورة بدلا من النص البديل. |
عند استخدام السمة ألت ، من المهم اختيار النص بالمعلومات التي تنقل معنى وسياق الصورة.
على سبيل المثال ، لصورة شعار الشركة:
- موافق: ألت= "شيز شعار الشركة"
- سيئة: البديل="صورة"
ضع في اعتبارك أنه يمكن استخدام السمة البديلة ليس فقط لوصف الصور ، ولكن أيضا للعناصر الأخرى ، مثل مقاطع الفيديو أو الملفات الصوتية ، لضمان إمكانية وصول أفضل للمحتوى الخاص بك.
إضافة توقيع باستخدام علامة
يمكنك استخدام علامة لإضافة تسمية توضيحية إلى صورة في أتش تي أم أل. تستخدم هذه العلامة لتحديد وصف نصي أو تسمية توضيحية لمحتوى الوسائط.
لإضافة تسمية توضيحية إلى صورة باستخدام علامة ، اتبع البنية التالية:
- لف صورتك في علامة. يتم استخدام العلامة لتجميع المحتوى مثل الصور والرسوم البيانية والرمز وما إلى ذلك.
- ضع صورتك داخل العلامة باستخدام العلامة. حدد المسار إلى الصورة في السمة سرك.
- بعد العلامة ، أضف علامة بنص التوقيع.
مثال على الترميز:
نص التوقيع
إذا كنت بحاجة إلى إضافة العديد من الصور التوضيحية في نفس المجموعة ، فيمكنك استخدام علامة لكل صورة.
الآن أنت تعرف كيفية توقيع صورة باستخدام علامة في هتمل.
تصميم التوقيع باستخدام كس
يعد التعليق الموجود أسفل الصورة جزءا مهما من صفحة الويب ، مما يساعد على نقل المعلومات وجعلها أكثر قابلية للفهم للمستخدمين. باستخدام كس ، يمكنك نمط التوقيع بحيث تبرز على الصفحة.
إذا كنت تريد جعل التوقيع غامقا ، فيمكنك استخدام العلامة. تعرض هذه العلامة نصا بخط أكبر ولون أغمق لتمييزه على الصفحة.
إذا كنت تريد إضافة نص مائل إلى التسمية التوضيحية ، فيمكنك استخدام العلامة. تعرض هذه العلامة النص بإمالة ، مما يسمح لك بتمييزه على الصفحة. على سبيل المثال:
شرح للصورة
التوقيع 1
التوقيع 1
التوقيع 2
- التوقيع 3
باستخدام كس ، يمكنك أيضا تغيير اللون والخط والسمات الأخرى للتوقيع لتتناسب مع تصميم صفحة الويب الخاصة بك. للقيام بذلك ، سوف تحتاج إلى إضافة التصميم إلى ملف كس التي سيتم توصيلها إلى صفحة هتمل الخاص بك.
على سبيل المثال ، لتغيير لون التوقيع إلى اللون الأحمر ، يمكنك استخدام قاعدة كس التالية:
ص {
اللون: أحمر;
}
سيؤدي هذا إلى تغيير لون التسمية التوضيحية لجميع الفقرات في الصفحة. يمكنك أيضا إضافة فئات أو معرفات لنمط أكثر دقة توقيع أو مجموعة من التوقيعات.
وهكذا ، وذلك باستخدام كس يسمح لك لخلق توقيع أنيق لصورتك وإضافته إلى صفحة ويب.
ترجمة التوقيع إلى لغات أخرى
| يعد التعليق على الصورة عنصرا مهما يساعد زوار موقعك على فهم ماهية الصورة. في كثير من الحالات ، قد تحتاج إلى ترجمة التوقيع إلى لغة أخرى حتى يكون موقعك في متناول جمهور عريض. |
|---|
| إذا كنت ترغب في ترجمة التوقيع إلى لغة أخرى ، فستحتاج إلى مترجم مناسب أو متخصص يتحدث اللغة المطلوبة. |
الخطوة 1: حدد اللغة التي تريد ترجمة التوقيع إليها. اتصل بمترجم أو متخصص للحصول على ترجمة للتوقيع إلى اللغة المحددة.
الخطوة 2: أضف ترجمة التوقيع إلى الصفحة. هناك عدة طرق ممكنة:
إذا كان موقعك يحتوي على دعم متعدد اللغات ، فيمكنك إضافة ترجمة للتوقيع إلى ملف اللغة المناسب.
استخدم علامة هتمل وسمة لانغ لتحديد لغة التوقيع المترجم. على سبيل المثال: الترجمة التوضيحية.
- قم بإنشاء كتلة منفصلة مع تسمية توضيحية مترجمة أسفل الصورة باستخدام علامات هتمل
- ولتنسيق النص.
- مثال على استخدام العلامات لإنشاء كتلة بتوقيع مترجم:
- التوقيع المترجم:
- التحويل الخاص بك
- تأكد من التحقق من عرض التوقيع المترجم بشكل صحيح على موقعك ولا ينتهك مظهره.
- نأمل أن يساعدك هذا الدليل في ترجمة التوقيع إلى لغات أخرى وجعل موقعك في متناول جمهور دولي.
- دمج التوقيع في سمة العنوان
- يمكن دمج التسمية التوضيحية للصورة في سمة العنوان. يتم استخدام سمة العنوان لتوفير معلومات إضافية عند التمرير فوق عنصر.
- لإضافة تسمية توضيحية إلى صورة باستخدام سمة العنوان ، استخدم بناء الجملة التالي: