Hogyan készítsünk egy webhely hátterét, egy nagy leckét
Tehát annak érdekében, hogy képet készítsen a webhelyen, meg kell tennünk néhány dolgot:
- Keresse meg ezt a képet, lehetőleg nagy felbontásban. Nagyon hűvös ebben az esetben, nézz képeket, ahol a középső üres, és az oldalán valami, ami rajzolódik, mert egy blog az optimális eredmény. Elvileg, most és a webhelyek törekszenek egy formátumú blogra, mivel szép és rendezett.
- Adja meg a kódot a css fájlban, ami segíteni fog nekünk, hogy a kép hátteret képezzen a webhelyen.
- Regisztrálj Divas-t
Az első bekezdéssel minden világos. Az igazság az, amikor én magam próbáltam megtalálni a szükséges képeket, nem sikerült. Kiváló megoldás egy ilyen kép készítése egy professzionális tervezőtől. Nos, vagy aspiráns lesz. A kapott képet fel kell töltenünk a tárhelyre, a mappába, ahol a képeink találhatók vagy a legmegfelelőbb mappában az Ön számára.
Készítsen egy kép hátteret a webhelyen css-ben
Ezután nyissa meg a file style.css fájlt, és hozzá kell adnia egy kódot a stílusfájlba, amelyben megadja a kép elérési útját. Miután letöltött egy ilyen képet a háttér kód segítségével, kitűnő hátteret kapunk a webhelyen. A style.css oldalon az egyik a következő oldalon található:
Amint a bal oldalon látható, a kék nyíl jelzi a kódot, amely lehetővé teszi a szükséges kép letöltését, a háttérkép további beillesztésére a webhelyen. Ugyanazt írhatja, ne felejtse el megváltoztatni a kép nevét a sajátjára. Mellesleg két tartályom van. A kép kimenetén a második a háttérre válaszol, és az első konténer színnel válaszol a háttérre. Ez úgy történik, hogy ha a kép valamilyen okból nem töltődik be, hátteret kap. És azt is alkalmazzák, hogy a kép nem különbözött a háttértől. Általában a kép szélei monotonok lesznek, hogy gyönyörű kombinációval rendelkezzenek, és ne fogják el a szemét. Amint láthatja, a hátterem betöltődik a fő mappából. Következő a kép tulajdonságai:
- A nem ismétlődő eszköz nem ismeri fel a képet vízszintesen vagy függőlegesen. Ha kicsit kicsit és megismételhetővé szeretné tenni a képet, meg kell adnia az ismétlődést az x vagy az y tengelyen.
- ismétlődő y függőleges ismétlés
- repeat-x ismétlődik vízszintesen, ha egyszerűen megismétli, akkor az ismétlés függőleges és vízszintes lesz.
- Nos, a középső tete azt jelzi, hogy a képet középre kell helyezni és a felső élre kell nyomni, ez egy nagyon jó munkamódszer, és gyakorlatilag minden célra megfelel.
Ezután meg kell találnunk egy címkét
a telep szerkezetében. Nekem van a fejlécben, az oldal fejlécében. Lásd a képet:
Amint látja, a kód beillesztve a css-ből, ez a kód segítségével történik:
Melyek a hátterek az oldalon?
A lecke végén nézzük meg, milyen háttérrel lehetünk. Mint mondtam, az egyik legmenőbb trükk egy monoton szélekkel rendelkező kép felhasználásával:
Amint láthatja, egyetlen színű barna tölteléket használnak a perem mentén. Itt ugyanazt a színt készítjük az egész webhelyen, és beillesztjük a képet. Tegyük fel, hogy van egy játék blog és a szerkezet maga a közepén. Szépség, nem?).
A háttér egyszerű színű is lehet, az ízlése szerint. De szinte hatástalannak tűnik, ez most nem győz meg semmit.
Szintén szép módja a zökkenőmentes háttér beillesztésére, ahogyan a webhelyen van, ha elég szép mintája van, akkor ez a háttér jól néz ki. Sok olyan szolgáltatás létezik, amellyel ilyen sokszínű és érdekes hátteret tehet. Ne felejtse el használni az ismétlő parancsot ebben az esetben.
Ajánlom olvasni:
Következő lecke: A Yandex Metric webhelyén egyszerű és egyszerű.
Előző lecke: Felfelé a helyszínen.