Een Achtergrond Aan De Site Toevoegen

Inhoudsopgave:

Een Achtergrond Aan De Site Toevoegen
Een Achtergrond Aan De Site Toevoegen

Video: Een Achtergrond Aan De Site Toevoegen

Video: Een Achtergrond Aan De Site Toevoegen
Video: Cursus HTML - Lettertypen en achtergrond toevoegen 2024, Mei
Anonim

De achtergrond in de broncode van webpagina's kan, afhankelijk van het gebruikte ontwerp, worden ingesteld door een kleur op te geven of door te linken naar een afbeeldingsbestand met toevoeging van de positioneringsparameters. Dit kan direct in HTML-tags, in een apart CSS-blok in het kopgedeelte van de broncode, of in een apart bestand met stijlbeschrijvingen.

Een achtergrond aan de site toevoegen
Een achtergrond aan de site toevoegen

instructies:

Stap 1

Open de broncode van het blok dat op uw site wordt gebruikt om de achtergrond van de pagina's in te stellen. Bij gebruik van een willekeurig besturingssysteem wordt dit blok in de regel in een apart bestand toegewezen. Het besturingssysteem zelf heeft tools om het rechtstreeks in de browser te bewerken. Afhankelijk van het specifieke systeem kan deze procedure op verschillende manieren worden georganiseerd, bijvoorbeeld via de pagina-editor. Als u geen besturingssystemen gebruikt, moet het bijbehorende bestand naar uw computer worden gedownload en in een willekeurige editor worden geopend. Het is beter om een gespecialiseerde HTML-editor te gebruiken, maar je kunt ook het eenvoudigste Kladblok gebruiken.

Stap 2

Voeg een bgcolor-attribuut toe aan de body-tag om de kleurtint aan te geven als de achtergrond van de pagina een kleur moet zijn en geen afbeelding. Bijvoorbeeld:

Hier is een donkeroranje kleur als achtergrond. Niet elke tekstuele ("ezelsbruggetje") naam van de tint kan door de browser worden herkend, dus het is beter om een hexadecimale kleurcode te gebruiken. De code FF8C00 komt bijvoorbeeld overeen met een donkeroranje kleur:

Stap 3

Gebruik het attribuut background in plaats van bgcolor op de body-tag als de achtergrond moet worden ingesteld door een afbeelding in plaats van door een kleur. Als het bestand met de achtergrondafbeelding bijvoorbeeld bgPic

Stap 4

Plaats een stijlbeschrijving in de kop van je broncode als je de achtergrond van de pagina wilt instellen met behulp van CSS. Een CSS-stijlbeschrijving die de donkeroranje kleur vervangt die is opgegeven in de body-tag als achtergrond, kan er bijvoorbeeld als volgt uitzien:

body {achtergrondkleur: DarkOrange;}

En u kunt een achtergrondafbeelding instellen met de volgende stijlbeschrijving:

body {achtergrond: # FF8C00 url (afbeeldingen / bgPic.gif) herhaal-y;}

Hier wordt, naast de link naar de afbeelding, ook de achtergrondkleur (# FF8C00) aangegeven - als er plaatsen op de pagina zijn die niet worden gedekt door de achtergrondafbeelding, dan worden deze in de hier gespecificeerde kleurtint geverfd. De parameter repeat-y specificeert de herhaling van de achtergrondafbeelding verticaal (langs de Y-as). Als u de afbeelding horizontaal moet herhalen, moet u de herhaal-x-waarde gebruiken en de herhaling van het patroon verbieden - niet herhalen. U kunt stijlbeschrijvingen plaatsen vóór de tag die het kopgedeelte van de HTML-code sluit.

Stap 5

Sla de wijzigingen op die zijn aangebracht in de pagina-editor, of sla het gedownloade bestand op en upload het terug naar de server als de code is bewerkt in een bestand op uw computer.

Aanbevolen: