Hvordan Lage Et Bakgrunnsbilde På Et Nettsted

Innholdsfortegnelse:

Hvordan Lage Et Bakgrunnsbilde På Et Nettsted
Hvordan Lage Et Bakgrunnsbilde På Et Nettsted

Video: Hvordan Lage Et Bakgrunnsbilde På Et Nettsted

Video: Hvordan Lage Et Bakgrunnsbilde På Et Nettsted
Video: How To Make HD Wallpaper Website With Wordpress 2024, November
Anonim

Du kan lære det grunnleggende om bygging av nettsteder på egen hånd; det er nok informasjon om dette emnet på Internett og bøker. I begynnelsen oppstår det imidlertid ofte vanskeligheter med bruken av en eller annen tag. Faktisk huskes de vanligste komponentene best, da de er viktige når du skriver et nettsted.

Hvordan lage et bakgrunnsbilde på et nettsted
Hvordan lage et bakgrunnsbilde på et nettsted

Bruksanvisning

Trinn 1

Velg bildet du vil bruke som bakgrunnsbilde. Hvis du har tenkt å sette inn tekst over illustrasjonen, er det i dette tilfellet tilrådelig å begrense deg til alternativer uten overdreven variert, der det brukes flere farger som har nær natur. I prinsippet, for å eliminere krusninger, kan du opprette en "bakgrunn" for innholdet - og problemet blir vellykket løst.

Steg 2

Korriger bildet med Adobe Photoshop. Når du er ferdig, velger du Lagre for web-kommandoen fra Fil-menyen og velger mappen du vil ha. Hvis dette er det første bildet som brukes til nettstedet, opprettes automatisk en "Bilder" -mappe.

Trinn 3

Skriv attributtet background = "path to image" i taggen. Record eksempel: eller. Samtidig må du huske at koden bare skal vises en gang i koden, den skal ikke multipliseres.

Trinn 4

Lagre endringene i notisblokken, klikk på "Oppdater" -knappen i nettleseren. Bakgrunnen vises på skjermen. Hvis dimensjonene på bildet er mindre enn parameterne på websiden, vil bildet dupliseres så mange ganger som nødvendig for å fylle hele plassen. Det er to måter å rette opp denne mangelen på:

• angi de nødvendige bildeparametrene i piksler ved hjelp av Adobe Photoshop-programmet ("Image" - "Image size");

• angi de nødvendige dimensjonene i html-koden.

For eksempel, hvis bredden er 1250 px, og høyden er 650 px, må du legge til de nødvendige attributtene for tabellcellen der bildet skal plasseres.

Du kan ikke angi størrelsen i taggen - bildet vil alltid vises i full størrelse.

Trinn 5

Analog av ccs for å sette inn et bakgrunnsbilde:

bakgrunnsbilde

KROPP {

bakgrunnsbilde: url (bilder / bg.jpg);

}

Attributtet "bakgrunnsbilde: url (bilder / bg.jpg)" er banen til bakgrunnsbildet.

Anbefalt: