Kako Napraviti Pozadinsku Sliku Na Web Lokaciji

Sadržaj:

Kako Napraviti Pozadinsku Sliku Na Web Lokaciji
Kako Napraviti Pozadinsku Sliku Na Web Lokaciji

Video: Kako Napraviti Pozadinsku Sliku Na Web Lokaciji

Video: Kako Napraviti Pozadinsku Sliku Na Web Lokaciji
Video: Kako promijeniti pozadinsku sliku radne površine u Windows 7? 2024, Maj
Anonim

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

Kako napraviti pozadinsku sliku na web lokaciji
Kako napraviti pozadinsku sliku na web lokaciji

Instrukcije

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 iz izbornika Datoteka i odaberite željenu mapu. Ako je ovo prva slika koja se koristi za web lokaciju, tada se automatski kreira mapa "Slike".

Korak 3

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

Korak 4

Spremite promjene u bilježnicu, kliknite gumb "Osvježi" u pregledniku. Pozadina će se pojaviti na ekranu. Ako su dimenzije slike manje od parametara web stranice, tada će se slika duplicirati onoliko puta koliko je potrebno da se popuni čitav 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 morate dodati potrebne atribute za ćeliju tablice u koju će se slika smjestiti.

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

Korak 5

Analog ccs-a za umetanje pozadinske slike:

pozadinska slika

BODY {

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

}

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

Preporučuje se: