Världens enklaste html-skola

Del 3

Liva upp din hemsida med bilder och grafik. Det blir fint - och är lätt.
  Häng med i Aftonbladets och Internetworlds hemsidesskola.
  Det är inte mycket svårare att lägga in en bild på hemsidan än att klistra in ett foto i ett fotoalbum.
  Med ett hemsidesprogram är det enkelt att ändra storleken på bilden direkt i programmet. Men tyvärr fungerar det inte alltid så bra.
  Det bästa är att ha bilden i rätt storlek redan från början.

Så förbereder du bilden
Det finns två bildformat du kan använda på webben. Det ena heter ”gif” och passar utmärkt för knappar och illustrationer. Det andra heter ”jpg” och är bättre för fotografier.
  När du sparar en bild på hårddisken väljer du i en lista vilket format bilden ska sparas i. Det finns två olika format eftersom filstorleken på bilderna har så stor betydelse. En stor bildfil tar betydligt längre tid att ladda hem över nätet än en liten, och varje format är bäst på att göra sin typ av bilder minst.

Så här gör du
Läs in bilden i datorn med en bildläsare, eller gör en bild för hand i ett bildbehandlingsprogram. Spara gärna bilden i formatet tif om det finns.
Beskär bilden och gör de ändringar du vill göra innan den ska publiceras på hemsidan.
Förminska bilden om det behövs (förstora aldrig bilden!) så den får rätt höjd och bredd i antal bildpunkter som du vill att den ska ha på hemsidan.
Om bilden är ett fotografi, spara den i jpg-format. Annars i formatet gif. Ha aldrig mellanslag i filnamnet.

Montera bilden
Vi använder programmet Netscape Composer (ingår i Netscape Communicator, som är gratis). Det finns fler hemsidesprogram, som Microsoft Frontpage Express (också gratis).
Ställ dig med markören i Composer där du vill att bilden ska infogas
Gå in i menyn Infoga och välj Bild. Du kommer då till rutan Egenskaper för bild.
Klicka på knappen Välj bild. En dialogruta öppnas där du kan bläddra dig fram till platsen på hårddisken där bilden ligger. Klicka på Öppna där.
Väl tillbaka i rutan Egenskaper för bild kan du välja hur din bild ska justeras i förhållande till texten och om texten ska flöda runt bilden. Knapparna är självinstruerande. Prova dig fram.
Klicka på OK och spara sidan. Titta - det är klart!
  

Gör sidan för hand
Här visar vi de s k märkena i html-koden som används för att infoga bilden. Elementet för att lägga in en bild heter IMG och i sin enklaste form ser märket ut så här:

<IMG SRC="portratt.jpg">

<IMG SRC="portratt.jpg"ALIGN="right">

<IMG SRC="linje.gif" HEIGHT="5" WIDTH="100%">