عندما تقوم بإنشاء موقع الويب الخاص بك ، فمن الطبيعي أنك تريد عرضه بأكبر قدر ممكن من الجاذبية بغض النظر عن إصدار متصفح المستخدم. على وجه الخصوص ، بحيث يتم تمديد صورة الخلفية وتعديلها على دقة شاشة الكمبيوتر.
انه ضروري
مهارات العمل مع html و css و java-script
تعليمات
الخطوة 1
افتح الكود الخاص بموقعك في أي محرر ، مثل Notepad أو برنامج تصميم ويب مخصص ، Dreamweaver. الصق الأسطر التالية في الكود لتمديد خلفية الموقع. إضافة الخلفية: url ("إدراج رابط للصورة").
الخطوة 2
لتغيير حجم الصورة أفقيًا ، استخدم الكود التالي: الخلفية: url ("إدراج رابط للصورة" كرر x) ، عموديًا - في نهاية الكود ، استبدل x بـ y. إذا تم تصميم الموقع في ملف css ، فقم بلصق الكود فيه. بهذه الطريقة ستتمكن من وضع خلفية مطاطية على موقعك.
الخطوه 3
استخدم مثال الكود التالي لوضع صورة خلفية على الصفحة وتمديدها تلقائيًا لتلائم دقة الشاشة التي يتم عرض الصفحة عليها. كود المثال: body {background: "أدخل ارتباطًا إلى صورة الخلفية" () no-Replication الثابتة في الوسط الأيسر ؛ ثم حجم الخلفية: […].
الخطوة 4
لتمديد صورة الخلفية ، ما عليك سوى إدراج صورة كخلفية وتعيين عرضها على 100٪. على سبيل المثال ، أدخل النص التالي في رمز الصفحة: background image "alt =" أدخل اسم الصورة "/>. وبالتالي ، سيتم استخدامه لملاءمة عرض الصورة ، ولكن سيتم انتهاك نسبها.
الخطوة الخامسة
وبالمثل ، يمكنك ضبط الصورة بحيث تمتد في الارتفاع ، واستخدام الارتفاع بدلاً من سمة العرض. أو استخدم مثال الكود التالي لـ css: background image of the site) "> وبعد ذلك أضف 100٪ عرض للصورة كما في المثال السابق. كما يمكنك استخدام البرنامج النصي لمعرفة دقة شاشة المستخدم وتعديل الحجم من طاولتك لذلك.
