NinetNet 
HTML Bilder
|
|
BilderEn bild säger mer än tusen ord... Ja, ja, bla, bla... Men faktum är att bilder gör en hel del för en websidas utseende. 
Bilder är bra till mycket. Alla knappar och pilar och sånt man ser på websidor är i själva verket små bilder och ett foto kan ju pigga upp den allra tråkigaste text...
Bilden infogas med taggen <img> som också måste innehålla attributet "src" där man infogar sökvägen till bilden. Ingen sluttagg behövs. En bild kan man tillverka själv i ett bildbehandlingsprogram. Vill man använda egna foton måste man först och främst få in dem i sin dator, t.ex. läsa in dem med en scanner och sen spara dem på hårddisken. Numera kan man också när man framkallar sin film få bilderna på CD utan att det kostar alltför mycket extra! Eller du kanske har digitalkamera? |
Kort om Format och FilstorlekBildformatFör att en bild ska passa för webben måste den ha ett visst format. Format? Vad är nu det? Jo, formatet anges i filändelsen, d.v.s. de bokstäver som kommer efter punkten i filnamnet... Till exempel är "txt" och "doc" vanliga filändelser på textdokument. JPG (JPEG) GIF FilstorlekNär man har bilder på sin hemsida är det viktigt att de inte tar så mycket "utrymme" i anspråk. En bild med bra kvalitet d.v.s "hög upplösning" tar längre tid att ladda för webläsaren än en med "låg upplösning". På webben styr ju också skärmen hur "tydlig" bilden blir så att säga. Upplösningen på en bild mäts i DPI och högre DPI än 90 är inte stor idé att ha på en webbild, för skillnaden syns ändå inte på skärmen. Normalt brukar 72 DPI anses räcka. För att inte din sida ska bli seg att ladda gör du klokt i att komprimera dina bilder. Ett foto du läst in med scannern kan ta väldigt stor plats om du inte gör någonting åt den. Om du har prövat att maila en bild du scannat in, vet du kanske vad det rör sig om... Läs mer om bilder för webben under rubriken: GRAFIK Infoga bilderAtt infoga en bild är inte alls svårt. Så här skriver man in bilden på sidan:
I exemplet ovan förutsätts att "bild.gif" ligger i samma mapp som din sida. Om bilden är placerad i en speciell mapp måste man även skriva in mappnamnet. HELA sökvägen så att säga...
Var dessutom noga med filnamnet! "Bild.gif" är INTE detsamma som "bild.gif". Det är noga här med stora och små bokstäver! Använd inte heller "å, ä, ö" i filnamnet så undviker du en massa trassel! För att sidan ska gå snabbare att ladda bör man också ange bredd och höjd. För att ta reda på bildens storlek öppnar du den i ditt bildbehandlingsprogram och kollar.
Blir så här: 
Man kan också ange en annan höjd och bredd än bilden egentligen har för att förstora eller förminska den: Så här...
Eller så här...
Det blir som du ser inte så snyggt - men kan kanske passa för t.ex "thumbnails". AlternativtextNär man infogar en bild bör man alltid ange en alternativtext. Det finns de som av olika anledning inte kan se dina bilder. Genom att beskriva bilden i alternativtexten får de en uppfattning om hur bilden ser ut. Alternativtexten dyker också upp när man för muspekaren över bilden.
Koden nedan infogar bilden "fisk.gif" med alternativtexten "Hotlipsfisk!":
För muspekaren över bilden! 
Om du använder bilder på sidan som bara finns där för designens skull bör du skriva in en TOM alt-tagg. Det gör att textläsare av olika slag ignorerar bilden.
Vill du veta mer om länkar gå till: HTML / Länkar |
