Bilder og ikoner er ting som hører sammen med en nettside. De pynter opp og understøtter temaet / innholdet. Vi skal her se på hvordan en laster opp bilder og setter dem inn i en tekstmodul.

Tips:
En klassisk feil blant "ikke proffe" nettside designere / redaktører er at de laster opp bilder som er alt for store for nettsiden. Det er ikke noe problem å endre størrelsen på selve bildet uten å faktisk endre størrelsen på filen. Det fører til at lastingen av siden tar unødvendig lang tid.

Et nyttig verktøy for å endre på størrelsen på selve bildefilen er gratisprogrammet Paint.Net.
Det kan lastes ned HER

Hvordan sette inn bilde
Jeg skal nå sette inn et bilde på denne siden. Bilde har jeg på min egen PC og må derfor laste det opp til nettsiden. Dette gjøres i samme prosess. Vi setter i gang.

Trykk på dette ikonet

Da åpner denne siden seg:

Klikk deretter på knappen "Bla igjennom server" - da kommer vi til selve mappestrukturen for nettsiden.

Her må jeg velge hvilken mappe jeg skal hente bilde fra eller laste det opp til. Jeg velger å klikke på min mappe som heter Dokumentasjon (det går også ann å lage nye mapper her hvis ønskelig).

Etter at jeg har kommet meg inn i min mappe som jeg skal laste opp filen til klikker jeg på knappen "Velg fil". Da åpner en lokal utforsker seg slik at jeg kan finne filen på min egen datamaskin. Dobbelklikk på filen du ønser å laste opp så er du tilbake til mappestrukturen for nettsiden - med referanse til bildefilen:

Trykk på "Last opp ny fil" for å laste opp bildefilen til nettstedet.

Velg bilde
Når det er gjort så velger du bildefilen ved å trykke på den. Du kommer da tilbake til "Bildeegenskaper" med en referanse til selve bildefilen:

Bildeegenskaper
I bildeegenskaper kan jeg endre størrelse på bildefilen (anbefales som sagt ikke - endre heller dette i Paint.Net slik at selve bildefilen endrer størrelse), velge høyre / venstrejustering og evt om jeg skal ha en sort ramme rundt bildet mitt (slik jeg har gjort på denne siden):

Beskrivelse av felter:
Bredde: angir størrelse på bilde i pixel
Ramme: Skal en ha en sort ramme rundt bildet? Sett tykkelsen på rammen her (1,2,3 osv)
Juster: Om bilde skal Høyre, Venstre, midtstille seg osv.

Når en er ferdig trykker en på OK knappen og bilde legger seg inn i editoren.