 |
Bakgrundsbild |
1. Allmänt
Den här sidan berättar om hur man använder sig av bakgrundsbilder. För att lägga in en bakgrundsbild använder man sig av attributet background, som läggs in i BODY:
<BODY background="bakgrundsbild.gif">
JPå den här sidan visar jag inte hur man gör i detalj i de olika ritprogrammen, utan det får man lära sig själv. Läs mer om det på mina sidor som heter Programkunskap >
Jag berättar lite om hur man styr bakgrundsbilden med en stilmall. Om du vill veta mer har jag skrivit om det på en särskild sida i sektionen om stilmallar. Läs mer >
2. Vanlig bakgrund
Vad menas med en "vanlig" bakgrundsbild? Här skall jag försöka visa på några olika sätt att arbeta.
En bakgrund kan vara till för olika saker, t.ex få sidan att se lite mer inbjudande ut eller få besökaren att vakna till. Nedan har jag gjort några sådana sidor för att du skall se vad jag menar (länkarna öppnas i ett separat fönster):
- Exempel 1 > (Alla exempel öppnas i ett nytt fönster!)
- Exempel 2 >
- Exempel 3 >
- Exempel 4 >
- Exempel 5 >
3. Vertikal avgränsning
Förutom de vanliga bakgrundsbilderna kan man också göra sådana som på olika sätt avgränsar sidan. Man gör då en enkel bild, 1 pixel hög och några pixlar bred. Mitt i bilden gör man en övergång från en färg till en annan. Här är bilden i förstoring. Varje färgat fält är i original blott en pixel stor:
Här kan du titta på exemplet i praktiken (öppnas i ett separat fönster):
- Exempel 6 > (Öppnas i ett nytt fönster!)
Färgerna kan man alltid variera, liksom hur bred avgränsaren skall vara. Här har jag valt en ganska klassisk modell. Experimentera gärna själv!
4. Horisontell avgränsning
Vill man göra en horisontell avgränsare gör man lämpligen på samma sätt. Använder man en toppframe går det ju alldeles utmärkt, eftersom bakgrunden alltid repeteras nedåt. Självklart kan man även använda en stilmall, motsvarande den jag visade i exempel 6, men med repeat-x i stället.
Här till höger ser du bilden i förstoring och något beskuren. Varje färgat fält är i original blott en pixel stor.
Här kan du titta på exemplet i praktiken (öppnas i ett separat fönster):
- Exempel 7 > (Öppnas i ett nytt fönster!)
Tycker man inte att den vita färgen är så lämplig, kan man bara kombinera en bakgrundsbild med en valfri bakgrundsfärg, t.ex så här (öppnas i ett separat fönster):
- Exempel 8 > (Öppnas i ett nytt fönster!)