Hogyan Készítsünk Háttérképet Egy Weboldalon

Tartalomjegyzék:

Hogyan Készítsünk Háttérképet Egy Weboldalon
Hogyan Készítsünk Háttérképet Egy Weboldalon

Videó: Hogyan Készítsünk Háttérképet Egy Weboldalon

Videó: Hogyan Készítsünk Háttérképet Egy Weboldalon
Videó: háttérkép berakása ł windows 10 2024, Lehet
Anonim

A webhelyépítés alapjait egyedül tanulhatja meg, elegendő információ található erről a témáról az Interneten és a könyvekben. A kezdeti szakaszban azonban gyakran nehézségek merülnek fel egy vagy másik címke használatában. Valójában a leggyakoribb komponensekre emlékezhetünk legjobban, mivel ezek elengedhetetlenek bármely weboldal írásakor.

Hogyan készítsünk háttérképet egy weboldalon
Hogyan készítsünk háttérképet egy weboldalon

Utasítás

1. lépés

Válassza ki a háttérképként használni kívánt képet. Ha szöveget kíván beilleszteni az ábra fölé, akkor ebben az esetben ajánlatos túlzott tarkaság nélkül olyan lehetőségekre korlátozódnia, amelyekben több, természetéhez közel álló színt használnak. Elvileg a hullámzások kiküszöbölése érdekében létrehozhat egy "hátteret" a tartalom számára - és a probléma sikeresen megoldódik.

2. lépés

Javítsa ki a képet az Adobe Photoshop segítségével. Ha végzett, válassza a Fájl menü Mentés webre parancsát, és válassza ki a kívánt mappát. Ha ez az első kép, amelyet a webhelyen használnak, akkor automatikusan létrejön a "Képek" mappa.

3. lépés

A címkébe írja be a background = "elérési út a képhez" attribútumot. Felvételi példa: vagy. Ugyanakkor ne feledje, hogy a címke csak egyszer jelenhet meg a kódban, nem szabad megsokszorozni.

4. lépés

Mentse a változásokat a Jegyzettömbbe, kattintson a böngészőben a "Frissítés" gombra. A háttérkép megjelenik a képernyőn. Ha a kép méretei kisebbek, mint a weboldal paraméterei, akkor a kép annyiszor duplikálódik, ahányszor szükséges a teljes hely kitöltéséhez. Kétféle módon lehet orvosolni ezt a hiányosságot:

• az Adobe Photoshop program segítségével állítsa be a szükséges képparamétereket pixelben ("Kép" - "Képméret");

• állítsa be a szükséges méreteket a html-kódban.

Például, ha a szélesség 1250 px, a magasság pedig 650 px, akkor hozzá kell adnia a szükséges attribútumokat ahhoz a táblázat cellához, amelybe a kép kerül.

A címkében nem állíthatja be a méretet - a kép mindig teljes méretben jelenik meg.

5. lépés

A cc-k analógja a háttérkép beszúrásához:

háttérkép

BODY {

háttérkép: url (images / bg.jpg);

}

A "background-image: url (images / bg.jpg)" attribútum a háttérkép elérési útja.

Ajánlott: