כשאתה יוצר אתר משלך, באופן טבעי אתה רוצה שיוצג באופן אטרקטיבי ככל האפשר ללא קשר לגרסת הדפדפן של המשתמש. בפרט, כך שתמונת הרקע נמתחת ומותאמת לרזולוציה של צג המחשב.
זה הכרחי
מיומנויות בעבודה עם html, css, java-script
הוראות
שלב 1
פתח את הקוד עבור האתר שלך בכל עורך, כגון פנקס רשימות או תוכנית ייעודי לאתרי אינטרנט, Dreamweaver. הדבק את השורות הבאות בקוד כדי למתוח את הרקע של האתר. הוסף רקע: url ('הכנס קישור לתמונה').
שלב 2
כדי להגדיל את התמונה בצורה אופקית, השתמש בקוד הבא: רקע: url ('הכנס קישור לתמונה' חזור על x), אנכית - בסוף הקוד, החלף את x ב- y. אם האתר מעוצב בקובץ css, הדבק את הקוד בתוכו. בדרך זו תוכל לשים רקע גומי באתר שלך.
שלב 3
השתמש בדוגמת הקוד הבאה כדי להציב תמונת רקע על דף ולמתוח אותה באופן אוטומטי כך שתתאים לרזולוציה של הצג שעליו נצפה העמוד. קוד לדוגמא: גוף {רקע: "הכנס קישור לתמונת הרקע" () מרכז שמאלי קבוע ללא חזרה; ואז גודל רקע: […].
שלב 4
למתיחת תמונת הרקע, פשוט הוסף תמונה כרקע והגדר את רוחבה ל 100%. לדוגמא, הכנס את קוד הטקסט הבא לקוד העמוד: תמונת רקע "alt =" הזן את שם התמונה "/>. לפיכך, הוא ישמש כדי להתאים לרוחב התמונה, אך הפרופורציות שלה יופרו.
שלב 5
באופן דומה, תוכלו להגדיר את התמונה למתיחה בגובה, להשתמש בגובה במקום בתכונת רוחב. או השתמש בדוגמת הקוד הבאה עבור css: תמונת רקע של האתר) "> ואחרי זה הוסף 100% רוחב של התמונה כמו בדוגמה הקודמת. כמו כן, תוכל להשתמש בתסריט כדי לברר את רזולוציית המסך של המשתמש ולערוך את הגודל. של השולחן שלך בשביל זה.
