Hoe Om 'n Agtergrondfoto Op 'n Webwerf Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Agtergrondfoto Op 'n Webwerf Te Maak
Hoe Om 'n Agtergrondfoto Op 'n Webwerf Te Maak
Anonim

U kan self die basiese beginsels van werfbou leer; daar is genoeg inligting op die internet en boeke oor hierdie onderwerp. In die aanvanklike stadium ontstaan daar egter dikwels probleme met die gebruik van die een of ander merker. Die mees algemene komponente word inderdaad die beste onthou omdat dit noodsaaklik is by die skryf van 'n webwerf.

Hoe om 'n agtergrondfoto op 'n webwerf te maak
Hoe om 'n agtergrondfoto op 'n webwerf te maak

Instruksies

Stap 1

Kies die prentjie wat u as agtergrondprent wil gebruik. As u van plan is om teks oor die illustrasie in te voeg, is dit in hierdie geval raadsaam om u te beperk tot opsies sonder buitensporige variëteit, waarin verskillende kleure gebruik word wat van nature naby is. Om rimpelings uit te skakel, kan u in beginsel 'n 'agtergrond' vir die inhoud skep - en die probleem sal suksesvol opgelos word.

Stap 2

Korrigeer die prentjie met Adobe Photoshop. As u klaar is, kies die Save for Web-opdrag in die File-menu en kies die map wat u wil hê. As dit die eerste beeld is wat vir die werf gebruik word, word 'n "Beelde" -map outomaties geskep.

Stap 3

Skryf die kenmerk background = "path to image" in die tag. Rekordvoorbeeld: of. Hou terselfdertyd in gedagte dat die merker slegs een keer in die kode moet verskyn; dit moet nie vermenigvuldig word nie.

Stap 4

Stoor die veranderinge in die notaboek, klik op die knoppie "Opfris" in die blaaier. Die agtergrond sal op die skerm verskyn. As die afmetings van die prent kleiner is as die parameters van die webblad, sal die prent soveel keer as wat nodig is, gedupliseer word om die hele spasie te vul. Daar is twee maniere om hierdie tekort reg te stel:

• stel die vereiste beeldparameters in pixels met behulp van die Adobe Photoshop-program in ("Beeld" - "Beeldgrootte");

• stel die vereiste afmetings in die html-kode in.

As die breedte byvoorbeeld 1250 px is en die hoogte 650 px is, moet u die nodige eienskappe byvoeg vir die tafelsel waarin die prentjie geplaas sal word.

U kan nie die grootte in die etiket instel nie - die prentjie sal altyd in volle grootte vertoon word.

Stap 5

Analoog van ccs vir die invoeging van 'n agtergrondbeeld:

agtergrondprent

LIGGAAM {

agtergrond-beeld: url (images / bg.jpg);

}

Die kenmerk "background-image: url (images / bg.jpg)" is die pad na die agtergrondfoto.

Aanbeveel: