Kako Narediti Sliko Za Ozadje Na Spletnem Mestu

Kazalo:

Kako Narediti Sliko Za Ozadje Na Spletnem Mestu
Kako Narediti Sliko Za Ozadje Na Spletnem Mestu

Video: Kako Narediti Sliko Za Ozadje Na Spletnem Mestu

Video: Kako Narediti Sliko Za Ozadje Na Spletnem Mestu
Video: Экстра Блондин! Осветление волос Порошком | Уроки окрашивания волос пошагово! 2024, Maj
Anonim

Osnove gradnje spletnih strani se lahko naučite sami; o tej temi je na internetu in v knjigah dovolj informacij. Vendar se v začetni fazi pogosto pojavijo težave pri uporabi ene ali druge oznake. Dejansko se najpogostejše komponente najbolje zapomnijo, saj so bistvene pri pisanju katerega koli spletnega mesta.

Kako narediti sliko v ozadju na spletnem mestu
Kako narediti sliko v ozadju na spletnem mestu

Navodila

Korak 1

Izberite sliko, ki jo želite uporabiti kot sliko za ozadje. Če nameravate nad ilustracijo vstaviti besedilo, je v tem primeru priporočljivo, da se omejite na možnosti brez pretirane pestrosti, pri katerih je uporabljenih več barv, ki so si blizu. Načeloma lahko za odpravo valovanja ustvarite "ozadje" za vsebino - in težava bo uspešno rešena.

2. korak

Popravite sliko z Adobe Photoshop. Ko končate, v meniju Datoteka izberite ukaz Shrani za splet in izberite želeno mapo. Če je to prva slika, uporabljena za spletno mesto, se samodejno ustvari mapa "Slike".

3. korak

V oznako napišite atribut background = "pot do slike". Primer zapisa: ali. Hkrati ne pozabite, da se mora oznaka v kodi pojaviti le enkrat, ne sme se jo množiti.

4. korak

Shranite spremembe v beležko, v brskalniku kliknite gumb »Osveži«. Ozadje se prikaže na zaslonu. Če so dimenzije slike manjše od parametrov spletne strani, se slika podvoji tolikokrat, kolikor je potrebno, da zapolni ves prostor. To pomanjkljivost lahko odpravite na dva načina:

• s programom Adobe Photoshop nastavite zahtevane parametre slike v slikovnih pikah ("Slika" - "Velikost slike");

• nastavite zahtevane dimenzije v html-kodi.

Če je na primer širina 1250 px in višina 650 px, morate dodati potrebne atribute za celico tabele, v katero bo postavljena slika.

V oznaki ne morete nastaviti velikosti - slika bo vedno prikazana v polni velikosti.

5. korak

Analog ccs za vstavljanje slike v ozadju:

slika ozadja

TELO {

ozadje-slika: url (images / bg.jpg);

}

Atribut "background-image: url (images / bg.jpg)" je pot do slike v ozadju.

Priporočena: