Hur Man Lägger Till En Bakgrund Till Webbplatsen

Innehållsförteckning:

Hur Man Lägger Till En Bakgrund Till Webbplatsen
Hur Man Lägger Till En Bakgrund Till Webbplatsen

Video: Hur Man Lägger Till En Bakgrund Till Webbplatsen

Video: Hur Man Lägger Till En Bakgrund Till Webbplatsen
Video: hur man ändrar bakgrund på en dator #2 av tips på datorer 2024, Maj
Anonim

Bakgrunden till källkoden på webbsidor kan, beroende på vilken design som används, ställas in antingen genom att ange en färg eller genom att länka till en bildfil med tillägg av dess positioneringsparametrar. Detta kan göras direkt i HTML-taggar, i ett separat CSS-block i källans huvuddel eller i en separat fil med stilbeskrivningar.

Hur man lägger till en bakgrund till webbplatsen
Hur man lägger till en bakgrund till webbplatsen

Instruktioner

Steg 1

Öppna källkoden för blocket som används på din webbplats för att ställa in bakgrunden på dess sidor. När du använder valfritt styrsystem tilldelas detta block som regel i en separat fil. Kontrollsystemet i sig har verktyg för att redigera det direkt i webbläsaren. Beroende på det specifika systemet kan denna procedur organiseras på olika sätt - till exempel genom sidredigeraren. Om du inte använder styrsystem måste motsvarande fil laddas ner till din dator och öppnas i valfri redigerare. Det är bättre att använda en specialiserad HTML-redigerare, men du kan också använda det enklaste anteckningsblocket.

Steg 2

Lägg till attributet bgcolor till body-taggen som anger färgskärmen om bakgrunden på sidan ska vara en färg, inte en bild. Till exempel:

Här är en mörk orange färg som bakgrund. Inte alla textuella ("mnemonic") skuggans namn kan kännas igen av webbläsaren, så det är bättre att använda en hexadecimal färgkod. Till exempel motsvarar koden FF8C00 en mörkorange färg:

Steg 3

Använd bakgrundsattributet istället för bgcolor på body-taggen om bakgrunden ska ställas in av en bild istället för en färg. Till exempel, om filen med bakgrundsbilden heter bgPic

Steg 4

Placera en stilbeskrivning i rubriken på din källkod om du vill ställa in bakgrunden på sidan med CSS. Till exempel kan en CSS-stilbeskrivning som ersätter den mörkorange färgen som anges i body-taggen som bakgrund se ut så här:

body {bakgrundsfärg: DarkOrange;}

Och du kan ställa in en bakgrundsbild med följande stilbeskrivning:

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

Här, förutom länken till bilden, anges också bakgrundsfärgen (# FF8C00) - om det finns platser på sidan som inte täcks av bakgrundsbilden, kommer de att målas i den färgskugga som anges här. Repetera-y-parametern anger upprepningen av bakgrundsbilden vertikalt (längs Y-axeln). Om du behöver upprepa bilden horisontellt bör du använda repeterings-x-värdet och förbjuda repetitionen av mönstret - ingen upprepning. Du kan placera stilbeskrivningar före taggen som stänger rubrikdelen av HTML-koden.

Steg 5

Spara ändringarna i sidredigeraren, eller spara och ladda upp den nedladdade filen till servern om koden redigerades i en fil på din dator.

Rekommenderad: