Bármely webhely kialakítása háttérképeken és színeken alapul, mint egy ház az alapon. Ha vágya van arra, hogy internetes erőforrása tipikus alapját valami egyedibbre cserélje, akkor kezdje a tervezés fejlesztésével. És ha elkészül, a tisztán technikai rész megmarad, vagyis az oldalak forráskódjában meghatározott webhely hátterének régi kialakítását lecseréli az újra. Ennek többféle módja van a gyakorlatban.
Utasítás
1. lépés
Először meg kell találnia, hogy a háttér melyik módja van a webhely jelenlegi verziójában. Ehhez nyissa meg az oldal HTML kódját. Ezt egy egyszerű szövegszerkesztővel teheti meg, ha a fájlt előre letölti a szerverről. Vagy használhatja a tartalomkezelő rendszer oldalainak szerkesztőjét, ha ilyet használ. Az oldalszerkesztő nem igényli a fájl letöltését, de közvetlenül a kiszolgálón módosítja azt a böngésző használatával interfészként. A megnyitott oldal HTML-kódja (HyperText Markup Language) a böngésző utasítássoraiból áll. Leírják a weboldal egyes elemeinek típusát, megjelenését és helyét. Ezeket az utasításokat általában "címkéknek" nevezik. Maguk a címkék sorrendje az oldalkódban szintén betartja a HTML nyelv szabályait - blokkokra vannak felosztva, amelyek közül az elsőnek egy címkével kezdődő és egy végű fejlécblokknak kell lennie. Ezt a tömböt kell követnie, amely most jobban érdekel - a dokumentum törzse. Címkékre és. A blokk () nyitó címkéjébe információkat tehet az oldal hátteréről. Az ilyen információkat a címkéken belül "attribútumoknak" nevezik. A háttérszínt meghatározó törzscímke attribútumát bgcolor-ként jelöljük, és a kódban ez így nézhet ki: Itt az oldal háttérszínét ezüstre állítjuk. A böngésző felismerhet néhány színt a nevük alapján, de azért, hogy ne tévedjünk, jobb, ha megadjuk a hexadecimális kódokat. Ez a hexadecimális kifejezéssel ellátott ezüst színű változat így fog kinézni: Tehát meg kell találnia az <body kezdetű címkét az oldal kódjában, és ellenőriznie kell, hogy van-e háttérszíne. Ha igen, cserélje ki a benne található színjelzést az új verzióra, és mentse a változtatásokat az oldalra.
2. lépés
A webhely jelenlegi kialakításának hátterét nem szín, hanem kép alapján lehet beállítani. A törzscímke megfelelő attribútumát háttérnek hívják, és így nézhet ki a kódban: Itt a háttér a szerver img mappájából származó bg.jpg
3. lépés
A viszonylag összetett kialakítású oldalak megjelenésének leírásakor használja a "kaszkád stíluslapokat" - CSS (Cascading Style Sheets). A CSS-kód blokkjai közvetlenül az oldalkódba illeszthetők, vagy a css kiterjesztésű külső fájlban találhatók. Az oldal kódjának fejlécében (a és a tagek között) meg kell keresnie a <style kezdetű stílusleíró címkét. Ha egy külső fájlra mutató hivatkozást tartalmaz, akkor a következőképpen néz ki: @import "style.css"; Itt található egy link a style.css nevű stíluslapra. Meg kell nyitnia a megadott fájlt szerkesztéshez. És ha nincs link, és a nyitó <style tag után vannak stílusutasítások, akkor itt kell szerkesztenie őket. Mindkét lehetőségnél a stílusleírások között meg kell keresni azokat, amelyek a dokumentum törzséhez (törzs) kapcsolódnak. Ez a leírásblokk így nézhet ki: body {
háttérszín: Ezüst;
fekete szín;
} Itt ki kell cserélnie a háttérszín paraméter értékét az új szín értékére, és jobbnak kell lennie ugyanazon hexadecimális értékekkel. A CSS utasításainak háttérképopciójának így kell kinéznie: body {
háttér: # C0C0C0 URL (img / bg.jpg) ismétlés-y;
fekete szín;
} Itt a képre mutató link hasonló a fent tárgyalthoz, és a link előtti # C0C0C0 azt jelenti, hogy az az oldaltér, amelyet nem foglal el a háttérkép, ezüst háttérrel rendelkezik. Az "Ismétlés-y" azt jelzi, hogy a háttérképet meg kell szorozni az Y (függőleges) tengely mentén. Az "ismétlés-y" helyettesíthető az "ismétlés-x" (vízszintes replikáció) vagy a "nem ismétlés" (ne replikálódjon) szavakkal. Ha egyáltalán nem adja meg az ismétlést, akkor a háttérkép minden irányban az oldal háttérterére kerül.
