Kako Dodati Pozadinu Web Mjestu

Sadržaj:

Kako Dodati Pozadinu Web Mjestu
Kako Dodati Pozadinu Web Mjestu
Anonim

Pozadina u izvornom kodu web stranica, ovisno o korištenom dizajnu, može se postaviti određivanjem boje ili povezivanjem na slikovnu datoteku uz dodatak njezinih parametara pozicioniranja. To se može učiniti izravno u HTML oznakama, u zasebnom CSS bloku u zaglavnom dijelu izvora ili u zasebnoj datoteci s opisima stilova.

Kako dodati pozadinu web mjestu
Kako dodati pozadinu web mjestu

Upute

Korak 1

Otvorite izvorni kod bloka koji se koristi na vašoj web lokaciji za postavljanje pozadine njegovih stranica. Kada se koristi bilo koji upravljački sustav, ovaj se blok u pravilu dodjeljuje u zasebnu datoteku. Sam kontrolni sustav ima alate za njegovo uređivanje izravno u pregledniku. Ovisno o određenom sustavu, ovaj se postupak može organizirati na različite načine - na primjer, putem uređivača stranica. Ako ne koristite kontrolne sustave, tada se odgovarajuća datoteka mora preuzeti na vaše računalo i otvoriti u bilo kojem uređivaču. Bolje je koristiti specijalizirani HTML uređivač, ali možete koristiti i najjednostavniji Notepad.

Korak 2

Oznaci body dodajte atribut bgcolor koji označava nijansu boje ako bi pozadina stranice trebala biti boja, a ne slika. Na primjer:

Ovdje je tamno narančasta boja kao pozadina. Preglednik ne može prepoznati svaki tekstualni ("mnemonički") naziv nijanse, pa je bolje koristiti heksadecimalni kôd boje. Na primjer, kod FF8C00 odgovara tamno narančastoj boji:

3. korak

Upotrijebite atribut pozadine umjesto bgcolor na oznaci tijela ako će pozadinu postavljati slika, a ne boja. Na primjer, ako se datoteka s pozadinskom slikom naziva bgPic

4. korak

Postavite opis stila u zaglavlje izvornog koda ako želite postaviti pozadinu stranice pomoću CSS-a. Na primjer, opis CSS stila koji zamjenjuje tamno narančastu boju navedenu u oznaci tijela kao pozadina može izgledati ovako:

tijelo {background-color: DarkOrange;}

Možete postaviti pozadinsku sliku sa sljedećim opisom stila:

body {pozadina: # FF8C00 url (images / bgPic.gif) repeat-y;}

Ovdje je uz vezu na sliku naznačena i boja pozadine (# FF8C00) - ako na stranici postoje mjesta koja nisu pokrivena pozadinskom slikom, tada će biti obojana u ovdje navedenoj nijansi boja. Parametar repeat-y određuje ponavljanje pozadinske slike okomito (duž Y osi). Ako trebate sliku ponoviti vodoravno, trebali biste upotrijebiti vrijednost repeat-x, a zabraniti ponavljanje uzorka - bez ponavljanja. Opise stilova možete postaviti ispred oznake koja zatvara zaglavni dio HTML koda.

Korak 5

Spremite promjene izvršene u uređivaču stranica ili spremite i prenesite preuzetu datoteku natrag na poslužitelj ako je kôd uređen u datoteci na vašem računalu.

Preporučeni: