Kako Dodati Pozadinu Web Lokaciji

Sadržaj:

Kako Dodati Pozadinu Web Lokaciji
Kako Dodati Pozadinu Web Lokaciji

Video: Kako Dodati Pozadinu Web Lokaciji

Video: Kako Dodati Pozadinu Web Lokaciji
Video: [HTML Tutorijali] - Kako dodati pozadinu ili sliku u html-u. 2024, Maj
Anonim

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

Kako dodati pozadinu web lokaciji
Kako dodati pozadinu web lokaciji

Instrukcije

Korak 1

Otvorite izvorni kod bloka koji se koristi na vašoj web lokaciji za postavljanje pozadine njegovih stranica. Kada se koristi bilo koji kontrolni sistem, ovaj se blok, u pravilu, dodjeljuje u zasebnu datoteku. Sam kontrolni sistem ima alate za njegovo direktno uređivanje u pretraživaču. Ovisno o određenom sistemu, ovaj postupak se može organizirati na različite načine - na primjer, putem uređivača stranica. Ako ne koristite kontrolne sisteme, odgovarajuću datoteku morate preuzeti na računar 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 svako tekstualno ("mnemotehničko") ime nijanse, pa je bolje koristiti heksadecimalni kod boje. Na primjer, kod FF8C00 odgovara tamno narančastoj boji:

Korak 3

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

Korak 4

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 pored veze na sliku naznačena i boja pozadine (# FF8C00) - ako na stranici postoje mjesta koja nisu pokrivena pozadinskom slikom, tada će biti obojena u nijansu boja koja je ovdje navedena. Parametar repeat-y specificira ponavljanje pozadinske slike vertikalno (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 napravljene u uređivaču stranica ili preuzmite preuzetu datoteku natrag na server ako je kôd uređen u datoteci na vašem računaru.

Preporučuje se: