Formatering og bruk av bilder på Hemings hjemmeside

Transkript

1 Formatering og bruk av bilder på Hemings hjemmeside Generelt om bildebruk Bilder skaper liv på en side. Mange undersøkelser har vist at øynene dras mot bilder på nettet. Noe av det første våre øyne dras mot er undertekst til bilder. Dog skal bilder brukes med en viss forsiktighet og det er visse retningslinjer man bør følge: Bildet må ha relevans til teksten. Ikke sett inn bilde bare for å pynte. Det er ikke tillat å stjele bilder. Generelt skal man ha tillatelse fra både nettsted og fotograf før man kan bruke et bilde fra et annet nettsted. Som organisasjon er imidlertid ikke tøylene like stramme i praksis som det er for næringslivet. For sponsorer og samarbeidspartnere kan man ofte bruke prinsippet om tilgivelse før tillatelse. Prinsipielt skal man innhente tillatelse fra personer på bilder hvor personene kan gjenkjennes. Det er fotografen av bildet som eier rettighetene til bildet så lenge denne retten ikke er overdratt på formelt vis. Man skal være forsiktig med bruk av humor eller andre typer bilder som kan virke krenkende. Ta hensyn til: ETIKK, OPPHAVSRETT OG PERSONVERN. Generelle formateringstips. Om å lime inn fra andre programmer Tekster på web bruker et eget kodesett for formatering (HTML). Når man skriver direkte i editoren på web er du sikker på at de formateringene du bruker har tilsvarende korrekte henvisninger til Hemings mal. Hvis du derimot limer inn tekst fra en annen editor, for eksempel Word, drar du med deg en masse kode som nødvendigvis ikke er kompatibel med malen. Det samme kan gjelde for klipp og lim fra andre nettsider. Det kan ofte være på sin plass å bruke Word for da får man stavekontroll-funksjonen. Når du så skal lime inn teksten i nett-editoren bør du gå veien om en enkel tekstbehandler som ikke håndterer koder, for eksempel Notepad. Lim inn i Notepad. Klipp ut fra Notepad. Lim inn i nett-editor. Deretter foretar du formatering. Oppsummering: STAVEKONTROLL I WORD FJERN FORMATERING VIA NOTEPAD BRUK NETTEDITOR FOR FORMATERING E-post og linker Ikke bruk e-postadresser direkte på nettet. Det er ikke god nettkotyme og e-postadresser som ligger åpent på nettet er lettere å stjele for bruk til uhederlig virksomhet (spam): 1. Merk navnet til personen i teksteditoren 2. Klikk på link ikonet Side 1 av 8

2 3. Klikk i popp up vinduet 4. Skriv eller lim inn e-post adressen 5. Skriv inn tittel (beskrivelse som dukker opp når man holder muspeker over linken) 6. Klikk på Set link Metoden ovenfor brukes selvfølgelig til å sette andre typer linker også. Da bare bytter du ut punktene 3-6 med det som passer. Side 2 av 8

3 Langt smalt innhold kan med fordel settes inn i kolonner i en tabell. Dermed slipper brukeren å scrolle nedover for å lese artikkelen. Side 3 av 8

4 Sider med mye tekst og lite formatering kan fort bli lite lesbart på nettet. Bare ved hjelp av punktlister og uthevet tekst blir teksten mye mer lesbar. Økonomistyring er her Heading 3 (endres i editoren der det står Normal) Side 4 av 8

5 På nettet gjelder andre regler enn i vanlige dokumenter. Skjermbaserte tekster fører oftere til skumlesing. Det betyr at man kan hjelpe leseren ved å utheve nøkkelord i teksten. I slike tilfeller bør ikke utheving brukes til overskrifter. Ovenfor er Økonomistyring satt til Heading 2 og de andre overskriftene til Heading 3.PS. Stilene Heading 1-6 vises forskjellig i editoren enn de gjør på nettsidene. Velidig lange tekster bør deles opp i undermenyer til hovedpunktet (bare mulig i venstremenyen) Bilder i nyheter Ingress Websidene til Heming er laget på en måte som skal sikre at hovedsidene sine nyheter skal ha et mest mulig enhetlig uttrykk. Derfor er det ikke mulig å formatere teksten i ingressen. Det er heller ikke mulig å endre størrelsen på bildet. Bildet du setter inn i ingressen blir automatisk forminsket til en standard maksimal størrelse i enten høyde eller bredde (det som oppfylles først). Ingressbilder skaper mer liv på sidene og påkaller leserens oppmerksomhet. Side 5 av 8

6 1. Klikk på Relations 2. Klikk på Browse 3. Velg bilde 4. Klikk Åpne 5. Lagre Bildet blir formatert automatisk til miniatyrbilde. Når leseren klikker på Les mer kan han/hun klikke på ingressbildet for å se det i en større størrelse. Også dette bildet blir automatisk formatert til en passende størrelse. Hovedtekst Man kan også sette inn bilder i hovedteksten (Det som kommer frem når leseren klikker på Les mer ) i en nyhet.. PS. Her må man passe på å ikke sette inn bilde for høyt i hovedteksten for det kan da komme i konflikt med ingressbildet. Dermed kan det fort se rotete ut.. Side 6 av 8

7 1. Klikk i begynnelsen av et avsnitt litt nedenfor toppen for å ikke komme i konflikt med ingressbildet. 2. Klikk på bildeknappen. 3. Velg riktig mappe. 4. Bla de litt nedover og klikk på Browse. Velg bilde og klikk Åpne. 5. Klikk Upload Image 6. Velg bildet du lastet opp fra listen. Bildet får en maksimal størrelse som standard. Denne størrelsen er satt fordi det ikke er særlig pent med for store bilder i teksten. Det finnes egne gallerier for å kunne vise store bilder i serier. Bildet blir nå plassert som standard til venstre uten flyt-egenskaper. For å endre dette, følg beskrivelsen nedenfor. Side 7 av 8

8 1. Klikk på bildet 2. Klikk på bildeknappen 3. Velg flyt høyre eller venstre 4. Sett Margin left/right: til 10. Dette for å få litt avstand mellom tekst og bilde 5. Klikk Update Du kan selvfølgelig endre andre paramentere også, for eksempel sette ramme rundt, men det kan du eksperimentere med litt selv. Side 8 av 8