منذ أن أصدر المؤلف مجموعة من تصميمات الويب الكبيرة على الويب ، تلقيت الكثير من رسائل البريد الإلكتروني التي تطلب كيفية استخدام CSS لتنفيذ تصميم ويب كبير. لذلك ، قررت أن أشارككم مهارات التصميم في الموقع في الخلفية. في هذا البرنامج التعليمي ، سأستخدم بعض الأمثلة لتوضيح كيفية استخدام صورة أو صورتين لتنفيذ تصميم موقع خلفية كبير.
الأخطاء التي ارتكبت بشكل متكرر: الخلفية مقطوعة
بالنظر إلى ملف العينة ، لا توجد مشكلة عندما يكون أقل من 1280 دقة. ولكن إذا كان لدى شاشتك دقة أكبر من 1280 بكسل ، فسترى الجزء خارج صورة الخلفية.
حل بسيط للمشكلة: اضبط لون حافة الصورة على نفس لون خلفية صفحة الويب. أستخدم هنا جدار مصمم الويب كمثال ، انظر إلى الصورة أدناه ، ولاحظ أن حواف الصورة هي ألوان صلبة.
جزء CSS
هذا الجزء بسيط ، اضبط صورة الخلفية لعنصر الجسم (الموجود في الوسط ، أعلى)
هنا رمز CSS:
| جسم { الحشو: 0 ؛ الهامش: 0 ؛ الخلفية: #F8F7E5 URL (WDW-BG.JPG) TOP NO-Repeat Center ؛ العرض: 100 ٪ ؛ العرض: الجدول ؛ } |
انتبه إلى حقيقة أن هناك خطين إضافيين في محدد الجسم ، بحيث تتغير صورة الخلفية عندما تكون نافذة المتصفح أصغر من عرض المحتوى ، والذي سيظهر في Firefox.
