Sådan Tilføjes En Baggrund Til Webstedet

Indholdsfortegnelse:

Sådan Tilføjes En Baggrund Til Webstedet
Sådan Tilføjes En Baggrund Til Webstedet

Video: Sådan Tilføjes En Baggrund Til Webstedet

Video: Sådan Tilføjes En Baggrund Til Webstedet
Video: Fotobog: Sådan arbejder du med baggrunde 2024, Kan
Anonim

Afhængigt af det anvendte design kan baggrunden i kildekoden til websider indstilles enten ved at angive en farve eller ved at linke til en billedfil med tilføjelse af dens placeringsparametre. Dette kan gøres direkte i HTML-tags, i en separat CSS-blok i kildens headerdel eller i en separat fil med typebeskrivelser.

Sådan tilføjes en baggrund til webstedet
Sådan tilføjes en baggrund til webstedet

Instruktioner

Trin 1

Åbn kildekoden for den blok, der bruges på dit websted for at indstille baggrunden for dens sider. Når du bruger et hvilket som helst kontrolsystem, tildeles denne blok som regel i en separat fil. Selve kontrolsystemet har værktøjer til at redigere det direkte i browseren. Afhængigt af det specifikke system kan denne procedure organiseres på forskellige måder - for eksempel gennem sideeditoren. Hvis du ikke bruger kontrolsystemer, skal den tilsvarende fil downloades til din computer og åbnes i en hvilken som helst editor. Det er bedre at bruge en specialiseret HTML-editor, men du kan også bruge den enkleste notesblok.

Trin 2

Tilføj en bgcolor-attribut til body tag, der angiver farvenuancen, hvis baggrunden på siden skal være en farve, ikke et billede. For eksempel:

Her er en mørk orange farve som baggrund. Ikke ethvert tekstligt ("mnemonic") navn på skyggen kan genkendes af browseren, så det er bedre at bruge en hexadecimal farvekode. For eksempel svarer koden FF8C00 til en mørk orange farve:

Trin 3

Brug baggrundsattributten i stedet for bgfarve på body-tagget, hvis baggrunden skal indstilles af et billede i stedet for en farve. For eksempel, hvis filen med baggrundsbilledet hedder bgPic

Trin 4

Placer en stilbeskrivelse i overskriften på din kildekode, hvis du vil indstille baggrunden på siden ved hjælp af CSS. For eksempel kan en CSS-stilbeskrivelse, der erstatter den mørkeorange farve, der er angivet i body-tagget som baggrund, se sådan ud:

body {baggrundsfarve: DarkOrange;}

Og du kan indstille et baggrundsbillede med følgende stilbeskrivelse:

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

Her er, ud over linket til billedet, også baggrundsfarven (# FF8C00) angivet - hvis der er steder på siden, der ikke er dækket af baggrundsbilledet, males de i den farveskygge, der er angivet her. Gentag-y-parameteren specificerer gentagelsen af baggrundsbilledet lodret (langs Y-aksen). Hvis du har brug for at gentage billedet vandret, skal du bruge repeat-x-værdien og forbyde gentagelse af mønsteret - no-repeat. Du kan placere stilbeskrivelser foran mærket, der lukker overskriftsdelen af HTML-koden.

Trin 5

Gem de ændringer, der er foretaget i sideeditoren, eller gem og upload den downloadede fil tilbage til serveren, hvis koden blev redigeret i en fil på din computer.

Anbefalede: