Hoe De Achtergrond Van De Site Te Veranderen

Inhoudsopgave:

Hoe De Achtergrond Van De Site Te Veranderen
Hoe De Achtergrond Van De Site Te Veranderen

Video: Hoe De Achtergrond Van De Site Te Veranderen

Video: Hoe De Achtergrond Van De Site Te Veranderen
Video: hoe zet je een achtergrond op google chrome 2024, December
Anonim

Als de achtergrond van de pagina's van uw site uit één afbeelding bestaat, die de breedte van de site heeft en verticaal is vermenigvuldigd, kunt u deze alleen wijzigen door deze afbeelding in een grafische editor te bewerken. En als de achtergrond wordt gevormd in de code van de pagina's, dan kunnen ze worden gewijzigd met behulp van de onderstaande instructies.

Hoe de achtergrond van de site te veranderen
Hoe de achtergrond van de site te veranderen

instructies:

Stap 1

Om de achtergrond te wijzigen, moet u eerst bepalen hoe deze is ingesteld in de huidige versie van de sitepagina's. Open hiervoor de broncode van de pagina op de server. Dit kan met een gewone teksteditor, een standaard Kladblok is voldoende. En als u een contentmanagementsysteem gebruikt, kan de pagina direct in de browser worden bewerkt met behulp van de ingebouwde pagina-editor. De HTML-code van de pagina (HTML - HyperText Markup Language, "hypertext markup language") bestaat uit regels met instructies voor de browser die de typen, het uiterlijk en de lay-out van elk element van de webpagina beschrijven. Deze instructies worden "tags" genoemd en ze zijn gegroepeerd in blokken, waarvan er één begint met een starttag en eindigt met een eindtag. Volgens HTML-standaarden kunt u pagina-achtergrondparameters instellen in de openingstag. Dit doe je door er het bgcolor attribuut in te plaatsen: Hier wordt de achtergrondkleur van deze pagina op groen gezet. Sommige kleuren volgens HTML-standaarden hebben hun eigen namen, bijvoorbeeld Chocolate of Gainsboro, maar gebruiken meestal hexadecimale kleurcodes: als de achtergrondkleur op deze manier is gespecificeerd, moet u de body-tag in de paginacode vinden en het attribuut bgcolor vervangen waarde met degene die je wilt.

Stap 2

Pagina's met een complexer ontwerp gebruiken vaak CSS (Cascading Style Sheets) om het uiterlijk te beschrijven. CSS is een taal die speciaal is ontworpen om het uiterlijk van elementen in een html-document te beschrijven. Blokken CSS-code kunnen ofwel in de paginacode worden opgenomen, in een apart bestand met de extensie "css" en met een speciale instructie in de paginabroncode aan de pagina worden gekoppeld. U vindt de tag in de paginacode - als het verwijst naar een extern bestand, moet u dit bestand openen om te bewerken. Zo'n link kan er als volgt uitzien: @import "style.css"; En als de tag onmiddellijk gevolgd wordt door instructies, en niet een link naar het bestand, dan moet je de stijlen hier aanpassen. In beide gevallen moet u zoeken naar het deel van de stijlbeschrijving dat verwijst naar de hoofdtekst van het document - hoofdtekst. Maar in de CSS-taal zal dit niet langer een "tag" worden genoemd maar een "selector", en het kan er bijvoorbeeld zo uitzien:

lichaam {

achtergrondkleur: Groen;

kleur wit;

}

U moet de waarde van de parameter background-color vervangen - deze stelt de achtergrondkleur van de pagina in. En ook hier is het mogelijk om enkele kleurschakeringen bij naam aan te geven, maar het is beter om hexadecimale waarden te gebruiken. Bijvoorbeeld de hexadecimale waarde voor de tint Chocolate = # D2691E. Het is mogelijk om niet alleen de kleur, maar ook de afbeelding voor de achtergrond op te geven: body {

achtergrond: Groene url (img / bg.jpg) repeat-x;

kleur wit;

} Hier betekent url (img / bg.jpg) dat een afbeelding met de naam bg.jpg

Aanbevolen: