Bra att veta innan du börjar ändra din hemsida

Om du ändrar text och skulle förlora internetkontakten så kan i värsta fall ändringarna tappas. Ett gott råd är att spara ofta. När du har sparat så syns först resultatet när du laddar om sidan som du ändrat texten för. För att ladda om sidan i din webbläsare tryck på knappen som ser ut så här (exempelbild från Explorer och FireFox webbläsarna):

Efter att du sparat kan du ladda om sidan för att se resultatet

Vill du bara ändra texten på din hemsida lämna då alla HTML kommandon orörda (allting innanför "<" ">" och då kan du sluta läsa nu. Om du vill ändra någon textformatering men inte vill lära dig HTML så kontakta oss så gör vi det åt dig.

Enkelt att formatera din text

Internetsidor använder ett språk som kallas HTML med vilket man kan formatera texten. Vill du ändra formateringen så är HTML enkelt men var noga, ett litet fel kan leda till att hela sidan bli konstig, men då kommandona är enkla brukar man hitta felet. Om ni använda HTML och något blir fel hjälper vi naturligtvis till att fixa till sidan. Om du gör avancerade experiment sparar gärna den ursprungliga texten i ett worddokument så du kan backa om något skulle bli fel.

6 HTML kommandon som brukar räcka långt:

Taggar är enkla att använda efter lite övning, man kan då göra fet stil, radbrytning listor eller länkar. Grundregel är att vara sparsam med taggar, speciellt länkar visar i forskning att de flesta som klickar på en länk inte kommer tillbaks till sidan därifrån de klickade. Fet stil på viktiga ord är bra för sidans klassificering i sökmotorer.

1. Detta är en radbrytning <br> i HTML.
Detta är resultatet
i HTML.

2. Fet Stil: Har du ett ord eller mening som du vill ha i fet stil så börja med <b> och sen sluta med </b> tagg.
Så här ser resultatet ut med fet stil.

3a. Stil h1: Har du ett ord eller mening som du vill ha i stil h1 så börja med <h1> och sen sluta med </h1> tagg.
Hur h1 eller h2 ser ut beror på designen. Här är ett exempel

Stil h1

3b. Stil h2: Har du ett ord eller mening som du vill ha i stil h1 så börja med <h2> och sen sluta med </h2> tagg.
Så här ser resultatet ut med

Stil h2

4. Onumrerade lists

Onumrerade listor startar med <ul> taggen, och följs av list radera som märks ut med <li>. Listan avslutas med </ul> taggen.

Exempel på hur en lista skrivs i HTML med tre listrader:

<li> rad 1</li>
<li> rad 2</li>
<li> rad 3</li>

Så här ser resultatet ut på webbsidan:

rad 1

rad 2

rad 3

5. Att ha en länk i texten (ny sida öppnas när man klickar)

<a href="http://sv.wikipedia.org/wiki/Linné" target="_blank">Carl von Linné</a>

Resultatet blir så här Carl von Linné

6. Att ha en bild i texten

När du har en bild som du vill visa på din hemsida: Om du hittat bilder på en webbsida, högerklicka på bilden för att se var den finns, exempel på www.bananza.se finns en bild http://www.bananza.stockholmsportalen.se/pix/225_1_2.jpg För att visa bilden på din hemsida skriver du:
<img src="http://www.bananza.stockholmsportalen.se/pix/225_1_2.jpg" border="0" alt="Här syns en bild på en tårta" />

Observera att använda en bild utan tillstånd kan leda till böter på flera tusenlappar (se exempelvis www.sfoto.se), alla bilder som finns på internet omfattas av copyright lagen om inte annas sägs tydligt. Bildarkiv säljer oftast bilder för 600-2000 kr/styck som du sedan kan använda fritt på din hemsida.