هناك العديد من الأسباب التي قد تجعلك ترغب في إضافة صورة بتنسيق .gif إلى موقع الويب الخاص بك.
يمكن أن تؤدي إضافة صورة إلى موقع الويب الخاص بك إلى تحسين جاذبيته للزائرين بشكل كبير. أكثر تنسيقات الملفات شيوعًا استخدامًا للصور على الويب هي jpg. و gif. تقول جامعة إنديانا إن ملفات .gif هي الأكثر ملاءمة للصور ذات الحواف الحادة ذات التدرجات اللونية المنخفضة. يمكن أن تشمل هذه الرسوم الكاريكاتورية والنصوص والفنون الخطية. المزايا الأخرى لملفات .gif هي القدرة على تعيين الخلفية للشفافية وإضافة الرسوم المتحركة. تعد إضافة ملف .gif إلى موقع ويب أمرًا بسيطًا مثل تحميل ملف وكتابة جملة.
الخطوة 1
افتح لوحة إدارة موقع الويب الخاص بك. سيكون هذا مختلفًا لكل فرد لأنه يعتمد على الخادم المضيف الذي تستخدمه أو ما إذا كنت تستخدم برامج مثل Dreamweaver لإدارة موقعك. هناك نوعان رئيسيان من برامج التحرير — محرر html أو WYSIWYG. تشرح مجلة Smashing ما ترمز إليه WYSIWYG "ما تراه هو ما تحصل عليه". تم تصميم هذه البرامج لجعل إنشاء الصفحات أكثر سهولة. تتطلب منك برامج تحرير HTML فهم أساسيات لغة HTML.
فيديو اليوم
الخطوة 2
احفظ ملف صورة .gif الخاص بك في "الصور" أو المجلد المناسب لموقعك على الويب. إذا كنت تستخدم برنامجًا على جهاز الكمبيوتر الخاص بك ، فستحتاج فقط إلى العثور على المجلد الصحيح على محرك الأقراص الثابتة. إذا كنت تستخدم واجهة إدارة عبر الإنترنت ، فستحتاج إلى تحميل الصورة. انتقل إلى المجلد الصحيح في لوحة الإدارة الخاصة بك واتبع التعليمات لتحميل ملف. في معظم الحالات ، ستستخدم زر استعراض للعثور على ملف .gif على جهاز الكمبيوتر الخاص بك ثم النقر فوق "تحميل".
الخطوه 3
أضف ملف .gif إلى صفحة الويب. في محرر WYSIWYG ، كل ما عليك فعله هو سحب الصورة وإفلاتها في المكان الذي تريده. قم بمعاينة موقع الويب للتأكد من ظهور الصفحة بالشكل الذي توقعته والضبط حسب الضرورة.
إذا كنت تستخدم محرر نصوص HTML ، فافتح صفحة HTML التي سيتم وضع ملف gif. قم بالتمرير إلى النقطة الموجودة في نص HTML حيث تريد ظهور ملف .gif. أضف السطر التالي ، مع استبدال المعلومات بعد علامة "=" بمعلومات حول .gif وترك علامات الاقتباس في مكانها:
تشرح Cross Culture أن "img src" تعني "مصدر الصورة". يجب أن تسرد المعلومات الموجودة بين علامتي الاقتباس اسم المجلد الذي يوجد فيه ملف .gif ثم اسم ملف .gif. تشير علامة "alt" إلى النص الذي سيظهر إذا كان ارتباط الصورة معطلاً ، أو إذا كان الزائر لديه صور معطلة ، أو إذا كانت برامج قراءة النصوص قابلة لفك تشفيرها. يحدد "العرض" و "الارتفاع" الحجم المعروض للصورة بالبكسل. تحدد علامات المسافة مقدار المساحة الرأسية أو الأفقية المعطاة حول الصورة فيما يتعلق بالمحتوى المحيط. ستضيف علامة الحدود خطًا حول الصورة ويحدد الرقم الموجود داخل علامات الاقتباس عرضها.
الأشياء ستحتاج
كمبيوتر متصل بالإنترنت
الوصول الإداري إلى الموقع
صورة gif المحفوظة المراد إدراجها
نصيحة
أحد الاستخدامات الشائعة لملف .gif يسمى spacer.gif. هذه الصورة عبارة عن مربع شفاف بقياس 1 بكسل × 1 بكسل. يمنح ملف .gif هذا مصممي الصفحات خيار إضافة مساحة يمكن التنبؤ بها بكفاءة في مواقع مختلفة في التخطيط. لإضافة مسافة أسفل كتلة نصية ، على سبيل المثال ، يمكنك وضع spacer.gif في فقرتها الخاصة وضبط الارتفاع والعرض وفقًا لتفضيلاتك.
تحذير
احفظ نسخة من صفحة الويب التي تقوم بتعديلها قبل محاولة إضافة .gif الجديد وحاول العمل دون اتصال إن أمكن حتى تشعر بالرضا عن نتائجك. هذا يمنع أي صفحات تدريب من الظهور للعامة ويحمي قدرتك على البدء من جديد إذا واجهت صعوبة.
