Inlämningsuppgift 5 – Bilder och bakgrunder

Datakunskap
Värmdö Gymnasium
Inlämningsuppgift 5 – Bilder och bakgrunder
1.
Gå till t.ex. http://home4.swipnet.se/~w-43495/wall/wall.html och ladda ner en snygg bakgrundsbild. Du
får själv välja om den ska vara transparent eller inte.
2.
Gå till t.ex. http://www.bagism.com/colormaker/ och experimentera dig fram till en snygg och lättläst
färgkombination för bakgrund, text och länkar. Anteckna RGB-koderna för dessa färger så att du kan
använda dem senare. Bakgrundsfärgen bör gå i samma kulör som din bakgrundsbild.
Bakgrund:
#
Text:
#
Länkar:
#
Besökta länkar:
#
3.
Skapa en länk till hemsidan du gjorde förra gången.
4.
Använd dina kunskaper i sökning för att hitta och spara ner ett par transparenta respektive animerade GIFbilder från webben. Om du absolut inte kan hitta några sådana, finns det några stycken t.ex. på
http://www.iconbazaar.com/animated/
5.
Lägg dina bilder på en liten ”albumsida”. Var noga med att överallt ange alla parametrar om bildernas
storlekar (WIDTH, HEIGHT) samt alternativtexter (ALT) i din HTML-kod. Förse varje bild med en
förklarande bildtext, och se till att texten inte i något fall ligger närmare en bild än 4 bildpunkter. Placera
bilderna på sidan ungefär som på skissen nedan.
 Första bilden i webbsidans vänsterkant med bildtexten på bildens halva höjd (mitten).
 Andra bilden högerställd, med bildtext ovanpå. (Tips: <P ALIGN=”right”> runt text+bild). Undersök
dessutom vilken skillnad det blir om anger ALIGN=”right” som parameter till IMG eller inte. Nästa
bild ska ligga så att dess överkant inte ligger under nederkanten på denna bild, se exemplet nedan.
 Tredje bilden i vänster bildkant, med förklaringstexten vid nederkanten. Bilden ska ha ram runt sig,
 Fjärde bilden i webbsidans vänsterkant, med en lång text ”flytande” runt bildens högra sida.
/BJ
1 (1)