Video: Qliqqer.com: Een afbeelding als achtergrond van je site instellen 2025
Achtergronden voor webpagina's maken in Adobe Dreamweaver CS6 is leuk en kan op meer manieren worden nagestreefd dan de meeste mensen zich kunnen voorstellen. U kunt een herhalend patroon maken met een enkele kleine afbeelding, een watermerk maken of een grote afbeelding gebruiken om een volledige achtergrond te vullen.
Standaard wordt in een HTML-achtergrond de geselecteerde afbeelding herhaald totdat deze het scherm vult. In combinatie met CSS-eigenschappen kunt u herhalingsgedrag regelen of elimineren en zelfs een nauwkeurige positionering instellen voor een enkele achtergrondafbeelding.
Als u een achtergrond met een patroon vult, zorg er dan voor dat u een patroonafbeelding maakt die geen waarneembare randen heeft.
Ga als volgt te werk om de standaard, herhaalde herhaling voor een achtergrondafbeelding te gebruiken:
-
Kies in Photoshop Bestand → Nieuw om een nieuwe afbeelding te maken.
-
Maak in het dialoogvenster Nieuw een afbeelding die veel breder is dan hoog, kies RGB, kies 72 dpi en klik op OK.
Voer bijvoorbeeld 1000 in het tekstveld Breedte in en 20 in het tekstvak Hoogte.
-
Selecteer een voorgrond- en achtergrondkleur om een overvloeiing te maken; gebruik dan het gereedschap Verloop om te verschuiven + sleep van de bovenkant naar de onderkant van het afbeeldingsgebied om een verloopvulling te maken.
-
Kies Bestand → Opslaan voor web, sla de afbeelding op als een JPEG-bestand in de webcontentmap van uw site en sluit de afbeelding.
-
Kies in Dreamweaver Modify → Page Properties of klik op de knop Pagina-eigenschappen in de eigenschappencontrole om de afbeelding als achtergrondafbeelding op uw webpagina te plaatsen.
Als de knop Pagina-eigenschappen niet zichtbaar is, klikt u op de pagina. Zorg ervoor dat u geen ander element selecteert, zoals een afbeelding.
Het dialoogvenster Pagina-eigenschappen verschijnt.
-
Klik in het dialoogvenster Pagina-eigenschappen op de knop Bladeren rechts van de achtergrondafbeelding. Blader in het venster dat verschijnt naar de locatie van uw opgeslagen achtergrondafbeelding en klik vervolgens op OK.
-
Klik in het dialoogvenster Pagina-eigenschappen op OK.
De afbeelding verschijnt op de achtergrond en wordt herhaald en maakt een cool achtergrondverloop over de pagina!
Afhankelijk van de grootte en resolutie van de monitor van een gebruiker, kan het zijn dat uw achtergrondafbeelding moet worden herhaald. Het herhalen van een achtergrondafbeelding kan enkele creatieve resultaten opleveren.
In bepaalde gevallen ziet u uw achtergrond mogelijk pas wanneer u op Voorbeeld / foutopsporing in browser klikt en een voorbeeld van de pagina in uw standaardbrowser bekijkt.
