Bilder
I huvudartiklar och relaterade artiklar finns två olika alternativ för att lägga in bilder: du kan antingen lägga upp bilder som bildmoduler på sidan, eller som moduler från Mediaflow (det vill säga Mediabanken).
Du väljer själv vilket av dessa två alternativ som du vill använda.
Fördelen med att hämta bilder från mediabanken (Mediaflow) är att man då slipper ladda ner dem till sin dator.
Fördelen med att använda bildmodul på sidan, är att det är enklare att redigera bilden – dessa bilder kan du redigera direkt i Sitevision och ändringarna sparas när du klickar på ok, medan Mediaflow-bilderna måste du hämta på nytt varje gång du vill göra en ändring i exempelvis bildtexten.
Lägga upp bildmodul på sidan
När du lägger in en bildmodul så hamnar den under modulen som du står i (exempelvis en textmodul).
Så här skapar du en bildmodul:
- Gå till verktygslisten högst upp och klicka på Lägg till bildmodul.
Du hittar alternativet Lägg till bildmodul i verktygslisten.
- När du klickar på Lägg till bildmodul dyker det upp en ruta där du kan ladda upp en bild.
- Ställ dig där det står Bilder på sidan (OBS vi ska inte lägga något i bildarkivet, utan enbart under Bilder på sidan).
Ladda upp dina bilder på sidan, inte i bildarkivet.
- När du har klickat på Bilder på sidan, titta i fältet till höger. Där klickar du på Ladda upp bild.
På höger sida ser du alternativet ladda upp bild.
- Lägg in eventuell bildbeskrivning (det vill säga alt-text) och bildtext.
Alt-text fyller du i i fältet Bildbeskrivning. Bildtext fyller du i i fältet Bildtext.
Ställ in vilken alt-text och bildtext som ska visas
När du har laddat upp bilden under Bilder på sidan och skrivit in text i fälten Bildbeskrivning och Bildtext, gå till fliken Texter i den svarta listen högst upp. Där finner du olika alternativ för visning av text. Du väljer själv vilka alternativ som ska gälla för bilden.
I den svarta listen högst upp ställer du in alternativen för alt-text och bildtext.
Alternativtext
Dessa tre alternativ finns för bildens alt-text. Du väljer vilket av dem som ska gälla genom att klicka i cirkeln.
- Hämta från bildbeskrivning (metadata) – den text som du skrev in under bildbeskrivning blir bildens alt-text.
- Ange egen – Du skriver en ny alt-text, som blir den som läses upp för skärmläsare (oavsett vad du skrivit under bildbeskrivning).
- Ingen (för dekorationsbilder) – Bilden läses inte upp av skärmläsare.
Bildtext
Dessa tre alternativ finns för bildens bildtext. Du väljer vilket av dem som ska gälla genom att klicka i cirkeln.
- Hämta från bildtext (metadata) – Texten som du skrev under bildtext när du laddade upp bilden blir den bildtext som visas under bilden.
- Ange egen – Du fyller i en ny bildtext, och detta blir den bildtext som visas under bilden.
- Ingen – Det visas ingen bildtext under bilden.
Ställ in fördefinerad bildstorlek
Under fliken Övrigt, i den svarta listen, ställer du in bildstorleken.
I den svarta listen högst upp, under fliken Övrigt, ställer du in bildens storlek.
Tre bildstorlekar
Det finns i nuläget tre fördefinerade bildstorlekar att välja mellan:
- Image – helbredd (största bredd 770px)
- Image – halvbredd (största bredd 385px)
- Image – tredjedel (största bredd 257px)
Välj den storlek som du tycker passar bäst för bilden.
Klart!
När du har laddat upp din bild under bilder för sidan, lagt in alternativ för text, och ställt in bildstorleken:
- Klicka på OK.
Bildmodulen dyker upp under den modul som du stod i när du klickade på Lägg till bildmodulen.
Lägga upp bild från Mediaflow
Bilder från Mediaflow lägger du in med hjälp av en modul som heter Mediaflow.
- Gå till verktygslisten, klicka på symbolen som ser ut som en kub.
- Välj Bild och media, därefter Mediaflow.
- Klicka på Foto och välj den bild du vill använda.
- Klicka på Använd denna fil.
- Där det står Bildstorlek, välj bildformat 3. Du kan även välja att beskära bilden.
- Fyll i eventuell alt-text. Det går att generera alt-text med hjälp av AI-funktionen. (Kom då ihåg att kontrollera att AI-texten blir bra.) Bilder som enbart är dekorativa ska inte ha alt-text.
- I fältet Beskrivning följer en beskrivning av bilden med. Detta blir bildens bildtext, som syns under bilden. Kom ihåg att lägga till fotografens namn.
- Klicka på Använd denna fil.
- Klicka på OK.
Redigera bilder från Mediaflow
Det går egentligen inte att redigera en bild från Mediaflow som du redan lagt på sidan. Men genom att dubbelklicka på bilden kommer du till den i Mediaflow. Där kan du bland annat lägga in bildtext, och klicka på "använd denna fil" en gång till, så att den nya versionen av mediaflowbilden hamnar på sidan.
OBS! Redigera inte Mediaflowbilder under Bilder för sidan
Bilder från Mediaflow sparas även som bild för sidan – eftersom det ju är en bild som finns på sidan. Men kom ihåg att inte redigera Mediaflow-bilder via Sitevisions redigeringsalternativ för bildmodul (trots att de är synliga där), utan redigera alltid Mediaflow-bilder i Mediaflow.
Placera en bild mellan två textstycken
I Sitevision består en sida av olika moduler, exempelvis textmoduler och bildmoduler. Du ser alla sidans moduler i innehållsträdet för sidan, till vänster.
I bilden ovan finns två textmoduler, du ser dem i innehållsträdet till vänster. De två textmodulerna i detta exempel heter Ingress och Text.
Dela upp textmodulen
Man kan inte lägga bildmoduler inuti textmoduler. Så för att lägga en bild mellan två textstycken behöver man dela på textmodulen, så att en (1) texmodul blir till två (2) textmoduler. Därefter kan man lägga en bildmodul mellan de två textmodulerna.
- Ställ dig på det ställe i texten där du vill dela upp den.
- I verktygslisten, klicka på kugghjulet till höger.
- Välj Dela textmodul.
- Nu kan du lägga in din bild mellan de två textmodulerna.
- När du lägger till en bildmodul så dyker den upp under den modul som du stod i när du klickade på Lägg till bildmodul. Du kan flytta på bildmodulen genom att dra i den i innehållsträdet.
I exemplet ovan har vi delat på textmodulen, så att det har blivit två stycken textmoduler. De heter Text och Text 1.
Information om alternativtext (alt-text)
Alternativtext (alt-text) är den text som läses upp för personer som inte kan se webbsidan. Den syns alltså inte visuellt på sidan, men uppfattas av skärmläsare som läser av sidan.
I Sitevision kallas alternativtext ibland för ”Bildbeskrivning”.
När bör man inte lägga in alt-text?
Bilder som enbart är dekorativa ska den inte ha alternativtext (alt-text). Om man inte lägger in alt-text så hoppar skärmläsaren över att läsa upp bilden och dess bildtext.
Lägg inte in fotografens namn som alt-text, för då syns det inte på sidan. Fotografens namn ska stå som bildtext.
Information om bildtext
I bildtexten ska du alltid lägga in fotografens (eller upphovspersonens) namn. Skriv Foto [Förnamn Efternamn], exempelvis ”Foto: Eva Dalin”.
Du kan givetvis även lägga in mer text som handlar om bilden, men det är viktigt att inte glömma fotografens namn.
Bilder på kurs- och programsidor
I instruktionerna som hör till utbildningskatalogen finner du information om hur du lägger upp bilder på kurs- och programsidor: