Kada kreirate vlastitu web stranicu, prirodno je da želite da se prikazuje što atraktivnije, bez obzira na verziju korisničkog preglednika. Konkretno, tako da se slika u pozadini razvuče i prilagodi rezoluciji računarskog monitora.
Neophodno je
vještine u radu s html, css-om, java-skriptom
Instrukcije
Korak 1
Otvorite kôd za svoju web lokaciju u bilo kojem uređivaču, kao što je Notepad ili namjenski program za web dizajn Dreamweaver. Zalijepite sljedeće redove u kôd da biste protegnuli pozadinu stranice. Dodaj pozadinu: url (‘Umetni vezu na sliku’).
Korak 2
Za horizontalno veličinu slike upotrijebite sljedeći kod: Pozadina: url ('Umetni vezu na sliku' repeat-x), vertikalno - na kraju koda zamijenite x s y. Ako je web lokacija stilizirana u css datoteku, zalijepite kôd u nju. Na taj ćete način moći staviti gumeni pozadinu na svoju web lokaciju.
Korak 3
Upotrijebite sljedeći primjer koda da biste postavili pozadinsku sliku na stranicu i automatski je razvukli da odgovara rezoluciji monitora na kojem se stranica pregledava. Primjer koda: body {background: "Umetni vezu na pozadinsku sliku" () bez ponavljanja fiksni lijevi centar; zatim veličina pozadine: […].
Korak 4
Da biste razvukli pozadinsku sliku, jednostavno umetnite sliku kao pozadinu i postavite joj širinu na 100%. Na primjer, umetnite sljedeći tekst u kod stranice: background image "alt =" Unesite ime slike "/>. Stoga će se koristiti za prilagođavanje širini slike, ali će se kršiti njegovi proporcije.
Korak 5
Slično tome, možete postaviti sliku da se proteže u visinu, umjesto atributa širine koristite visinu. Ili koristite sljedeći primjer koda za css: pozadinska slika web lokacije) "> i nakon njega dodajte 100% širinu slike kao u prethodnom primjeru. Također možete koristiti skriptu da biste saznali korisničku razlučivost zaslona i uredili veličinu vašeg stola za to.
