Kako Napraviti Pozadinsku Sliku Na Web Mjestu

Sadržaj:

Kako Napraviti Pozadinsku Sliku Na Web Mjestu
Kako Napraviti Pozadinsku Sliku Na Web Mjestu

Video: Kako Napraviti Pozadinsku Sliku Na Web Mjestu

Video: Kako Napraviti Pozadinsku Sliku Na Web Mjestu
Video: Kako stvoriti QR kod u Google tablicama? + Prekrasni QR kodovi! 2024, Svibanj
Anonim

Osnove izrade web stranica možete naučiti sami; o tome postoji dovoljno podataka na Internetu i u knjigama. Međutim, u početnoj fazi često se javljaju poteškoće u korištenju jedne ili druge oznake. Zapravo, najčešće se komponente pamte jer su ključne za pisanje bilo koje web stranice.

Kako napraviti pozadinsku sliku na web mjestu
Kako napraviti pozadinsku sliku na web mjestu

Upute

Korak 1

Odaberite sliku koju želite koristiti kao pozadinsku sliku. Ako namjeravate umetnuti tekst preko ilustracije, tada je poželjno ograničiti se na opcije bez pretjeranog šarenila, u kojima se koristi nekoliko boja koje su bliske naravi. U principu, da biste uklonili mreškanje, možete stvoriti "pozadinu" za sadržaj - i problem će biti uspješno riješen.

Korak 2

Ispravite sliku pomoću Adobe Photoshopa. Kada završite, odaberite naredbu Spremi za web s izbornika Datoteka i odaberite željenu mapu. Ako je ovo prva slika koja se koristi za web mjesto, automatski se kreira mapa "Slike".

3. korak

U oznaku napišite atribut background = "path to image". Primjer zapisa: ili. Istodobno, imajte na umu da se oznaka u kodu treba pojaviti samo jednom, ne smije se množiti.

4. korak

Spremite promjene u bilježnicu, kliknite gumb "Osvježi" u pregledniku. Pozadina će se pojaviti na zaslonu. Ako su dimenzije slike manje od parametara web stranice, tada će se slika duplicirati onoliko puta koliko je potrebno da se popuni cijeli prostor. Postoje dva načina za ispravljanje ovog nedostatka:

• pomoću programa Adobe Photoshop postavite potrebne parametre slike u pikselima ("Slika" - "Veličina slike");

• postavite potrebne dimenzije u html-kodu.

Na primjer, ako je širina 1250 px, a visina 650 px, tada trebaš dodati potrebne atribute za ćeliju tablice u kojoj će se slika nalaziti.

Ne možete postaviti veličinu u oznaci - slika će se uvijek prikazivati u punoj veličini.

Korak 5

Analog ccs-a za umetanje pozadinske slike:

pozadinska slika

TIJELO {

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

}

Atribut "background-image: url (images / bg.jpg)" put je do pozadinske slike.

Preporučeni: