Grundkurs InfoGlue. Göteborgs universitet 2012

Transkript

1 Grundkurs InfoGlue Göteborgs universitet 2012 Firefox har traditionellt varit den rekommenderade webbläsaren för att arbeta i InfoGlue. Numera fungerar de flesta webbläsare bra med InfoGlue vissa olikheter kan dock förekomma, exempelvis när det gäller var i sidan man ska klicka för vissa moment. På kurserna loggar vi in på särskilda kurskonton som ligger på en separat server. När man sedan arbetar med sin webbplats loggar man in i verktyget från eller via länk under Verktyg i Medarbetarportalen. På finns också instruktioner och lathundar, som vi gör vårt bästa för att hålla uppdaterade, kalender för webbstugor etc. samt allmänna rekommendationer för webben på Göteborgs universitet. CMS-support går att få: Via mejl: cmshelp@gu.se Supporttelefon: kl 8:30-12 Webbstuga ungefär varannan torsdag Ändra inställningar i InfoGlue Finns uppe i högra hörnet när man är inloggad. Där kan man byta lösenord, ställa in språket för gränssnittet och välja vilket verktyg man först vill få upp när man loggar in. 1

2 Övning 1: Uppdatera text Syfte: Introducera den allra vanligaste uppgiften på en webbplats som är uppe och igång: uppdatera information i en befintlig sida Vi börjar i strukturverktyget (gula fliken) med att gå in och uppdatera texten i en befintlig sida. Uppgift: A) Gå in i texten på utbildningswebbplatsens första sida och lägg till några rader text: 1) Klicka på webbplatsens namn överst i strukturträdet så att du får se förstasidan. 2) Klicka på Redigera-länken: 3) Texteditorn kommer upp. Ändra litet och SPARA. Skriv ytterligare litet. 4) När du är klar: SPARA och STÄNG Vad vi har gjort I InfoGlue-termer har du nu varit inne via strukturverktyget och gjort ändringar i ett innehåll. Innehållstypen för text som ligger i mitten på sidan kallas för Artikel. Samma texteditor används i andra sammanhang inom InfoGlue. Alternativa sätt att redigera 1) Man kan också leta upp innehållet i mapparna under den gröna fliken och redigera det den vägen. 2) Ett tredje sätt att nå Texteditorn är att högerklicka i mittenspaltstexten och klicka på Redigera text, i den meny som poppar upp, så att Texteditorn kommer fram. I popupmenyn att finns också ett alternativ att Redigera text i sidan. Detta alternativ (=direktredigering) kan nås även genom att dubbelklicka på texten. Detta kunde vara praktiskt för enkla uppdateringar om det inte fanns en liten men efterhängsen bugg, som gör att om man har plustecken (+) i sin text så försvinner dessa när man sparar. 2

3 Övning 2: Mappar i Innehållsträdet Syfte: Visa hur man skapar innehållsmappar och förklara hur de används. 1) Gå över på den gröna fliken = Innehållsverktyget. 2) Klicka på den gröna kuben så att verktygsknapparna visas. 3) Klicka på Ny Mapp. Ge mappen ett namn och SPARA. 4) Stå kvar på den nytillverkade mappen och Klicka på Ny Mapp igen, namnge och SPARA. Denna mapp kommer då att ligga inuti den första. 5) För att lägga ytterligare mappar inuti den första får man hela tiden gå tillbaka till mapp nr 1 för att skapa Ny Mapp. Om innehållsmappar För några år sedan var det inte möjligt att arbeta med innehållet via strukturverktyget, så som vi nu oftast gör. Då var det nödvändigt att gå över på den gröna fliken för att skapa nya artiklar. Idag är det nästan bara för att skapa nya mappar man måste gå över till Innehållsverktyget. Hur mapparna i innehållsträdet är ordnade är inte något som märks ute på den publicerade webbplatsen. Det är viktigt i längden att ha en bra och arbetsvänlig ordning på webbplatsens mappar och att inte ha allt innehåll liggande löst men vad som är lämpligast beror på webbplatsens storlek och karaktär. Nya webbplatser brukar levereras med färdiga mappar för de olika innehållstyperna: Artiklar, Bilder, Dokument, Kontaktinformation och Miniartiklar. Det finns också ett par mappar för webbplatsens nyheter (Nyheter och Nyheter Temp) som är nödvändiga för att nyhetsrullen ska fungera. (Får alltså ej raderas!!) Mappen Artiklar brukar man dela in i undermappar för webbplatsens huvudsakliga underavdelningar. På stora webbplatser där det är olika personer som ansvarar för olika underavdelningar har man ofta valt att lägga allt material i en mapp för underavdelningen och t ex ha en egen bildmapp där. När man arbetar med ett stort antal redaktörer som var och en endast ska uppdatera sin egen sida (eller grupp av sidor) är det viktigt att detta är förberett genom att Infomaster har satt upp egna innehållsmappar för varje lättredaktör. Det ska vara så lätt som möjligt för dessa redaktörer att hitta sin egen mapp när de skapar nytt innehåll via strukturverktyget, så det är viktigt att personmapparna inte ligger för djupt begravda i andra mappar. 3

4 Övning 3: Bygga webbplatsens struktur Syfte: Visa hur webbplatsens struktur byggs genom att skapa noder och undernoder. Visa att det går att flytta sidor från ett ställe i strukturen till ett annat. I strukturverktyget (gula fliken) bygger man upp webbplatsens struktur genom att skapa sajtnoder. Varje nod i strukturen är en (tom) webbsida, som automatiskt får en länk i vänstermenyn. Webbplatsens struktur byggs upp hierarkiskt. Strukturträdet i verktygets vänsterspalt visar med (+) vilka sidor som har sidor under sig. Uppgifter: A) Skapa en ny nod (webbsida) för dig själv under Kontakta oss: 1) Klicka in dig på sidan Kontakta oss 2) Klicka på knappen Ny sajtnod i panelen med verktygsknappar. 3) I fältet för Sidans namn skriver du namnet på din webbsida. Det du skriver in här läggs automatiskt in i ett antal olika fält för olika sajtnodegenskaper. 4) Välj Artikelsida som sidmall den MÅSTE väljas även om du bara har EN att välja på. 5) Klicka på SPARA > Sidan skapas och du ser sidan så som den ser ut utan innehåll. Hur man får till en plats i sidan för textinnehållet kommer vi till senare. B) Skapa på samma sätt en undernod till den nya sidan. (ställ markören på noden som du just skapade). C) Förhandsgranska dina sidor genom att klicka på Granska sajtnod. D) Skapa gärna fler sajtnoder. Ge dem gärna namn från din egen verksamhet. E) Flytta en sajtnod till ett annat ställe i strukturen: 1) Klicka in dig på den sajtnod du vill flytta. 2) Klicka på knappen Flytta sajtnod i panelen med verktygsknappar. 3) I fönstret som kommer upp klickar du in dig på den sida du vill att sidan ska ligga under. 4) Klicka på SPARA och OK (du vill VERKLIGEN flytta sidan). 5) Klicka på den lilla uppdateringssymbolen nedanför strukturträdet: 4

5 Övning 4: Skapa plats för texten i en nygjord sida Syfte: Visa hur man får in ett textinnehåll i webbsidans brödtextyta. Allt innehåll vi skapar via strukturen måste ha en förberedd plats i innehållsträdet, alltså en lämplig mapp. När vi har kommit såhär långt bör det finnas tillräckligt med mappar. Uppgifter: A) Skapa huvudinnehåll för de sidor/sajtnoder du nyss tillverkade: 1) Gå tillbaka på gula fliken (strukturverktyget). 2) Klicka in dig på en av dina nya sidor. 3) I den tomma ytan för sidans brödtext ser du två länkar, Välj och Lägg till. Klicka på Lägg till för att skapa en helt ny Artikel. 4) Du kommer till ett inbäddat arbetsflöde i fyra steg: i) Välj vilken innehållsmapp det nya innehållet ska ligga i genom att klicka på en lämplig mapp och sedan på knappen NÄSTA. Ge innehållsramen ett namn (gärna samma som sidan har i strukturen) och klicka på NÄSTA ii) Du kommer till Bifoga fil ladda upp bild. Hoppa över detta steg (klicka NÄSTA) iii) Du kommer till artikeln i Texteditorn. Ge den en Rubrik och skriv in litet text. Det är viktigt att du inte lämnar fältet för Rubrik tomt i detta steg. iv) Spara artikeln genom att klicka NÄSTA igen Stäng sedan popupen som skymmer sidan med SPARA & AVSLUTA 5

6 Alternativa metoder för att få in ett textinnehåll i sidan A) Länken Välj, är till för de fall där det redan finns en Artikel i innehållsmapparna, som ska användas i den nya sidan. Det går utmärkt att använda samma artikel i mer än en sida (det är dock relativt sällan som man verkligen vill ha exakt samma text på flera ställen inom en webbplats). 1) Klicka på Välj. 2) Bläddra fram önskad artikel i innehållsmapparna. 3) Markera (den ska bli svart) och SPARA. B) Man kan också göra så att man först skapar sitt innehåll i innehållsverktyget och sedan binder in det i strukturen genom att klicka Välj eller använder den ursprungliga metoden från 2005, att klicka på länken Undefined i fältet Article i popupen för Egenskaper. Huvudprincipen är alltid att artikeln inte kan bli synlig på webbplatsen förrän den har bundits in i en sajtnod i strukturen. Den lilla symbolen (papper med trollspö) mellan Undefined och frågetecknet fungerar likadant som Lägg till. Den leder alltså in i arbetsflödet för att skapa en ny Artikel. När man har kopplat in en artikel är det artikelns namn som står som länk. Leta Det kan vara bra att känna till hur man kan se sökvägen till den artikel som ligger inbunden i en sida. När man håller pekaren över namnet på Article får man nämligen upp en textremsa med sökvägen: 6

7 Arbeta i Texteditorn Man gör rubriker i texten genom att välja Underrubrik och Styckesrubrik i rullgardinsmenyn för Teckenformat. I rullgardinsmenyn Anpassad stil kan man välja stilarna Ingress eller Stort citat. För att ta bort stilarna väljer men dem en gång till menyn funkar som en på- och avknapp. Lägg märke till att det kommer fram förklaringstexter till symbolerna när man håller muspekaren stilla över dem en stund. Kopiera ett textstycke (Ctrl-C) och klistra in det (Ctrl-V) popupfönstret du måste använda är till för att rensa bort oönskad formateringskod från webb, ordbehandlingsprogram eller pdf-dokument. De inledande symbolerna från vänster i översta raden används troligen inte särskilt mycket: Klipp ut, kopiera, klistra in, skriv ut, ångra, gör om, sök och ersätt. Klipp ut och kopiera via symbolerna brukar inte heller accepteras av webbläsaren. Klistra in utökat tecken: innehåller de tecken som det finns html-kod som t ex ä för ä. Nedsänkta tecken och upphöjda tecken kanske inte blir bra i alla webbläsare. Helskärmsvy: ger bättre överblick i vissa lägen. Källa: ger tillgång till artikeln som html-kod. B: fetstil och I: kursivstil. Används med måtta. Kursivstil blir sällan bra på webben. Numrerad lista. Punktlista. Skapa eller redigera en länk behandlas utförligt senare i häftet. Radera länk (nergråad när man inte står på en länk). Skapa eller redigera en ankarlänk (instruktion finns på publicera.gu.se). Infoga eller modifiera inlänkning av en bild behandlas utförligt senare i häftet. Infoga horisontal linje. 7

8 Övning 5: Ändra nodegenskaper för sidor Ett antal egenskaper för en webbsida ligger som sajtnodegenskaper. De fylls i automatiskt när sidan skapas men kan behöva modifieras för att sidan ska visas på ett bra sätt på webben. Syfte: Visa var man ändrar webbsidans titel. Visa hur man ändrar texter i vänstermenyn. Visa hur man sorterar vänstermenyn i annat än alfabetisk ordning. Visa hur man ändrar sidans URL-namn. Visa hur man döljer sidor. Visa hur man ändrar sidansvarig. Uppgifter: A) Välj en sida att göra ändringar på. Klicka på verktygsknappen Ändra nodegenskaper : I fönstret som kommer upp finns fält där du bland annat kan påverka följande: Title Namnet på sidan; det som kommer att synas överst i webbläsarens fönster. Länktext vad som kommer att synas i menyn till vänster. Sorteringsordning beskriver i vilken ordning länkarna ska ligga i vänstermenyn. I utgångsläget är ordningen alfabetisk, utom för de privilegierade länktexterna Aktuellt, Utbildning, Forskning och Samverkan, som hamnar överst oavsett numrering. Vill man styra sorteringsordningen måste man gå igenom sajtnodegenskaperna för alla berörda sajtnoder och numrera upp dem på ett konsekvent vis. Url namn den unika biten av sidans webbadress. (t ex donationer i ) Undvik å,ä,ö och mellanslag. Göm menylänken till sidan kryssas i om sidan inte ska visas i vänstermenyn Sidansvarig och Sidansvariges e-post namn och epostadress för den som ska vara ansvarig för sidan (behöver bara fyllas i om det är någon annan än den som ansvarar för hela webbplatsen, ärvs sedan nedåt i strukturen) 8

9 Övning 6: Länka inom InfoGlue och utanför Syfte: Visa hur man gör länkar i InfoGlue. Förklara skillnaden på en intern och en extern länk i InfoGlue. Visa hur man kan länka internt till andra webbplatser inom CMSet. Visa hur man skapar länkar inom en webbsida, så kallade ankarlänkar. Länkar läggs in i texten i en artikel. Man arbetar än en gång i texteditorn. Länkar inom InfoGlue gör man genom valet Välj från InfoGlue.... Detta kallas för en intern länk (eller en relativ / mjuk länk). Med denna metod kommer eventuella uppdateringar och namnändringar av målsidan inte att bryta länkningen. Vi rekommenderar starkt att länkar inom det universitetsgemensamma webbpubliceringssystemet görs som interna länkar. Interna länkar bryts bara när man tar bort sidan. Då bryts de även om man gör en ny sida med samma namn. Länkar till webbsidor utanför InfoGlue gör man genom att klistra in länkadressen (t ex Vi kallar detta för en extern länk (eller en hård länk). Länkar gjorda med denna metod bryts om länkadressen ändras (något som man sällan har inflytande över). Uppgifter: A) Skapa en intern länk inom din egen webbplats: 1) Markera den text du vill göra klickbar. 2) Klicka på symbolen för länkning: 3) Klicka Välj från InfoGlue.... 4) Bläddra fram till den sida du ska länka till i strukturträdet på din webbplats. (Du behöver INTE välja källa för att länka inom din egen webbplats). 5) Klicka på sidnamnet så noden och dess namn svartmarkeras. 6) Klicka på SPARA. 7) Klicka på OK. B) Skapa på samma sätt en intern länk till en annan webbplats inom InfoGlue: 1) Markera text. 2) Klicka på länksymbolen. 3) Välj från InfoGlue.... 4) Använd nu rullgardinsmenyn Välj källa för att välja en annan webbplats du vill länka till. Använd GU Utbildning eller någon av kurswebbplatserna. 5) Välj en sida på den andra webbplatsen genom att klicka på sidnamnet så noden och dess namn svartmarkeras, SPARA och OKeja. C) Skapa en extern länk, dvs till något utanför InfoGlue, t ex GP:s sida. Leta först upp en sida du vill länka till och kopiera sidans adress (eller använd en du kan utantill). 1) Markera text, 2) klicka på länksymbol. 3) Klistra in adressen i fältet för URL. 4) SPARA och OKeja. 9

10 D) Skapa ankarlänkar för att länka inom en sida i InfoGlue. Med hjälp av ankarsymbolen kan man lägga in osynliga ankaren vid t ex styckerubriker för att t ex lägga in en innehållsförteckning i sidan. 1) Placera markören på den plats i sidan där du vill göra ett ankare och klicka på ankarsymbolen. 2) I popup-fönstret Ankaregenskaper anger du ett ankarnamn. Det är bra ge ankaret ett namn som beskriver texten man ska länka till om du senare vill ändra på ordningen i sidan, använd inte å, ä eller ö i namnet. Klicka OK. 3) En gul ankarsymbol läggs till där du placerade markören. 4) När du gjort så många ankaren du behöver skapar du en innehållslista överst på sidan för att länka till de olika platserna i texten. 5) Markera länktexten och klicka på symbolen för länkning. Välj Ankare i sidan drop downmenyn för Länktyp. 6) Välj sedan det ankare du vill länka till och OKeja. Ankarlänkar kan också användas omvänt för att länka till toppen av en sida som man har sidor med långt textinnehåll. 10

11 Övning 7: Lägga information i högerkolumnen Högerkolumnen är ett område som kan fyllas med associerat innehåll. Där finns möjlighet att lägga in en högerspaltbild (måste ha bredden 220 pixlar), kontaktuppgifter, en miniartikel med relaterade länkar eller en Bild&Textplugg (Bild&Textplugg behandlas i övning 10). Syfte: Visa hur man använder högerspalten Uppgifter: A) Lägga in kontaktinformation: 1) Högerklicka i den knallgula ytan Högerklicka för att lägga till komponent 2) Välj Lägg till komponent i popuppen. 3) Välj Kontaktinformation. 4) Klicka på symbolen dokument med trollspö vid fältet för Contact eller STÄNG och använd länken Lägg till. 5) Markera Kontaktinformation som den folder där du vill spara innehållet, NÄSTA. 6) Ge innehållsramen ett namn. NÄSTA. 7) Hoppa över Bifoga fil ta bara NÄSTA. 8) Fyll i de kontaktinformationsfält du vill använda, sätt gärna din egen epostadress i Epost1 (ändra inte texten Kontaktformulär). 9) Avsluta med NÄSTA, sedan SPARA och AVSLUTA. B) Lägga in en högerspaltsbild: Leta först upp en bild med rätt mått för högerspalten (220 pixlar). 1) Gå till en sida i strukturverktyget. 2) Högerklicka i den knallgula ytan Högerklicka för att lägga till komponent. 3) Välj Lägg till komponent i popuppen. 4) Välj Bild (högerspalt). 5) Klicka på symbolen dokument med trollspö vid fältet för Image. 6) Markera Bilder som den folder där du vill spara innehållet, NÄSTA. 7) Ge innehållsramen ett namn. NÄSTA. 8) Nu använder du möjligheten att Bifoga fil (Bläddra och välj den förberedda bilden), NÄSTA. 9) Ge bilden en Alt-text, NÄSTA SPARA och AVSLUTA. C) Lägga in en miniartikel (textblock): Går till på motsvarande sätt som ovanstående två, komponenten kallas Textblock och innehållstypen kallas Miniartikel. Miniartiklar redigeras med samma texteditor som artiklar för mittspalten. 11

12 Övning 8: Skapa en engelsk motsvarighet till en sida Alla webbplatser i InfoGlue sätts upp med en engelskspråkig avdelning. Även i de fall man inte har anledning att ha en fullständig engelsk version av webbplatsen skall man har en kort presentation på engelska, samt kontaktinformation. Omvänt gäller att om man har en webbplats på engelska, skall man komplettera med en kort presentation på svenska. Webbplatsens engelska sidor ligger som en egen underavdelning inom webbplatsen. Där det finns en svensk och en engelsk sida som motsvarar varandra kopplar man ihop dem så att länken In English/På svenska leder till motsvarande sida på det andra språket. Syfte: Visa hur man länkar ihop de engelska sidorna med motsvarande svenska sidor och vice versa. Visa hur man lägger in innehåll i de engelska sidorna (en av metoderna). Uppgifter: A) Lägg till sidor under sidan English som motsvarar några av de sidor som finns på svenska, t ex: Research, Cooperation, Education. B) Koppla ihop sidan Research med sidan Forskning: 1) Gå till sidan Research. 2) Högerklicka mycket högt upp i sidan så att du får fram popuppen där du väljer Egenskaper för grundmallen. 3) Klicka på länken Undefined vid egenskapen AlternateLanguageStartPage. 4) Bläddra fram till sajtnoden Forskning, markera den och klicka på SPARA. Den engelska sidans länk till den svenska fungerar nu: 5) Följ länken På svenska till sidan Forskning. 6) Högerklicka så att du får upp popuppen där du väljer Egenskaper. 7) Klicka även här på länken Undefined vid egenskapen AlternateLanguageStartPage. 8) Bläddra fram till sajtnoden Research, markera den och klicka på Spara. 9) Testa länken In English och se att du kommer över till den engelska sidan. 12

13 C) Koppla in artikeln Forskning i sidan Research och lägg in text i artikelns engelska språkversion. Vi jobbar hela tiden från strukturverktyget. 1) Gå till den engelska sidan. 2) Klicka på länken Choose. 3) Bläddra fram till artikeln för den svenska sidan, välj den och spara. 4) Du ser nu att du har fått in den svenska texten i din engelska sida det beror på att än så länge är detta den enda version som finns. 5) Klicka dig in på Edit: Lägg märke till att du nu kommer in i den engelska språkversionen. 6) Fyll i den engelska språkversionens rubrik och lägg in litet text på engelska. 7) Spara och Avsluta. D) Leta upp artikeln i innehållsträdet och titta på Omslagsinformation för den. 13

14 Övning 9: Publicera Utbildningswebbplatserna har ingen publik version, därför kan man tyvärr inte se hela det färdiga resultatet av denna uppgift. Syfte: Introducera proceduren för publicering. Visa var man ser om en sida är Arbetskopia, Publicerbar eller Publicerad. Visa hur man väljer vad man vill få publicerat. Mycket av det man kan göra i InfoGlue regleras av vilka behörighetsroller man har i systemet. Som Skribent kan man producera sidor (struktur och innehåll) och skicka de färdiga eller uppdaterade sidorna för publicering. För att själv publicera sitt material ska man också ha rollen som Redaktör. På många håll organiserar man sitt arbete så att skribenter skickar för publicering detta innebär att en Redaktör eller Infomaster granskar det nya materialet och trycker på knappen för godkännande. Uppgifter: A) Kolla status på struktur och innehåll: Ta fram en artikel (i innehållsmapparna) och titta på vilken Status den har (bör vara Arbetskopia ). Titta också på var du kan se status för sidor/sajtnoder. B) Publicera en enskild sida: 1) Klicka in dig i strukturträdet på den sida du vill publicera. 2) Klicka på verktygsknappen Publicera aktuell sida. 3) Bocka för enbart det som hör till sidan den gula kuben plus sidans artikel plus eventuella innehåll i högerspalten (gröna kuber). 4) Klicka på knappen PUBLICERA. Observera hur status förändras till Publicerad. Direktpublicering genom att klicka på knappen PUBLICERA är den rekommenderade metoden för redaktörer (skribenter som själva har publiceringsrätt). C) Publicera en grupp sidor: 1) Klicka in dig på den gula kuben överst i strukturträdet (webbplatsens förstasida). 2) Välj denna gång den utfallande verktygsknappen Begär publicering du får då välja på allt material som ligger som Arbetskopia på webbplatsen. 3) Bocka för det du verkligen vill publicera och klicka PUBLICERA. Du kan också pröva att klicka på knappen SKICKA FÖR PUBLICERING och därefter gå över på den grå fliken för publicering och konstatera att det du skickade för publicering syns i den vänstra spalten detta betyder att det ännu inte är publicerat utan måste publiceras färdigt via grå fliken. 14

15 Övning 10: Ladda upp och länka in bilder och dokument Syfte: Visa hur man laddar upp dokument och bilder. Visa hur man länkar in dokumenten så att de sedan kan laddas ner från webben. Visa hur bilder fogas in så att de visas på webbsidan. Både bilder och dokument (pdf, word, Excel, etc) måste laddas upp från din lokala dator till webbpubliceringssystemets databas för att kunna användas på en webbsida. Både bilder och dokument laddas upp som bifogat innehåll. De kan antingen bifogas direkt på artikeln de ska användas i eller läggas på en särskild innehållsram i en separat bildmapp respektive dokumentmapp. Övning 10 a: Dokument Uppgifter: A) Vi ska börja med att ladda upp ett dokument i innehållsverktyget. 1) Gå till den gröna innehållsfliken. 2) Markera mappen Dokument. 3) Klicka på fliken Nytt innehåll och ge innehållsramen ett namn. Kontrollera att GU Dokument är förvalt i drop-downmenyn för innehållstyp. 4) Klicka på SPARA. 5) Skriv in dokumentets titel och ge det en beskrivning (kan vara titeln). 6) Klicka på SPARA. 7) Nu får du fram en flik med ett gem (bifoga fil) i listen. 8) Klicka på fliken för att bifoga ditt dokument. Du får upp ett pop-upfönster. Du kan ladda upp ett eller flera dokument. 9) Ladda upp ett dokument: Detaljerad uppladdning. 10) Klicka på bläddra för att leta rätt på dokumentet du vill ladda upp från din dator. När du hittat dokumentet markera det och klicka på Öppna. Dokumentets namn blir automatiskt nyckelord. Klicka på SPARA & AVSLUTA. Pop-upfönstret stängs och du kan en tumnagelbild under bifogade filer. Klicka på SPARA. 11) Ladda upp flera dokument i samma innehållsram: Gå över på fliken Massuppladdning. 12) Klicka på Select images (funkar med både bilder och dokument). 13) Välj ett par pdf-dokument som du vill ladda upp. Öppna. 14) När dokumenten har laddats upp ser du en pdf-symbol för dokumentet. 15) STÄNG uppladdningsfönstret, du ser pdf-symbolerna och de nyckelord som automatiskt skapats utifrån dokumentnamnen. 15

16 B) Länka in ett uppladdat dokument från innehållsverktyget i en artikel. 1) Gå in i redigeringsläget (klicka på Redigera) och skriv en länktext för dokumentet (det besökaren ska klicka på). 2) Markera hela länktexten. 3) Klicka på symbolen för länkning i texteditorns verktygspanel: > ett litet grönt extrafönster med titeln Länk (Link) poppar upp. 4) Klicka på knappen Välj från InfoGlue... > det poppar upp ytterligare ett extrafönster (gult) med titeln Insert link. 5) Klicka över på fliken Bifogad fil (Uploaded asset), så att fönstret blir grönt. 6) Leta rätt på din fil i mappen Dokument, markera den kontrollera att hela området kring symbolen blir markerat ljusblått. och klicka på SPARA. 7) Välj en lämplig ikon (pdf, word etc) för dokumentet i rullgardinsmenyn Link style. 8) Om dokumentet ska öppnas i ett nytt fönster får du först gå över på fliken Mål i extrafönstret Länk och där välja Nytt fönster (_blank) i rullgardinsmenyn och sedan gå över på fliken Avancerad och skriva in en lämplig varningstext i fältet Titel (t ex pdf öppnas i nytt fönster ). 9) Klicka på OK > det gröna extrafönstret stängs och länken är klar. SPARA I följande uppgifter lägger vi extramaterialet på själva artikeln. Tänk dock på att ett dokument som ligger uppladdat på en artikel inte kan tas bort. C) Länka in ett dokument som är uppladdat på artikeln (på artikeln Institutionsstyrelsen finns några färdiga att välja på) 1) Gå in i redigeringsläget och skriv en länktext för dokumentet. 2) Markera hela länktexten 3) Klicka på symbolen för länkning i texteditorns verktygspanel: -> ett litet grönt extrafönster med titeln Länk (Link) poppar upp 4) Välj från InfoGlue... 5) Gå över på fliken Bifogad fil. När dokumenten är uppladdade på artikeln ser du dem direkt när du klickat på bifogad fil. Du behöver alltså inte leta efter dem i dokumentmappen. 6) Klicka på symbolen för det dokument du ska länka in så att hela området kring symbolen blir markerat ljusblått. 7) Klicka på SPARA längst ner i fönstrets högra del. 8) Fortsätt sedan som i uppgift B. 16

17 D) Ladda upp dokument på en artikel (dokumenten kan sedan länkas in som i uppgift C): 1) Gå till den sida i strukturen där dokumenten ska användas och klicka på Redigera. 2) Gå över på fliken Bifogade filer. 3) Klicka Bifoga ny fil (längst ner): För att ladda upp ett dokument kan du stå kvar under fliken Detaljerad uppladdning. Vill du ladda upp flera dokument går du över på fliken Massuppladdning. Om du laddar upp fler än ett dokument på samma artikel det är då viktigt att de inte har samma nyckelord. 4) För att ladda upp flera dokument samtidigt, gå över på fliken Massuppladdning. 5) Klicka på Select images (funkar med både bilder och dokument). 6) Välj ett par pdf-dokument som du vill ladda upp. Öppna. 7) När dokumenten har laddats upp ser du en pdf-symbol för dokumentet. 8) STÄNG uppladdningsfönstret, du ser pdf-symbolerna och de nyckelord som automatiskt skapats utifrån dokumentnamnen. 9) Gå tillbaka på fliken Textinnehåll och länka in dokumenten som i uppgift C. Övning 10 b: Bilder Uppgifter: A) Ladda upp en bild som Rubrikbild. Leta först upp en bild som är 460 pixlar bred i bildmappen. 1) Gå till den sida som ska ha en rubrikbild och klicka på Redigera. 2) Gå över på fliken Bifogade filer. 3) Klicka på Bifoga ny fil. 4) Stanna kvar på fliken Detaljerad uppladdning. 5) Välj nyckelordet Rubrikbild i rullgardinsmenyn. 6) Bläddra och välj den förberedda rubrikbilden. 7) SPARA. 8) STÄNG. 9) Bilden har laddats upp och du ser en tumnagelsymbol med nyckelordet Rubrikbild. 10) SPARA och STÄNG. Bilden visas sedan som rubrikbild överst på sidan. Denna typ av rubrikbilder används på startsidan på en webbplats utan egen toppmeny. En rubrikbild måste alltid laddas upp direkt på artikeln. 17

18 B) Ladda upp en bild i innehållsverktyget. Själva uppladdningen fungerar som för dokument. 1) Gå till innehållsverktyget och mappen Bilder. Du kan skapa undermappar för att sortera dina bilder. 2) Markera den mapp du vill att bilden ska ligga i. 3) Klicka på fliken Nytt innehåll och ge innehållsramen ett namn. Kontrollera att Image är förvalt i drop-downmenyn för innehållstyp. 4) Klicka på SPARA. 5) Fyll i alla fält. 6) SPARA. 7) Nu visas fliken med Bifoga fil (samma som i övning A). 8) Klicka på fliken för att bifoga din bild. Du får upp ett pop-upfönster. Du kan ladda upp en eller flera bilder. 9) Ladda upp en bild: Detaljerad uppladdning. 10) Klicka på bläddra för att leta rätt på dokumentet du vill ladda upp från din dator. När du hittat dokumentet markera det och klicka på Öppna. Du behöver inte ange nyckelord, det sker automatiskt. Klicka på SPARA & AVSLUTA. Pop-upfönstret stängs och du kan en tumnagelbild under bifogade filer. Klicka på SPARA. 11) Ladda upp flera bilder i samma innehållsram: Gå över på fliken Massuppladdning. 12) Klicka på Select images. 13) Välj ett par bilder som du vill ladda upp. Öppna. 14) När bilderna har laddats upp ser du tumnagelsymboler under bifogade filer. 15) STÄNG uppladdningsfönstret, du ser tumnagelymbolerna och de nyckelord som automatiskt skapats utifrån bildernas namn. C) Länka in en bild från innehållsverktyget i en artikel: 1) Välj en artikel med en rejäl textmassa. Klicka på Redigera och sätt insättningspunkten på lämpligt ställe i artikeltexten. 2) Klicka på bildsymbolen (Infoga/redigera bild) > ett nytt litet fönster (Bildegenskaper) poppar upp. 3) Klicka på Välj från InfoGlue (Browse server). Ett nytt fönster (innehållsverktyget) poppar upp. 4) Leta rätt på bilden i din bildmapp. Markera den och SPARA. 5) Skriv en kort alternativ text. 6) Välj den Image style som passar till bildens breddmått, högerställd/ vänsterställd, välj det som passar. 7) Under avancerat kan du ange en title som visas när du för muspekaren över bilden. 8) Klicka OK 18

19 Det går också att ladda upp bilder direkt på artikeln. D) Ladda upp en bild att infoga i artikeln på själva artikeln. Själva uppladdningen fungerar likadant som uppladdning av dokument på en artikel: 1) Gå till den sida i strukturen där bilden ska användas (Välj en sida med som innehåller en ganska rejäl bit text.). 2) Klicka på Redigera. 3) Gå över på fliken Bifogade filer. 4) Klicka på Bifoga ny fil. 5) Gå över på fliken Massuppladdning. 6) Klicka på Select images. 7) Välj en bild (eller flera) som du vill ladda upp. Öppna. 8) STÄNG uppladdningsfönstret när du ser tumnagelsbilden för bilden. 9) Gå tillbaka på fliken Textinnehåll för att foga in bilden i artikeln. E) Foga in bilden: 1) Sätt insättningspunkten på lämpligt ställe i artikeltexten. 2) Klicka på bildsymbolen (Infoga/redigera bild). > ett nytt litet fönster poppar upp. 3) Skriv en kort Alternativ text. 4) Klicka på Välj från InfoGlue... (Browse server). 5) Bläddra fram till den förberedda bilden. 6) Markera. 7) Spara. 8) Välj den Image style som passar till bildens breddmått och ligger högerställd/vänsterställd (vilket som passar). 9) Under avancerat kan du ange en title som visas när du för muspekaren över bilden. 10) Klicka OK. Lathund för bildstorlekar Rubrikbild (för sida med vänstermeny) 460 px Högerspaltsbild bredd 220 px Bild&Textplugg 218 px Liten bredd 138 px Mellan bredd 184 px Stor bredd 230 px Störst bredd 276 px Fullbredd bredd 460 px 19

20 Övning 10 c: Lägga in en Bild&Text plugg i högerspalten Detta är en komponent som innehåller bild och ett textblock med länktext och eventuellt en undertext. Bilden ska vara 218 px bred. Det är som synes nedan ganska många moment för att färdigställa en Bild&Text plugg Uppgifter: 1) Högerklicka i den knallgula ytan Högerklicka för att lägga till komponent. 2) Välj Lägg till komponent i popuppen. 3) Välj Bild&Text plugg (högerkolumn) i listan över högerspaltskomponenter. 4) Klicka därefter på symbolen dokument med trollspö vid fältet för BildOchText. 5) Markera den folder i där du vill spara innehållet, NÄSTA. 6) Ge innehållsramen ett namn, NÄSTA. 7) Ange nyckelord och Bifoga fil (Bläddra och välj den förberedda bilden), NÄSTA. 8) Du kommer till editorn för Bild&Text pluggen. Ge den en Rubrik (högst 40 tecken). Skriv in text i fältet Text (högst 83 tecken). Ange alternativ text för bilden i fältet Alt text. 9) Om du ska ha en extern länk, klistra in denna och skriv in en Title för länken (klicka sedan NÄSTA, därefter SPARA och STÄNG). 10) Om du ska ha en länk internt inom InfoGlue går du först vidare med NÄSTA och Spara&STÄNG 11) Stäng popupen med SPARA & AVSLUTA. För att göra pluggen färdig med en intern länk får man alltså gå in och Redigera (eller leta upp den i innehållet). 1) För att länka internt används fältet Målsida klicka där på Edit relations. 2) Bläddra fram till den sida du vill länka till (via Välj källa om du ska länka till en annan InfoGluewebbplats). 3) Markera genom att klicka på sidans namn i strukturträdet. 4) Klicka på ADD. 5) Klicka på SPARA. 6) Klicka på STÄNG. 20

21 Övning 11: Att arbeta med kalendern Verktyget där man administrerar evenemang i kalendern är ett verktyg som är fristående från de övriga verktygen i InfoGlue. Evenemangen visas sedan i webbplatsens kalendersidor, som är uppbyggda med några specialkomponenter för kalenderpresentation. Kalenderverktyget har en egen inloggning, som man kan nå via länken Evenemangsadministration på den gulgröna fliken Min arbetsplats. Gå inte av misstag in på Anonym evenemangsskapande. Den verkliga kalendern (inte kurskalendern) går också att nå via en länk på publicera.gu.se. Syfte: Visa hur man lägger in evenemang i kalendariet och publicerar dem. Visa hur man skapar serier av evenemang genom kopiering. Visa hur man länkar in andras evenemang i sin egen kalender. Se hur evenemangen presenteras på de olika sidor som ingår i webbplatsens kalenderfunktion. Introducera evenemang med anmälningsformulär. Visa något om att bifoga filer till evenemang. Uppgifter: A) Skapa ett okomplicerat evenemang och publicera det: 1) Logga in i Evenemangsadministrationen från Min Arbetsplats 2) Klicka på Nytt evenemang 3) Välj den kalender som står under Mina kalendrar, den har samma nummer som din kurswebbplats. 4) Fyll i de obligatoriska fälten. 5) Klicka på knappen Förhandsgranska, längst ner. 6) Längst ner på förhandsgranskningsvyn finns nu nya knappar: 7) Klicka på Spara svenska för godkännande. B) För att sedan godkänna evenemanget: 1) Gå in på Evenemang. 2) Gå där vidare in på ditt nya evenemang och gå till knapparna längst ner: 3) Klicka på Publicera evenemang. Studera sedan hur evenemanget presenteras i strukturverktygets granskningsläge. 21

22 C) Skapa en kopia av ditt evenemang: 1) Gå in på Aktuellt publicerade. 2) Gå vidare in på ditt evenemang. 3) Gå till knapparna längst ner och klicka på Skapa kopia. 4) Ändra datum och tid i kopian så att du får ett andra tillfälle med samma innehåll. Förhandsgranska Publicera Studera hur evenemangen presenteras i strukturverktygets granskningsläge D) Länka in ett evenemang från en annan kalender: 1) Leta upp ett evenemang via Sök. 2) Klicka in på evenemanget. 3) Klicka på Länka in (längst ner på förhandsvyn). 4) Välj din kalender. E) Titta på förhandsgranskningsvyn av ett evenemang och se var du kan bifoga ett dokument om du vill (knappen Bifoga Fil sitter längst ner till vänster). Välj BifogadFil som Asset name. OBS! Använd aldrig PuffBild! F) Gör ett evenemang med begränsat antal deltagare och sista anmälningsdag: 1) Skapa ett nytt evenemang 2) När man fyller i fältet för Sista anmälningsdag får man ett obligatoriskt anmälningsformulär knutet till evenemanget. 3) Förhandsgranska sedan ditt evenemang och publicera det 4) Gå till evenemanget i strukturverktygets granskningsläge och testa att anmäla dig. OBS! Om du vill ta bort anmälningsformuläret MÅSTE du göra detta genom att TA BORT SISTA ANMÄLNINGSDAG med hjälp av papperskorgen vid kalendern. Rör inte fältet där det ser ut som att man kan välja anmälningsformulär. Lathundar för kalendern finns på publicera.gu.se under InfoGlue-instruktioner > Hantering av kalendern. 22

23 Övning 12: Att arbeta med nyhetsflödet Nyheter skapas under fliken Min arbetsplats där man kan starta arbetsflöden för att göra tre olika sorters nyheter: Skapa nyhet som innebär att själv skriva nyheten från grunden. Länka in nyhet där du lånar in nyheter som publicerats på annan plats på GU till din webbplats. Skapa extern nyhet som innebär att du kan puffa för och länka till en nyhet på en annan webbplats. Syfte: Visa hur man lägger in de tre olika typerna av nyheter som finns i InfoGlue Se hur nyheten presenteras på de olika sidor som ingår i en nyhetsrulle. Visa hur man går in i en publicerad nyhet i innehållsmapparna och ändrar den Visa hur man tar bort en nyhet Övningar: A) Skapa en nyhet: 1) Gå till den gulgröna fliken Min Arbetsplats 2) Klicka på Skapa nyhet (under Tillgängliga arbetsflöden) 3) Fyll i något i varje obligatoriskt fält. Längst ner ser du följande knappar : Klicka på Spara du kommer tillbaka till Min Arbetsplats. (Om du klickar på Spara och fortsätt stannar du kvar i samma vy.) 4) Fortsätt redigera nyheten: Klicka på Editera (under Arbetsflöde/Uppgift) När du är klar: Klicka på Förhandsgranska så att du kommer till förhandsgranskningsvyn där du publicerar genom att klicka på Publicera. Observera att nyheter alltid publiceras när man fullföljer detta arbetsflöde. B) Studera via granska sajtnod hur nyheten presenteras på dina respektive nyhetssidor. C) Leta rätt på din nyhet i innehållsmapparna. (t.ex. Nyheter/2009/2), gör ett tillägg i texten och publicera den igen 23

24 D) Länka in en nyhet från en annan webbplats i InfoGlue: 1) Gå till den gulgröna fliken Min Arbetsplats. 2) Klicka på Länka in nyhet (under Tillgängliga arbetsflöden). 3) Leta upp en nyhet genom att göra en sökning (Sök på senaste månaden under Fakultet: GU centralt). 4) Klicka bort bocken för Toppnyhet och klicka på Publicera nyheten är då inlänkad. E) Studera via granska sajtnod hur den inlänkade nyheten presenteras man transporteras till webbplatsen där originalet ligger för att läsa fulltexten. F) Skapa en extern nyhet : Välj någonting på webben som du vill länka till i din nyhetsrulle och kopiera adressen (det måste inte vara en nyhet). 1) Gå till den gulgröna fliken Min Arbetsplats. 2) Klicka på Länka in nyhet (under Tillgängliga arbetsflöden). 3) Skriv eller klistra in URL för sidan länken ska gå till. 4) Skriv Länktext och Länktitel. 5) Skriv en egen pufftext. 6) Klicka på Förhandsgranska så att du kommer till förhandsgranskningsvyn där du publicerar genom att klicka på Publicera (man ser bara Länktexten). G) Studera via granska sajtnod hur den externa nyheten presenteras. H) Ta bort en nyhet: 1) Leta upp nyheten som du vill ta bort i innehållsmappen Nyheter. 2) Klicka på Avpublicera alla versioner. 3) Klicka på Radera. Instruktioner/lathundar finns på publicera.gu.se under InfoGlue-instruktioner > Hantering av nyheter. 24