Hoe Maak Je Een Achtergrondafbeelding Op Een Website

Inhoudsopgave:

Hoe Maak Je Een Achtergrondafbeelding Op Een Website
Hoe Maak Je Een Achtergrondafbeelding Op Een Website

Video: Hoe Maak Je Een Achtergrondafbeelding Op Een Website

Video: Hoe Maak Je Een Achtergrondafbeelding Op Een Website
Video: Hoe een achtergrond afbeelding plaatsen op WordPress 2024, Mei
Anonim

U kunt zelf de basis van het bouwen van een site leren; er is voldoende informatie over dit onderwerp op internet en boeken. In de beginfase doen zich echter vaak problemen voor bij het gebruik van een of andere tag. Inderdaad, de meest voorkomende componenten worden het best onthouden omdat ze essentieel zijn bij het schrijven van een website.

Hoe maak je een achtergrondafbeelding op een website
Hoe maak je een achtergrondafbeelding op een website

instructies:

Stap 1

Selecteer de afbeelding die u als achtergrondafbeelding wilt gebruiken. Als u tekst over de afbeelding wilt invoegen, is het in dit geval raadzaam om u te beperken tot opties zonder al te veel variatie, waarbij verschillende kleuren worden gebruikt die van nature dicht bij elkaar liggen. Om rimpelingen te elimineren, kunt u in principe een "achtergrond" voor de inhoud maken - en het probleem zal met succes worden opgelost.

Stap 2

Corrigeer de afbeelding met Adobe Photoshop. Als u klaar bent, kiest u de opdracht Opslaan voor web in het menu Bestand en selecteert u de gewenste map. Als dit de eerste afbeelding is die voor de site wordt gebruikt, wordt automatisch een map "Afbeeldingen" gemaakt.

Stap 3

Schrijf in de tag het attribuut background = "path to image". Recordvoorbeeld: of. Houd er tegelijkertijd rekening mee dat de tag maar één keer in de code mag voorkomen, hij mag niet worden vermenigvuldigd.

Stap 4

Sla de wijzigingen op in Kladblok, klik op de knop "Vernieuwen" in de browser. De achtergrond verschijnt op het scherm. Als de afmetingen van de afbeelding kleiner zijn dan de parameters van de webpagina, wordt de afbeelding zo vaak gedupliceerd als nodig is om de volledige ruimte te vullen. Er zijn twee manieren om deze tekortkoming te corrigeren:

• stel met behulp van het Adobe Photoshop-programma de vereiste afbeeldingsparameters in pixels in ("Image" - "Image size");

• stel de gewenste afmetingen in de html-code in.

Als de breedte bijvoorbeeld 1250 px is en de hoogte 650 px, moet u de nodige attributen toevoegen voor de tabelcel waarin de afbeelding wordt geplaatst.

U kunt de grootte niet instellen in de tag - de afbeelding wordt altijd op volledige grootte weergegeven.

Stap 5

Analoog van ccs voor het invoegen van een achtergrondafbeelding:

achtergrond afbeelding

LICHAAM {

achtergrondafbeelding: url (afbeeldingen / bg.jpg);

}

Het attribuut "achtergrondafbeelding: url (afbeeldingen / bg.jpg)" is het pad naar de achtergrondafbeelding.

Aanbevolen: