Grundkurs i InfoGlue

Transkript

1 2016 Kommunikationsenheten Erik Dahlbergsgatan 11 B, plan 5, Box 100, Göteborg

2 Innehåll Allmänt om webbpublicering o Informera på en webbplats o Skrivregler o Tillgänglighet på webben o Responsiv webb o Engelska sidor o Sökmotoroptimering, SEO o Upphovsrätt och bildbank.. 3 Förberedelser för kursen. 4 Gå till kurswebbplatsen i strukturverktyget Verktygsknappar i Strukturverktyget o Opublicerad sida/arbetskopia o Publicerad sida... 6 Nodegenskaper Innehållsverktyget Verktygsknappar i Innehållsverktyget o När en MAPP är markerad o När INNEHÅLLET i en mapp är markerat o När en har klickat på OMSLAGSINFORMATION.. 9 Övning 1 Redigera och byt ut texter.10 Övning 2 Skapa länkar o Intern länkning o Extern länkning.. 11 Övning 3 Ladda upp och länka till pdf-filer 12 Övning 4 Ladda upp och använda bilder 14 Övning 5 Byta ut bilder...16 Övning 6 Publicera sidor och innehåll o Extraövning avpublicera. 17 Övning 7 Skapa nya sidor och artiklar. 18 Övning 8 Arbeta med högerkolumnen. 21 Övning 9 Arbeta med två språk 24 Övning 10 Skapa och redigera nyhet Övning 11 Skapa och redigera evenemang.. 27 Extraövningar o Övning 1 - Arbeta med innehållsverktyget o Övning 2 Flytta en sida i strukturverktyget o Övning 3 Ändra nodegenskaper o Övning 4 Properties/Egenskaper: byta ut en bild o Övning 5 Properties/Egenskaper: Ladda upp en bild.. 29 Webbpublicerings sidor och CMS-supporten På hittar du fler instruktioner, rekommendationer för webben, anmälan till kurser, information om sociala medier med mera. Har du funderingar, stöter på problem eller vill spåna webb är du alltid välkommen att höra av dig till CMS-supporten. E-post: cmshelp@gu.se Telefon: , telefontid 8:30-12 Webbstugor: en gång i månaden, se webbsida för aktuella datum och anmälan. 2 (30)

3 Om webbpublicering Denna handledning syftar till att lära dig hur InfoGlue fungerar. InfoGlue är ett CMS (Content Management System), det vill säga ett webbpubliceringsverktyg. Informera på en webbplats När du informerar på en webbplats ingår du alltid i ett sammanhang. Jämför gärna med en sida i en tryckt utbildningskatalog. Alla sidor har samma utseende (det är redan inbyggt i InfoGlue), men även textens innehåll det som du arbetar med ska vara i samklang med övriga webbplatsers innehåll. Därför krävs ett nära samarbete mellan webbplatsens olika aktörer. Skrivregler på Göteborgs universitet På Göteborgs universitet finns vissa skrivregler som ska följas när vi skriver på webben. De följer Myndigheternas skrivregler som ges ut av Regeringen. Läs mer Tillgänglighet på webben Som webbredaktör på en myndighet är det viktigt att tänka på att våra webbsidor blir tillgängliga för alla besökare. En del saker sköts automatiskt av InfoGlue men det finns några saker som du som redaktör bör tänka på. Dessa underlättar även för övriga besökare. Exempelvis bör du tänka på att: Skriv det viktigaste först, inled varje sida med en sammanfattning. Ge alla sidor en bra titel, visas som rubrik i sökträfflistor och värderas högt av sökmotorer. Alternativtexter för alla informationsbärande bilder. Skapa punktlistor när det finns fler än två länkar i en länklista. Skapa unika, begripliga och korta webbadresser. Läs mer Responsiv webb Webbplatsen anpassar sig efter storlek på skärmen, det vill säga du ser ett utseende i datorn och ett annat utseende i mobilen. Det blir än viktigare att lägga det som är viktigast så det hamnar överst i mobilen och att exempelvis inte använda bilder för dekoration. Läs mer Engelska sidor Alla webbplatser i InfoGlue är uppbyggda för att kunna lägga in information på engelska. Den grundläggande informationen så som kontaktuppgifter och beskrivning av verksamheten bör vara översatt. Läs mer Sökmotoroptimering, SEO SEO är en teknik som går ut på att placera webbsidan så högt som möjligt bland resultaten i sökningar. Google är en den mest trafikgenererande sökmotorn. Göteborgs universitets sökmotor är också viktig för att besökare inom webbplatsen ska kunna söka sig fram. Sökmotoroptimering bör vara en pågående process. Läs mer Upphovsrätt och bildbank Använd bara texter, bilder och dokument som du har tillstånd att använda. På Göteborgs universitet finns en bildbank där du kan hämta bilder för att illustrera verksamheten. Läs mer 3 (30)

4 Förberedelser för kursen 1. Logga in på datorn. 2. Starta Mozilla Firefox. Logga in i medarbetarportalen med edu-kommxx. 3. Klicka på länken Webbpublicering längst ner i sidfoten. Länkadresser: - medarbetarportalen.gu.se/webbpublicering - publicera.gu.se Nu ska du vara här F 4. Till höger på sidan finns länken Inloggning till InfoGlue Klicka på den. 5. Öppna en ny flik i webbläsaren och skriv kurswebb.gu.se i adressfältet. Inloggning i vanliga fall Användarnamn och lösenord som du använder under kursen, har du tillgång till under innevarande månad. I skarpt läge använder du alltid ditt vanliga xkonto för att logga in i InfoGlue. Då kan du gå via Verktyg i medarbetarportalen eller via länken Webbpublicering i Medarbetarportalens sidfot. 4 (30)

5 Gå till kurswebbplatsen i strukturverktyget Vilken webbplats (repository/källa) som visas när du har loggat in beror på vilket som är förvalt under Mina Inställningar. Under Mina inställningar kan du ändra språk, vilken webbplats du vill ha som start och vilket verktyg du vanligen arbetar med. I grundkursen kommer du att arbeta med webbplatsen Kurswebb MÅNAD. a) Klicka på fliken Struktur. b) Välj Kurswebb MÅNAD i rullgardinsmenyn Källa uppe till vänster. I kursen kommer du bara att arbeta med din del av webbplatsen, till exempel Deltagare 03, där siffran ska vara samma som din datorplats på kursen. Strukturträdet 5 (30)

6 Verktygsknappar i strukturverktyget (orange flik) Opublicerad sida/arbetskopia 1 2a, b Ny sajtnode Skapa en webbsida. 2a. Flytta sajtnod Flytta den markerade sidan till en annan plats i trädet. Obs! Påverkar besökaren direkt. 2b. Flytta x sajtnoder Flytta flera sidor samtidigt till en annan plats i trädet. Obs! Påverkar besökaren direkt. 3. Ta bort sajtnod Måste först vara avpublicera alla kopior innan detta val är möjligt. 4. Ändra nodegenskaper Ändra egenskaper som syns för besökaren, t.ex. texten för menylänken (se sid 7). 5. Granska sajtnod Förhandsgranska sidan. 6. Sajtnodinformation Ändra sidans interna namn och andra mer avancerade egenskaper. 7a. Publicera aktuell sida Publicerar den markerade sidan och allt innehåll som hör till sidan. 7b. Begär publicering Publicerar sidan och alla undersidor, plus allt innehåll som hör till dessa. 8. Kör aktivitet Avancerad funktion, används ej. Publicerad sida 9a, b 9a. Avpublicera publik kopia Avpublicera den senast publicerade versionen av sidan. Besökaren kan fortfarande se en publicerad version. 9b. Avpublicera alla kopior Avpublicerar sidan helt och hållet för besökaren. Den finns bara kvar synlig för redaktörer inne i InfoGlue. Används bland annat när en publicerad sida ska tas bort eller har flyttats. 6 (30)

7 Nodegenskaper Under Ändra nodegenskaper kan du ändra på en rad egenskaper för sidan. Det gemensamma är att dessa egenskaper är information som är synlig för besökaren. Läs mer om nodegenskaper: 7 (30)

8 Innehållsverktyget (grön fliken) Innehållsträdet 8 (30)

9 Verktygsknappar i Innehållsverktyget Det gröna Innehållsverktyget i InfoGlue är den plats där alla texter, bilder och dokument sparas. Även när du skapar en text från Strukturverktyget sparas den alltid i Innehållsverktyget. Innehållsverktyget är redaktörernas innehållsbank, eller databas, som ni som redaktörer styr över helt själva. Meningen är att du ska skapa en ordning med mappar och undermappar som gör det lätt för dig att hitta innehållet senare. Ordningen bland mapparna påverkar inte vad besökaren ser och du kan flytta runt innehåll utan att det påverkar utseendet på webbplatsen. A. När en MAPP är markerad 1 2 3a, b 4 5a, b 6 7a, b 8 1. Nytt innehåll Skapar en ny artikel, bild eller annat innehåll i den markerade mappen. 2. Ny mapp Skapar en ny mapp som en undermapp till den markerade mappen. 3a. Flytta innehåll Flytta allt innehåll till en annan mapp. 3b. Flytta x innehåll Flytta flera innehåll samtidigt till en mapp eller en annan webbplats. 4. Kopiera innehåll 5a. Ta bort innehåll Tar bort det markerade innehållet. 5b. Ta bort underliggande Tar bort en mapp och allt innehåll i mappen. 6. Begär publicering Publicerar det markerade innehållet. 7a. Avpublicera publik kopia Avpublicerar den senast publicerade versionen av innehållet. Besökaren kan fortfarande se en publicerad tidigare version. 7b. Avpublicera alla kopior Avpublicerar innehållet helt och hållet för besökaren. Det finns bara kvar synligt för redaktörer inne i InfoGlue. 8. Editera egenskaper Lägg till, ändra och ta bort vilken innehållstyp som är möjlig att skapa i mappen. B. När INNEHÅLLET i en mapp är markerat 1. Omslagsinformation Byt namn på innehållet, så som det visas i innehållsträdet. (Syns inte för besökaren.) C. När en har klickat på OMSLAGSINFORMATION 9 (30)

10 Övning 1 Redigera och byt ut texter Att uppdatera texter är en av de vanligaste uppgifterna för dig som arbetar med webb. I denna övning ska du först gå in och redigera en befintlig text, sedan ska du byta ut texten mot en helt ny text. a) Klicka på Struktur, orange flik. b) Klicka på din webbplats och sedan Forskning i trädet till vänster för att visa sidan. c) Nu ser du en förhandsvisning av sidan Forskning. I mitten av sidan finns den text du ska redigera. Klicka på länken Redigera som finns nedanför texten. d) I fönstret som öppnas finns textredigeraren där du arbetar med texten. Gör en ändring och klicka på knappen Spara. e) Ändra lite till i texten och klicka på knappen Spara och stäng. Nu uppdateras förhandsvisningen av sidan Forskning så att du kan se din ändring. Tar det lång tid visas texten Laddar Nu ska du istället byta ut texten mot en helt annan text. f) Klicka på länken Välj som finns nedanför texten. I fönstret som öppnas ser du ett träd med mappar som finns i det gröna innehållet. Bläddra bland mapparna genom att klicka på namnen. Du ska leta upp en ny förberedd artikel som redan är färdigskriven. g) Klicka på din webbplats Deltagare XX. h) Klicka sedan på mappen Artiklar. i) Klicka på namnet till artikeln, Forskning, ny text, så att den blir markerad med svart bakgrund. j) Klicka på knappen Spara. Nu uppdateras förhandsvisningen av sidan så att du kan se att den nya texten används. Den gamla texten om forskning finns fortfarande kvar i Innehållsverktyget, men eftersom den inte är bunden till någon sida så finns det inget sätt för besökaren att se den. 10 (30)

11 Övning 2 Skapa länkar Intern länkning (till webbplatser inom GU som använder InfoGlue) Du ska börja med att skapa en länk till en annan webbplats inom Göteborgs universitets webbplats a) Gå till Strukturverktyget och klicka på sidan Forskning. b) Klicka på länken Redigera under texten. c) Markera sista meningen i andra stycket med textmarkören. d) Klicka på länksymbolen Infoga/Redigera länk. e) Använd knappen Välj från InfoGlue för att skapa länken. I fönstret som öppnas kan du antingen välja en sida inom din egen webbplats eller en sida från en annan webbplats. f) Byt webbplats genom att klicka på rullgardinmenyn Välj källa och sedan till exempel på webbplatsen HA Law (webbplatsen för Juridiska institutionen). g) Klicka på noden Forskning så att den blir markerad med svart bakgrund. Det är den sidan länken kommer gå till. h) Klicka på knappen Spara och sedan på Ok för att stänga Länkrutan. Nu ser du att den text du markerade tidigare är blå och understruken för att visa att där finns en länk. i) Klicka på Spara och stäng för att visa sidan Forskning med den nya länken. j) Förhandsgranska genom att välja Granska sajtnod och testa länken. Extern länkning Nu ska du skapa en länk till en extern webbplats. k) Klicka på länken Redigera. l) Skriv in den länktext du önskar, i övningen skriver du Hitta rätt utlysning på Vinnovas webbplats. Markera texten och klicka på verktyget Infoga/Redigera länk. m) Skapa en extern länk genom att manuellt skriva in "vinnova.se" i fältet URL. n) Klicka på knappen Ok för att stänga rutan och klicka sedan på Spara och stäng. o) Granska sajtnod och testa länken. 11 (30)

12 Övning 3 Ladda upp och länka till pdf-filer Alla filer som används på en webbplats måste först laddas upp från en dator till InfoGlue. I den här övningen ska du ladda upp och länka in en pdf-fil. Det görs alltid i två steg. a) Klicka på noden Om oss i strukturen (orange flik) och sedan på Styrelsen. b) Klicka på länken Redigera under texten Protokoll till höger på sidan. Nu ser du texteditorn för den text som finns i högerkolumnen. Här ska du lägga till en länk till ett nytt protokoll som du laddar upp. Steg 1: Ladda upp filen c) Klicka på fliken Bifogade filer ovanför rubrikfältet. d) Här kan du se att det redan finns filer uppladdade. Klicka på knappen Bifoga ny fil för att ladda upp en till. e) I fönstret Bifoga fil som kommer upp ska du trycka på knappen Välj fil (Browse). f) Bläddra dig fram till Skrivbordet och mappen InfoGlue Övningsfiler, där hittar du de övningsfiler vi ska använda oss av. Välj pdf-filen styrprot_ och klicka på Öppna. g) Nu står filens namn till höger om knappen Browse/Välj och du ser att fältet Nyckelord automatiskt har fyllts i med ett nyckelord som är baserat på filens namn. Nyckelordet kan även ändras här. Klicka på knappen Spara och avsluta. Nu ska du kunna se filen du laddade upp i form av en dokumentsymbol. h) Klicka på fliken Textinnehåll. 12 (30)

13 Steg 2: Länka in filen/skapa en länk till din PDF I texten vill du visa upp filen för besökarna genom att göra en länk till den. Det gör du på delvis samma sätt som när du skapade en vanlig länk. i) Skriv in texten som ska bli klickbar under den sista länken, "Styrelsen j) Markera texten och klicka på verktyget Infoga/Redigera länk. k) Klicka på knappen Välj från InfoGlue l) I fönstret Länk ska du klicka på den gröna fliken Bifogad fil. Du ser dina aktuella filer till höger. I innehållsmapparna till vänster kan du bläddra efter andra filer. m) Leta reda på den fil du precis laddade upp, styrprot_ Markera den så att bakgrunden blir blå, scrolla ner och klicka sedan på knappen Spara. OBS! Ibland kan du behöva dra ut fönstret för att komma åt scrollisten! n) Du är nu tillbaka i fönstret Länk. Ändra egenskapen Link style till Pdf för att få en pdf-symbol som visas framför länken i texten. o) Gå till fliken Mål för att välja hur pdf-filen ska öppnas. p) Välj Nytt fönster (_blank) i rullgardinsmenyn. q) Klicka på knappen Ok. Du har nu länkat in pdf-filen i listan över styrelseprotokoll. Texten du markerade ska nu se ut som en länk. r) Klicka på Spara och stäng för att komma tillbaka till sidan Styrelsen och se ändringen i högerkolumnen. s) Välj Granska sajtnod och testa om länken till pdf-filen fungerar. 13 (30)

14 Övning 4 Ladda upp och använda bilder Bildfiler laddas upp på samma sätt som en pdf-fil, men länkas sedan in på ett annat sätt. Steg 1: Ladda upp bilden a) Klicka på noden Forskning, du ska ladda upp en ny bild till artikeln på den här sidan. b) Klicka på länken Redigera under artikeln Forskning. c) Klicka på fliken Bifogade filer ovanför fältet Rubrik. d) Klicka på Bifoga ny fil för att ladda upp bildfilen. e) I fönstret Bifoga fil som kommer upp klickar du på knappen Välj fil (Browse). f) Bläddra dig fram till Skrivbordet och öppna mappen Infoglue Övningsfiler. Välj bildfilen 460scenbild-ah och klicka på Öppna. g) Nu står filens namn till höger om knappen Välj (Browse) och du ser att fältet Nyckelord automatiskt har fyllts i med ett nyckelord som är baserat på filens namn. Nyckelordet kan även ändras ifall du skulle vilja. h) Klicka på knappen Spara och avsluta. Nu ska du se bilden som en tumnagelsbild under Bifogade bilder. i) Klicka på fliken Textinnehåll. Steg 2: Länka in bilden Du ska nu använda den uppladdade bilden i artikeln. j) Ställ markören där du vill infoga bilden i texten, t ex framför underrubriken Den nya och bättre texten om forskning. k) Klicka på den gula symbolen för verktyget Infoga/Redigera bild. l) I fönstret Bildegenskaper som öppnas ska du klicka på knappen Välj från InfoGlue (ibland står det Bläddra på server). Du får nu upp en pop-up som visar det gröna innehållet. Nyligen uppladdade filer brukar synas direkt i listan, men ibland måste du leta reda på den. Bläddra dig i så fall fram till den aktuella artikeln i din webbplats, Forskning, ny text. 14 (30)

15 m) Klicka på din uppladdade bild så att den blir markerad med en blå bakgrund. n) Klicka på Spara. o) Du kommer nu tillbaka till Bildegenskaper och bör se bilden i förhandsgranskningsrutan. p) Om bilden är informationsbärande, ange en beskrivande text i rutan Alternativ text. Beskrivningen läses upp för synskadade. Är bilden bara för ren dekoration, lämna rutan helt tom. q) Välj den Image style som passar till bildens breddmått, för denna bild välj Fullbredd (bredd 460 px). r) Sätt en nolla i fältet Kant, detta för att få lite luft mellan bild och text. s) Klicka på Ok för att stänga Bildegenskaper. t) Du är nu tillbaka i Textredigeraren. Klicka på Spara och stäng. u) Välj Granska sajtnod. 15 (30)

16 Övning 5 Byta ut bilder I den här övningen ska du byta ut en bild mot en annan i en artikel. a) Klicka på fliken Struktur och sedan på noden Om oss under din webbplats. b) Nu ser du sidan Om oss. Bilden ligger inlagd tillsammans med texten i artikeln i mittenkolumnen. Klicka på länken Redigera under texten i mittenkolumnen. Du redigerar och byter ut bilden med verktyget Infoga/Redigera bild i textredigeraren. c) Klicka på bilden för att markera den. d) Klicka på den gula symbolen för verktyget Infoga/Redigera bild. I rutan Bildegenskaper som öppnas kan du byta ut bilden, samt ändra hur den ska visas. e) Klicka på knappen Välj från InfoGlue f) I det nya fönstret, bläddra dig fram till mappen Bilder under din mapp Deltagare XX i trädet till vänster. g) Klicka på nya-pedagogen. Klicka på bilden i högra fältet så att den blir markerad med en blå bakgrund. h) Klicka på Spara. Nu är bilden vald, det kan du se i den lilla förhandsgranskningsrutan till höger. i) Klicka på Ok för att stänga Bildegenskaper. j) Du ser nu bilden i artikeln. Klicka på Spara och stäng så visas sidan Om oss med den nya bilden. k) Förhandsgranska. Läs mer: 16 (30)

17 17 (30)

18 Övning 6 Publicera sidor och innehåll I InfoGlue finns både sidor och innehåll i två lägen: läget arbetskopia och läget publicerad. Alla ändringar, stora som små, gör att ett innehåll eller en sida hamnar i läget arbetskopia. Det innebär att trots att sidan fortfarande är publicerad så syns inte dina ändringar för besökaren av webbplatsen. Du kan därför arbeta med en text, spara den och vänta med att publicera tills den är helt klar. Alla förändringar du har gjort hittills har du alltså bara sparat i InfoGlue, men inte publicerat. a) Klicka på sidan Forskning i strukturträdet. b) Klicka på verktygsknappen Publicera aktuell sida. Nu visas en lista med de sidor (orange) och de innehåll (grön) som InfoGlue föreslår att du ska publicera. Allt i listan används på, eller länkas till, från den sida du publicerar. c) Bocka för alla poster i listan: sidan Forskning och artikeln Forskning, ny text. d) Klicka på knappen Publicera. e) Nu visas sidans omslagsinformation och du kan se att statusen uppe till höger är ändrad till Published. (Klicka på noden Forskning igen för att komma tillbaka till sidan) f) Gå till din publicerade webbplats och klicka på Forskning för att se den nyligen publicerade sidan ( - byt ut XX mot siffran för din webbplats): Extraövning - Avpublicera En publicerad sida kan alltid avpubliceras. Den vanligaste användningen är att avpublicera sidan helt och hållet. För besökaren innebär det då att sidan försvinner från webbplatsen. g) Klicka på noden Forskning i strukturträdet, nu ser du verktygsknappen Avpublicera. Håll muspekaren över knappen och klicka på den andra knappen som visas, Avpublicera alla kopior. h) Markera sidan genom att bocka i rutorna i listan och klicka på knappen Avpublicera versioner. Nu kommer du till sidans omslagsinformation och du kan se att statusen är ändrad till Working. De två lägena arbetskopia (working) och publicerad (published) markeras med olika färger i trädet till vänster. Svart betyder publicerad och grön betyder att det finns en arbetskopia. Klicka på uppdateringsknappen längst ner till vänster för att visa trädet med de aktuella färgerna. 18 (30)

19 Övning 7 Skapa nya sidor och artiklar I Strukturverktyget bygger du upp webbplatsen struktur, det vill säga så som besökaren ser den. Webbplatsen består av de webbsidor som du ser i menyn till vänster. I InfoGlue kallas varje sida för nod eller sajtnod. Du ska skapa en sida som kommer att se ut som nedan bild. Det görs i två steg. Steg 1: Skapa en sida/nod Skapa en undersida till noden Utbildning. Sidan ska heta Uppdragsutbildning. a) Klicka på noden Utbildning och klicka sedan på verktygsknappen Ny sajtnode. b) Ge sidan namnet "Uppdragsutbildning". c) Välj sidmallen Artikelsida genom att klicka på tumnagelsbilden. (Obs, för Medarbetarportalen eller Studentportalen finns en särskild mall: Artikelsida, Medarbetarportalen.) d) Klicka på Spara. 19 (30)

20 Du har nu en tom sida framför dig. Den innehåller sidhuvud, sidfot, toppmeny och vänstermeny, men den är tom på innehåll i mittenspalten och högerkolumnen. Steg 2: Skapa ett innehåll via strukturverktyget e) Klicka på länken Lägg till som finns i mittenkolumnen på den tomma sidan. Lägg till betyder att du skapar en ny artikel för den text som ska visas på sidan. Du kommer till ett inbäddat arbetsflöde som visar mappträdet i det gröna innehållet. Här ska du välja i vilken mapp du vill placera/spara ditt nya innehåll/artikel. f) Klicka på mappen Artiklar så att den blir markerad med svart bakgrund. Klicka sedan på Nästa. namn fyller du i artikelns namn, "Uppdragsutbildning, ny artikel". Notera att Innehållstypen är Artikel. Klicka på Nästa. g) I fältet Innehållsramens h) Du kommer nu vidare till Bifoga fil. Hoppa över detta steg genom att klicka på Nästa. 20 (30)

21 Nu får du upp textredigeraren. Här måste du skriva rubrik, men kan om du vill vänta med texten. I övningen fyller vi i båda på en gång. i) Skriv Uppdragsutbildning som rubrik och kopiera text exempelvis från j) Klicka på Nästa. k) Du har nu kommit tillbaka till sidan du länkade in den nya artikeln till. Du har också fått upp en egenskapsruta, Properties, för den nyskapade artikeln. Stäng rutan genom att klicka på knappen Stäng. Nu har du skapat ett innehåll, i det här fallet en artikel som du sparade i mappen Artiklar. Sedan länkade systemet automatiskt ihop den nya artikeln med den tomma sidan du skapade i Steg (30)

22 Övning 8 - Arbeta med högerkolumnen I högerkolumnen kan det finnas flera olika typer av komponenter och innehåll. De vanligaste komponenterna är Textblock (högerkolumn), Kontaktinformation, Bild&Text plugg och Bild (högerkolumn). 8A - Lägg till textblock Till skillnad från mittenkolumnen går det inte att direkt lägga in en text i högerkolumnen. Först måste du lägga till en komponent. a) Gå till sidan Uppdragsutbildning under Utbildning b) Högerklicka i det gula fältet med texten Högerklicka för att lägga till komponent och klicka på Lägg till komponent i menyn. c) Du har nu fått upp en lista med komponenter. Klicka på Textblock (högerkolumn) längst ner i listan. Det är namnet på den komponent du ska använda. Nu har du lagt in en komponent och därmed skapat en plats att skapa och länka in ett innehåll. < d) I rutan Properties klickar du på symbolen som vi kallar trollspöt. På så sätt skapar och lägger du till ett nytt innehåll. e) Då kommer du direkt till det gröna inbäddade arbetsflödet precis som i övning 7. Här väljer du vilken mapp du vill spara innehållet i. Markera mappen Högerkolumnen under din webbplats. f) Klicka på Nästa. 22 (30)

23 g) I fältet Innehållsramens namn ger fyller du i artikelns namn, "Utbildning, höger". Notera att Innehållstypen är Miniartikel. Klicka på Nästa. h) Hoppa över Bifoga fil genom att klicka på Nästa. i) Nu får du upp textredigeraren. Skriv Mer om utbildning som rubrik och kopiera text exempelvis från Klicka på Nästa. j) Stäng rutan Properties (Egenskaper) med knappen Stäng 8B - Lägg till bildkomponent k) Högerklicka i det gula fältet, välj Lägg till komponent och klicka på Bild (högerkolumn) längst upp i listan. l) I rutan Properties klickar du på symbolen trollspö på raden Image för att skapa och länka in ett nytt innehåll. m) Välj vilken mapp du vill spara innehållet i. I övningen väljer du mappen Bilder underdin webbplats och klicka på Nästa. n) Fyll i Innehållsramens namn: Hjärna, höger, notera att Innehållstypen är Image och klicka på Nästa. o) Klicka på Välj fil (Browse) för att välja bild. Bläddra dig fram till bilden 220hogerspaltHjarna (220 pixlar bred). p) Klicka på Nästa. 23 (30)

24 q) Kontrollera att bilden finns bifogad längst ner på sidan. Fyll i Title och Bildbeskrivning ( Alt ) för bilden. Klicka på Nästa. r) Stäng fönstret Properties. Nu är du tillbaka på din sida och du bör se bilden du precis har laddat upp, lagt in i en innehållsram och länkat in i en bildkomponent. 8C - Ändra ordning på komponenter Nu ska du ändra ordning på komponenterna i högerkolumnen. s) Högerklicka på bildkomponenten. t) Välj Flytta upp komp. 24 (30)

25 Övning 9 Arbeta med två språk Alla våra externa webbplatser har en svensk och en engelsk språkversion. Den engelska versionen av webbplatsen ska som minst innehålla kontaktuppgifter och en beskrivning av verksamheten. I strukturen hittar du den engelska webbplatsen som en undersida, oftast heter den "English". Du kommer att gå igenom två steg i övningen med sidor på två språk. Steg 1 koppla ihop en svensk och en engelsk sida a) Klicka på noden English och sedan på Ny sajtnode. b) Ge sidan ett namn på engelska Education, välj sidmallen Artikelsida och klicka på Spara. Bestäm vilken svensk sida som bäst motsvarar innehållet på den engelska sidan Education, dit du vill att en besökare som klickar på länken På svenska ska hamna. c) Ställ pekaren i toppmenyn, högerklicka och välj Egenskaper. d) Klicka på Undefined för egenskapen AlternateLanguageStartPage. e) Välj den svenska sida som du bestämde dig för, markera noden i trädet och klicka på Spara. f) Stäng rutan med egenskaper och testa inställningen genom att klicka på länken På svenska. g) Upprepa stegen c) till f) för att bestämma vilken sida besökaren ska hamna på om den klickar på länken In English. Du behöver alltså göra samma inställning åt båda hållen. Steg 2 spara engelsk text i Innehållsverktyget h) Nu ska du lägga in en ny text på den nya sidan Education. Klicka på noden Education i trädet. i) Klicka på länken Choose i mittenkolumnen och välj artikeln Utbildning, start som ligger i mappen Artiklar. Klicka på Spara. j) Nu visas den svenska utbildningstexten på sidan, det beror på att det inte finns någon engelsk version än. Klicka på länken Edit under texten. k) Nu redigerar du den engelska versionen av texten, det ser du uppe i vänstra hörnet av fönstret. Börja med att fylla i rubrik. l) Lägg in en engelsk text för sidan Education och klicka på Spara och avsluta. 25 (30)

26 Övning 10 Skapa och redigera nyhet Du skapar nyheter från den gula fliken Min arbetsplats. Nyheterna sparas automatiskt i mappen Nyheter i det gröna innehållet och visas automatiskt upp på olika platser på din webbplats, till exempel på startsidan. a) Klicka på fliken Min arbetsplats och sedan på länken Skapa nyhet. b) Välj vilken nyhetsrulle nyheten ska publiceras i. Klicka för nyhetsrullen Kursdeltagare Infoglue och sedan Fortsätt. c) I det här steget lägger du in texten för din nyhet. Fyll i alla obligatoriska fält, de som har en röd asterisk. OBS! Lägg in samma text som Nyhetsrubrik i de två fälten Länktext och Länktitel längst ner på sidan. Kryssa enbart i Kurswebb under Kategori (annars kan nyheten synas på publicerade webben). d) När du känner dig färdig med din nyhet, klicka på knappen Förhandsgranska för att gå vidare och publicera nyheten. e) I nästa steg klickar du på knappen Publicera om du är nöjd eller Redigera om du vill fortsätta redigera nyheten. Nu är nyheten publicerad, du kan se den i Strukturverktyget och på webben som vanlig besökare. I nästa del av övningen ska du göra en ändring i nyheten. 26 (30)

27 f) Gå till Innehållsverktyget och klicka på mappen Nyheter, sedan på mappen för det år och den månad som nyheten skapades. Till exempel 2015 > 5. g) Klicka på namnet till den nyhet du vill redigera, nyheten visas nu i fönstret till höger. h) Gör en ändring i texten, infoga en bild och klicka på Spara. Klicka sedan på Begär publicering i knappraden ovanför redigeringsfältet och publicera precis som du gör med en vanlig artikel. Nu har du ändrat en nyhet i efterhand och ändringen är publicerad. Obligatoriska fält vad de innebär Nyhetsrubrik Titel Visas som artikelrubrik över fulltextversionen av nyheten. Pufftext Lead in text En kort blänkare som visas t.ex. i listningen på förstasidan för rullen. Den upprepas inte på den sida där nyheten visas som fulltext. Nyhetstext Full text Den fullständiga texten för nyheten. Här kan man använda samma textformatering som i en artikel. Kategori - Relaterade kategorier: Område Kategorierna används där olika urval ur nyhetsflödet för en rulle visas upp på olika sidor. Man kan också söka på kategori när man ska länka in en nyhet. Nyckelord Metakeywords Nyckelord som används av vissa sökmotorer. Länktext Navigation Title Den rubrik som visas som länk till nyheten. Den KAN men MÅSTE inte vara samma text som nyhetsrubriken. Länktitel Link Title Visas som hovertext när man håller pekaren över länkar till nyheten. Mer information om nyhetshantering hittar du på 27 (30)

28 Övning 11 Skapa och redigera evenemang Du skapar evenemang från den gula fliken Min arbetsplats, i verktyget Evenemangsadministration. Här sparas alla kalenderevenemang och det är även här du redigerar dem i efterhand. a) Klicka på fliken Min arbetsplats och sedan på länken Evenemangsadministration. b) Klicka på länken Nytt evenemang. c) Klicka på den kalender som du vill skapa evenemanget i. Välj Kurswebbplats. d) Fyll i formuläret. Börja med att välja språk och fyll sedan i alla obligatoriska fält, de som har en röd asterisk. Du måste också lägga till Kontakt. OBS! Lägg evenemangets rubrik både i fältet Evenemangets namn och Evenemangets titel. e) När du är färdig klickar du på knappen Förhandsgranska längst ner på sidan. 28 (30)

29 f) I det här steget visas alla texter du fyllt i. Är du nöjd scrolla längst ner på sidan och klicka på knappen Spara Svenska för godkännande. g) Nu är evenemanget sparat men inte publicerat. För att publicera klicka på Evenemang och sedan på För godkännande för att se listan med evenemang som kan publiceras. h) Klicka på namnet till det evenemang du vill godkänna. i) Scrolla längst ner på sidan och klicka på knappen Publicera evenemang. Nu är evenemanget publicerat, du kan se det i Strukturverktyget eller på webben som en vanlig besökare. I nästa del av övningen ska du göra en ändring i evenemanget. j) Klicka på Evenemang och sedan på Aktuellt publicerade. Leta upp det evenemang du vill redigera och klicka på dess namn. Listan är sorterad efter evenemangens datum. k) Klicka på knappen Redigera längst ner på sidan, gör din ändring och klicka sedan på Spara. Ändringen syns direkt på webben utan att du behöver publicera den. Obligatoriska fält vad de innebär Språk Svensk språkversion visas på den svenska delen av webbplatsen, engelsk på den engelska delen. Evenemangets namn Innehållet i detta fält visas både som rubrik för evenemanget i fulltextpresentationen och som evenemangets rubrik med länk i kalenderlistningarna. Evenemangets titel Innehållet i detta fält visas som hovertext över evenemangets länkrubrik i kalenderlistningarna. Startdatum Man väljer datum i pop up- kalendern. Det går att hoppa över klockslagsangivelsen. Vem som får delta Fältet används inte av systemet, men används vid inlänkning till Göteborgs universitets centrala kalender. Kryssa gärna i Endast GU om evenemanget inte vänder sig till andra. Ämnesområden Här finns ett antal ämnesområden att välja på. Visas i faktarutan under rubriken Kategorier i fulltextversionen av ett evenemang. Ytterligare publiceringsställen Fältet används inte av systemet, men används vid inlänkning till Göteborgs universitets centrala kalendrar. Fyll gärna i önskemål om publicering i medarbetarportalen eller Öppna kalendern. Evenemangstyp Här finns de kategorier som visas som etiketter för alla evenemang i de olika listningarna. Det finns också möjligheten att lägga upp kalendersidor som enbart visar ett urval av evenemang av en viss typ (från den kalender de baseras på). Mer information om nyhetshantering hittar du på 29 (30)

30 Extraövningar Övning 1 Arbeta med Innehållsverktyget a) Klicka på fliken Innehåll för att gå till Innehållsverktyget. b) Klicka på mappen Artiklar. c) Du ska nu skapa en ny mapp som en undermapp till Artiklar, klicka på verktygsknappen Ny mapp. d) Skriv "Forskning" i fältet för mappens namn. Klicka på knappen Spara. e) Nu ser du en ny gul mapp i trädet till vänster, nu ska du flytta en artikel till mappen. Klicka på artikeln Forskning, ny text. f) Klicka på verktygsknappen Omslagsinformation, nu visas verktygsknappen Flytta innehåll. g) Klicka på knappen Flytta innehåll för att flytta artikeln till en annan mapp. h) I fönstret som kommer upp bläddra dig fram till Artiklar och markera mappen Forskning. Klicka på Spara och sedan på Ok i dialogrutan. Nu har du flyttat artikeln till den nya mappen du skapade. Det har inte gjort någon skillnad för besökaren men du har skapat en bättre ordning för dig som redaktör. Om du vill ta bort mappar/innehåll, måste du avpublicera först. Övning 2 Flytta en sida i Strukturverktyget a) Flytta sidan Uppdragsutbildning så att den blir en undersida till Om oss. b) Uppdatera trädet för att se förändringen. Flytta tillbaka sidan. Övning 3 Ändra nodegenskaper a) Markera sidan Grundnivå under Utbildning och klicka på Ändra nodegenskaper. b) Testa att ändra fältet Länktext i menyn och att ge sidan Sorteringsordning 1. c) Klicka på Spara och stäng. d) Markera sidan Avancerad nivå, klicka på Ändra nodegenskaper och välj 3 i drop down-menyn Sorteringsordning. Klicka på Spara och stäng. Nu kan du se i vänstermenyn hur sidorna har ändrat ordning i förhållande till varandra och att texten i menyn för sidan Grundnivå har ändrats. Återställ sidorna. Övning 4 Properties/Egenskaper: byta ut en bild a) Högerklicka på bilden i högerkolumnen och välj Egenskaper. b) Välj en ny bild genom att klicka på namnet för den nuvarande bilden. c) Testa att ta bort kopplingen genom att klicka på papperskorgssymbolen. d) Välj en bild igen genom att klicka på texten Undefined. e) Testa att göra samma sak med artikeln. Övning 5 Properties/Egenskaper: Ladda upp en ny bild a) Ta bort kopplingen igen med papperskorgssymbolen. b) Istället för att klicka på Undefined, klicka nu trollspöt. c) Nu kommer du in i det gröna inbäddade arbetsflödet som vi gjorde i övning 7 och 8 där första steget är att välja en mapp i Innehållsfliken, där vi ska skapa ett nytt innehåll. d) Återställ sidan. Mer om Properties När du håller muspekaren över det understrukna namnet kommer det upp en text som beskriver var i Innehållsverktyget innehållet finns placerat. Det är användbart ifall du vill leta upp ett innehåll som du själv inte har skapat, eller om du inte kommer ihåg var någonstans du sparade det. Läs mer: se/webbpublicering/instruktio ner/grunderna/byggstruktur/si degenskaper/ 30 (30)