Bakgrunnen er et av de mest avgjørende elementene på et nettsted. En god bakgrunn skaper tonen for nettstedet og utfyller innholdet. Det er mange forskjellige måter å legge til en bakgrunn, hver vei med et annet formål. Noen metoder lar deg bruke bakgrunnen på alle sidene på et nettsted, mens andre begrenser bakgrunnen til bare en bestemt side. Denne artikkelen lærer deg hvordan du legger til en bakgrunn på nettstedet ditt ved hjelp av HTML eller CSS.
Trinn
Metode 1 av 2: HTML -metoder
Ensfarget bakgrunn
Legg til en bakgrunn på et nettsted Trinn 1
Trinn 1. En ensfarget bakgrunn er den mest grunnleggende typen bakgrunn som du kan sette på et nettsted
Faktisk begynner hvert nettsted med en hvit bakgrunn som standard. Selv om en hvit bakgrunn kan se veldig slank og ren ut når den brukes med et harmonisk fargevalg, kan en annen farget bakgrunn favoriseres med forskjellige temaer.
Legg til en bakgrunn på et nettsted Trinn 2
Trinn 2. Åpne webkoden (kilde)
Legg til en bakgrunn på et nettsted Trinn 3
Trinn 3. I body -taggen, legg til et attributt som heter bgcolor
Nå bør kroppskoden din se slik ut-
der COLORNAME er navnet på fargen. FARGENAVN kan fylles med mange typer fargerepresentanter-
(fargenavn)
(hex -verdi)
(RGB -verdi)
Legg til en bakgrunn på et nettsted Trinn 4
Trinn 4. Eksperimentering med RGB og # kan føre til mange nyanser, men du kan ta den enkle første måten
Men husk at å skrive en uvanlig farge som "Ultramarine Bluish Green" vil resultere i hvitt.
Legge til et bakgrunnsbilde
Å legge til et bakgrunnsbilde er litt mer komplisert enn en ensfarget bakgrunn
Legg til en bakgrunn på et nettsted Trinn 5
Trinn 1. Legg til bakgrunnsegenskapen i body-taggen, så det ser slik ut-
hvor SRC er kilden til bildet SRC kan være i samme mappe eller en annen mappe/webside.
(i samme mappe)
(inne i en annen mappe)
(på en annen webside)
Legg til en bakgrunn på et nettsted Trinn 6
Trinn 2. Husk å skrive filtypen.gif /-j.webp" />
Metode 2 av 2: CSS -metoder
Legg til en bakgrunn på et nettsted Trinn 6
Ensfarget bakgrunn
Legg til en bakgrunn på et nettsted Trinn 7
Trinn 1. For å legge til en ensfarget bakgrunn i CSS, legg til et stilattributt
Du kan også gi ID -er og klasser og bruke både eksterne og interne stilark.
Legg til en bakgrunn på et nettsted Trinn 8
Trinn 2. Kroppskoden din skal se slik ut-
der FARGENAVN er navnet på fargen, hex -verdien eller RGB (Husk også de siste trinnene i den ensfargede bakgrunnen i HTML, de gjelder også her).
Legge til et bilde
Legg til en bakgrunn på et nettsted Trinn 9
Trinn 1. For å legge til et bilde, legg til style -attributtet i body -taggen
Du kan også gi ID -er og klasser og bruke både eksterne og interne stilark.
Legg til en bakgrunn på et nettsted Trinn 10
Trinn 2. Kroppskoden din skal nå se slik ut-
Legg til en bakgrunn på et nettsted Trinn 11
Trinn 3. Husk at SRC er kilden
Det kan være fra samme mappe, annen mappe eller en annen webside.
(i samme mappe)
(inne i en annen mappe)
(på en annen webside).
Legg til en bakgrunn på et nettsted Trinn 12
Trinn 4. Husk å legge til.extensions også
Gjentatt mønstret bakgrunn
Legg til en bakgrunn på et nettsted Trinn 13
Trinn 1. For å lage en gjentatt mønsterbakgrunn, legg til en bakgrunn som sagt i trinnene ovenfor
Kroppskoden din må nå endres til-
Hvor REPEAT-SETTINGS er innstillingene. Det kan være mange gjentatte innstillinger, som-
(Bakgrunnen gjentas både vertikalt og horisontalt.)
(Bakgrunnen gjentas horisontalt.)
(Bakgrunnen gjentas vertikalt.)
Fast bildebakgrunn
Legg til en bakgrunn på et nettsted Trinn 14
Trinn 1. Faste bildebakgrunner ser kule ut og endres ikke når du ruller ned
For å gjøre dem trenger du bare å gjøre noen enkle justeringer av koden i delen ovenfor. Gjør tilpasningene for å få body-taggen til å se slik ut-
der SRC er kilden til bakgrunnsbildet, er POSITION posisjonen til bildet (det kan variere fra sentrum til øverst til høyre); bakgrunnsvedlegg er den viktigste "katalysatoren" for denne bakgrunnstypen. Den brukes til å fortelle posisjonen til bakgrunnen, og det anbefales at den ikke endres.
Å bruke en grønn skjerm til å plassere et motiv i et falskt miljø pleide å være et verktøy som bare er tilgjengelig for spesialeffekter. I disse dager kan du legge til din egen bakgrunn for en "grønn skjerm" -effekt hjemme på din egen datamaskin.
Mange PowerPoint -brukere liker å sette presentasjonene sine til å kjøre i en lysbildefremvisning mens de diskuterer innholdet og leder samtalen. Noen presentasjoner kan imidlertid kreve at flere lysbilder blar forbi uten noen muntlig kommentar.
WordPress er en bloggplattform som har fått 18 millioner brukere gjennom sitt brukervennlige temasystem. Bloggere kan skrive på flere blogger og velge utseendet på innleggene sine. De kan også enkelt oppdatere bloggen sin ved å legge til tekst, bilder eller lenker fra en datamaskin eller en mobiltelefon.
Denne wikiHow lærer deg hvordan du plasserer en bakgrunn bak et annet bilde i Adobe Photoshop CS3. Trinn Trinn 1. Åpne Adobe Photoshop Det er et blått appikon som inneholder bokstavene " Ps ." Trinn 2. Klikk på Fil Det er på venstre side av menylinjen øverst på skjermen.
Gjennom årene har Facebooks nettgrensesnitt gått gjennom mange endringer; fra Vegg til Tidslinje. Men muligheten til å tilpasse bakgrunnen var aldri der. De eneste delene du kan tilpasse er visningsbildet og kontoforsidebildet. Hvis du alltid har ønsket å endre kontoens bakgrunnsdesign, rull ned til trinn 1 for noen enkle måter hvordan du kan gjøre det.
