كيفية إدراج شعار في موقع ويب

جدول المحتويات:

كيفية إدراج شعار في موقع ويب
كيفية إدراج شعار في موقع ويب

فيديو: كيفية إدراج شعار في موقع ويب

فيديو: كيفية إدراج شعار في موقع ويب
فيديو: تغير أيقونة الموقع على الوردبريس (شعار الموقع) 2024, يمكن
Anonim

كقاعدة عامة ، يتم وضع الشعار على المواقع بتنسيق الصورة ، وتعتمد الطريقة المحددة لإدراجه في الصفحات الحالية على تصميمها ونوع التخطيط المستخدم. في بعض الحالات ، يمكنك الاستغناء عن تحرير التعليمات البرمجية المصدر على الإطلاق ، وفي حالات أخرى ، سيساعدك المحرر المرئي لنظام التحكم ، وفي الحالة الثالثة ، لا يمكنك الاستغناء عن التحرير اليدوي لرمز HTML.

كيفية إدراج شعار في موقع ويب
كيفية إدراج شعار في موقع ويب

تعليمات

الخطوة 1

إذا تم إنشاء رأس الموقع بتنسيق صورة ، فيمكن وضع الشعار فوق الصورة الحالية باستخدام أي محرر رسومات. هذا هو أبسط خيار ولا يتطلب تحرير الصفحة. لاستخدامه ، ابحث عن الملف مع صورة الرأس على خادم الموقع وقم بتنزيله على جهاز الكمبيوتر الخاص بك. ثم افتحه باستخدام محرر رسومي - بالنسبة للعملية القادمة ، فإن إمكانيات برنامج Windows Paint القياسي كافية.

الخطوة 2

ضع صورة الشعار فوق الصورة المفتوحة - في الرسام ، تم إعداد العنصر "لصق من" في القائمة المنسدلة "لصق" لهذا الغرض. استخدم الماوس لسحب الشعار إلى المكان المطلوب في صورة الخلفية ، وتغيير حجمه حسب الحاجة وحفظ النتيجة باستخدام مجموعة المفاتيح Ctrl + S. قم بتحميل ملف الرأس مع الشعار إلى الخادم ، واستبدال الملف الأصلي ، و سيتم الانتهاء من العملية.

الخطوه 3

لإدراج شعار في كود HTML للصفحة ، يكون من الأنسب استخدام الوضع الرسومي (وضع WYSIWYG) لمحرر الصفحة ، والذي يتوفر في معظم أنظمة إدارة المواقع. بعد فتح الصفحة اللازمة في مثل هذا المحرر ، انقر فوق المكان الذي يجب وضع الشعار فيه ، واضغط على الزر لإدراج صورة في القائمة. يجب أن يظهر مربع حوار على الشاشة ، تحتاج فيه إلى تحديد موقع الملف بالشعار على الكمبيوتر. اعتمادًا على المحرر ، قد يحتوي مربع الحوار نفسه على حقول لإدخال معلمات إضافية - أحجام الصور ، والمسافات البادئة من عناصر الصفحة المجاورة ، إلخ. عند الانتهاء ، انقر فوق "موافق" ، ثم احفظ الصفحة المحررة.

الخطوة 4

إذا لم تتمكن من استخدام محرر الصفحة ، فسيتعين عليك إضافة العلامات "يدويًا" إلى شفرة المصدر. للقيام بذلك ، ابحث عن ملف الصفحة المطلوبة على الخادم ، وقم بتنزيله على جهاز الكمبيوتر وافتحه في أي محرر نصوص - على سبيل المثال ، في Notepad. تتطلب هذه العملية بعض المعرفة بلغة تخطيط النص التشعبي - تحتاج إلى العثور على المكان الصحيح في كود HTML لوضع علامة الشعار. يمكن كتابة هذه العلامة نفسها في أبسط أشكالها ، على سبيل المثال ، على النحو التالي:

الخطوة الخامسة

بعد إضافة السطر إلى الكود المصدري ، احفظ الصفحة واستبدل الأصل المخزن على الخادم بالملف المحرر. ثم قم بتحميل الملف بالصورة هناك - على سبيل المثال من الخطوة السابقة ، يجب تسمية هذا الملف باسم logo.png

موصى به: