كيفية صنع غطاء مطاطي

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

كيفية صنع غطاء مطاطي
كيفية صنع غطاء مطاطي

فيديو: كيفية صنع غطاء مطاطي

فيديو: كيفية صنع غطاء مطاطي
فيديو: 😊كيف تصنع مطاط لإحكام إغلاق الكوب الذى يحمل غطاء😊 2024, يمكن
Anonim

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

كيفية صنع غطاء مطاطي
كيفية صنع غطاء مطاطي

ضروري

لديك موقع الويب الخاص بك

تعليمات

الخطوة 1

لعمل غطاء مطاطي ، ارسمه أولاً في برنامج فوتوشوب. ثم افصل 3 أجزاء من الصورة: وجهان ومنتصف. يجب أن يكون عرض هذه القطع حوالي 10-20 بكسل وبارتفاع الرأس الذي تريده. احفظ كل عنصر بحيث يكون لديك 3 ملفات مختلفة: 1

الخطوة 2

بعد ذلك ، قم بإنشاء جدول يحتوي على العناصر في الجزء العلوي من الموقع. للقيام بذلك ، اكتب كود HTML:

الجدول الذي يبلغ عرضه 100٪ يتمدد أو يتقلص حسب حجم شاشة المستخدم.

الخطوه 3

قم بعمل سطر في الجدول ، في الخلية التي ضع فيها الجانب الأيسر من رأس الموقع 1.gif:

الخطوة 4

قم بإنشاء قسم متوسط من رأس الموقع يتكون من صورة 2

.header {background-image: url ('images / 2.gif')؛}

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

الآن ، في صف من الجدول ، أنشئ خلية أخرى وضع العنصر الأوسط في الجزء العلوي من الموقع فيها ، مشيرًا إلى رأس الاسم في كود CSS:

اسم الموقع

>

الخطوة 6

بعد إنشاء الخلية الثالثة في صف الجدول ، ضع الجانب الأيمن من رأس موقع 3

اسم الموقع

موصى به: