موقع التعشيش: كيفية جعل الصورة خلفية أتش تي أم أل

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

علامات HTML الأساسية لخلق خلفية

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

1. إرسال السمة العلامة.
2. من خلال أسلوب CSS في كود HTML.
3. إرسال الأنماط CSS في ملف منفصل.

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

1. طريقة التسجيل أولا من خلال السمة العلامة (الجسم) في الملف index.htm. يتم تخزينها في هذا النموذج: (خلفية الجسم = "FOLDER_NAME / Nazvanie_kartinki.rasshirenie") (/ الجسم). وهذا هو، إذا كان لدينا صورة تحت عنوان «الصورة» وتمديد JPG، والمجلد نحن اسمه «صور»، ثم دخول HTML رمز سيبدو هذا: (خلفية الجسم = "صور / picture.jpg لل") ... (/ الجسم) .
2. الطريقة الثانية تشمل تسجيل اسلوب CSS، ولكن هو مكتوب في نفس الملف مع ملف index.htm اسم. (هيئة النمط = "الخلفية: رابط ( 'صور ../ / picture.jpg لل')").
3. ويتكون الأسلوب الثالث من التسجيل في ملفين. يتم كتابة وثيقة مع العلامة اسم ملف index.htm (الرأس) هذا الخط: (الرأس) (وصلة يختلط = "أنماط" نوع = "نص / المغلق" أ href = "موقع http: // / من المادة / 193110 /٪ D0٪ 9F ٪ D1٪ 83٪ D1٪ 82٪ D1٪ 8C_٪ D0٪ BA CSS_faylu ") (/ رئيس). ملف يسمى أسلوب style.css إرسال بالفعل: هيئة {خلفية: رابط (صور / picture.jpg لل')}.

كما في HTML لجعل خلفية الصورة، ونحن نفهم. الآن أنت بحاجة لمعرفة كيفية امتداد الصورة عبر عرض الشاشة بأكملها.

طرق لتمتد صورة خلفية لعرض النافذة

ونحن نمثل الشاشة لدينا في شكل نسبة مئوية. وتبين أن عرض كامل وطول الشاشة سوف تكون 100٪ × 100٪. نحن بحاجة إلى امتداد صورة لهذا العرض. إضافة إلى ملف صورة خط تسجيل style.css التي سوف تمتد الصورة عبر كامل عرض وطول الشاشة. كما هو مكتوب في نمط CSS؟ انها بسيطة!

هيئة

{

خلفية: رابط (صور / picture.jpg لل')

خلفية الحجم: 100٪؛ / * وهذه الوظيفة هي مناسبة لمعظم المتصفحات الحديثة * /

}

لذلك نحن أحسب كيفية جعل خلفية الصورة في أتش تي أم أل على الشاشة. وهناك أيضا وسيلة لتسجيل في الملف index.htm. وعلى الرغم من هذه الطريقة والتي عفا عليها الزمن، ولكن للمبتدئين من الضروري معرفة وفهم. العلامة (رئيس) (نمط) شعبة {خلفية الحجم: غطاء. } (/ النمط) (/ رئيس)، وهذا رقم قياسي يعني أننا تخصيص وحدة خاصة للخلفية، والذي سيتم وضعه على كامل عرض النافذة. ولقد اعتبر بطريقتين، وكيفية جعل موقع أتش تي أم أل صورة خلفية، بحيث يتم تمدد الصورة لعرض كامل الشاشة في أي من المتصفحات الحديثة.

كيفية جعل خلفية ثابتة

إذا كنت ترغب في استخدام صورة كخلفية من الموارد على شبكة الإنترنت في المستقبل، ثم كنت بحاجة فقط لمعرفة كيفية جعلها ثابتة، بحيث لا تمتد في طول ولا يفسد المظهر الجمالي. ببساطة عن طريق استخدام كود HTML تسجيل إضافة صغيرة. تحتاج إلى ملف style.css لإضافة عبارة بعد الخلفية: رابط (صور / picture.jpg لل') ثابت. أو بدلا من ذلك أضاف بعد الفاصلة المنقوطة سطر منفصل - الموقف: ثابت. وبالتالي، سيتم إصلاح ورق الحائط الخاص بك. خلال التمرير المحتوى على الموقع، وسترى أن النص خطوط تتحرك، ولكن يبقى الخلفية في المكان. هكذا تعلمت كيفية القيام صورة خلفية HTML، في عدة طرق.

العمل مع الجداول في HTML

العديد من مطوري الويب عديم الخبرة، واجه مع الجداول وكتل، وغالبا ما لا يفهمون كيفية جعل الجدول صورة أتش تي أم أل الخلفية. مثل كل الفرق HTML الأساليب وCSS، ولغة برمجة الويب بسيطة إلى حد ما. والحل لهذه المشكلة هو أن يكتب زوج من الأسطر من التعليمات البرمجية. يجب أن نعرف أن الكتابة جدول الصفوف والأعمدة، على التوالي، كما يتضح من العلامات (آر) و (الدفتيريا). لجعل خلفية الجدول في شكل صورة، فمن الضروري إضافة إلى العلامة (الجدول)، (آر) أو (الدفتيريا) عبارة بسيطة مع الإشارة إلى الصورة المرجعية: الخلفية = الصور URL. من أجل الوضوح، أن نعطي بعض الأمثلة.

الجدول مع صورة بدلا من الخلفية: أمثلة HTML

رسم جدول 2X3 وجعله صورة الخلفية المخزنة في "صور" مجلد: (خلفية الجدول = "صور / picture.jpg لل") (TR) (الدفتيريا) 1 (/ الدفتيريا) (الدفتيريا) 2 (/ الدفتيريا) (الدفتيريا) 3) (/ الدفتيريا) (/ طن تبريد) (TR) (الدفتيريا) 4 (/ الدفتيريا) (الدفتيريا) 5 (/ الدفتيريا) (الدفتيريا) 6 (/ الدفتيريا) (/ طن تبريد) (/ الجدول). لذلك سيتم رسمها طاولتنا في خلفية الصورة.

الآن رسم نفس الأحجام لوحة من 2X3، ولكن إدراج صورة في الأعمدة مرقمة من 1 و 4 و 5 و 6. (الجدول) (TR) (خلفية TD = "صور / picture.jpg لل") 1 (/ الدفتيريا) (الدفتيريا) 2 (/ الدفتيريا) (الدفتيريا) 3 (/ الدفتيريا) (/ طن تبريد) (TR) (الدفتيريا الخلفية = "صور / picture.jpg لل") 4 (/ الدفتيريا) (الدفتيريا الخلفية = "صور / picture.jpg لل") 5 ( / الدفتيريا) (خلفية TD = "صور / picture.jpg لل") 6 (/ الدفتيريا) (/ طن تبريد) (/ الجدول). بعد مشاهدة يمكننا أن نرى أن تظهر الخلفية فقط في تلك الخلايا التي سجلنا، وليس الجدول بأكمله.

الموقع عبر متصفح التوافق

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