كيفية إدراج صورة في رأس موقع ويب

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

كيفية إدراج صورة في رأس موقع ويب
كيفية إدراج صورة في رأس موقع ويب

فيديو: كيفية إدراج صورة في رأس موقع ويب

فيديو: كيفية إدراج صورة في رأس موقع ويب
فيديو: الدرس الثاني: ادراج صورة الى صفحة الانترنت باستخدام لغة HTML 2024, يمكن
Anonim

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

كيفية إدراج صورة في رأس موقع ويب
كيفية إدراج صورة في رأس موقع ويب

تعليمات

الخطوة 1

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

الخطوة 2

من الأفضل استخدام Adobe Photoshop لتحرير الصورة. ضع في اعتبارك أن إصدارات البرنامج يمكن أن تكون باللغة الإنجليزية ولراحة العمل ، ستحتاج إلى كسر. يمكن تنزيله مجانًا من الإنترنت.

الخطوه 3

افتح الصورة التي تريد استبدالها في محرر رسومات وحدد "صورة" - "حجم الصورة" من القائمة. تذكر ، أو من الأفضل كتابة القيم بالبكسل. يمكنك إغلاق الصورة - لن تحتاجها بعد الآن.

الخطوة 4

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

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

قم بإنشاء طبقة جديدة ("طبقة" - "جديدة").

الخطوة 6

افتح في البرنامج الصورة التي تريد رؤيتها في رأس الموقع ("ملف" - "فتح").

الخطوة 7

في شريط الأدوات ، حدد رمز "منطقة مستطيلة" ، واستخدمه لتحديد صورة.

الخطوة 8

استخدم أمر "نسخ" من قائمة "تحرير" والصق الصورة في طبقة جديدة من الشكل المعد ("تحرير" - "لصق"). حدد أداة التحريك وانقل الصورة حسب الحاجة.

الخطوة 9

إذا كان حجم الصورة أكبر أو أصغر ، فيمكن تصحيحه باستخدام الأوامر من قائمة "الصورة". على أي حال ، نادرًا ما تتطابق معلمات الصورة الرئيسية مع المعلمات المطلوبة ، لذلك دائمًا ما تكون هناك مساحة فارغة. يجب ملؤها ، ولهذا من الأفضل استخدام "الخلفية". على سبيل المثال ، يمكنك التعبئة بلون واحد ، أو استخدام أداة التدرج ، ثم سلاسة الانتقال باستخدام المراوغة / التغميق ، والإصبع ، والإسفنج ، وما إلى ذلك.

الخطوة 10

هناك علامة خاصة لإدراج الصور في لغة html

بسمات مختلفة:

• src - عنوان الصورة.

• الارتفاع - الارتفاع بالبكسل.

• العرض - العرض بالبكسل.

• الحدود - الحد بالبكسل.

• بديل - شرح للصورة ، يتم عرضه للمستخدمين عند إيقاف تشغيل وظيفة استقبال الصورة.

على سبيل المثال،. لا حاجة لعلامة عكسية.

موصى به: