Kommunikationsenheten
Erik Dahlbergsgatan 11 B, plan 5, Box 100, 405 30 Göteborg 031 786 00 00
Grundkurs i InfoGlue
2017
Innehåll
• Allmänt om webbpublicering o Informera på en webbplats o Riktlinjer för webbarbete
o Skrivregler på Göteborgs universitet 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
o Gå till kurswebbplatsen i strukturverktyget….…………...5
• Verktygsknappar i Strukturverktyget………...6
• Nodegenskaper……….………... 7
• Innehållsverktyget……….………... 8
• Verktygsknappar i Innehållsverktyget………....……. 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………... 25
• Ö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
• Webbutvecklingsprojekt 2017-2019………30
Webbpublicerings sidor och CMS-supporten
På http://medarbetarportalen.gu.se/webbpublicering hittar du instruktioner, rekommendationer för webben, anmälan till kurser, information om sociala medier med mera. Har du funderingar, stöter på problem eller vill ha rådgivning kring webb är du alltid välkommen att höra av dig till CMS-supporten.
Kontaktformulär: http://medarbetarportalen.gu.se/webbpublicering/cmssupport/
Telefon: 031-786 2910
Telefontider: mån-tis, tors-fre 8:30-12, ons 13-16:30 (gäller 2017)
Webbstugor: var tredje vecka, se webbpublicerings sidor för datum och anmälan
Om webbpublicering
På Göteborgs universitet används webbpubliceringsverktyget InfoGlue. Denna handledning syftar till att lära dig hur InfoGlue fungerar. Webbpubliceringsverktyg kallas även CMS (Content Management System).
Informera på en webbplats
Vår webbplats är universitetets viktigaste kommunikationskanal i digitala medier. Målet är att presentera den mångfacetterade information vi har på ett sätt som ger en tydlig och sammanhållen bild av Göteborgs universitet.
Webbplatserna i Infoglue följer universitetets visuella identitet och har samma sidhuvud med universitetets logotyp på platta och verksamhetens namn till höger om logotypen. Webbplatsens innehåll, texter och bilder som du kommer att arbeta med, är en viktig del av vår webbplats.
Riktlinjer för webbarbete
Webbriktlinjerna ska vara ett stöd för dig och bistår med den grundläggande kunskap som krävs för att Göteborgs universitet ska ha en kvalitativ webbplats.
Läs mer http://medarbetarportalen.gu.se/webbpublicering/rekommendationer/skriva-for-webb
Skrivregler på Göteborgs universitet
På Göteborgs universitet följer vi Myndigheternas skrivregler som ges ut av Regeringen.
Läs mer http://medarbetarportalen.gu.se/Kommunikation/verktyg/skrivregler
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 söker automatiskt i CMSet, men det finns några saker som du som redaktör bör tänka på för att underlätta för alla besökare. Till exempel:
• Skriv det viktigaste först, inled varje sida med en sammanfattning.
• Alternativtexter för alla informationsbärande bilder.
• Skapa punktlistor när det finns fler än två länkar i en länklista.
Läs mer http://medarbetarportalen.gu.se/webbpublicering/rekommendationer/tillganglighet
Responsiv webb
Webbplatsen anpassar sig efter storlek på skärmen, du ser ett utseende i datorn och ett annat i mobilen. Lägg det som är viktigast först så hamnar det överst i mobilen. Undvik även bilder för dekoration.
Läs mer http://www.medarbetarportalen.gu.se/webbpublicering/responsiv-webbplats
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 http://medarbetarportalen.gu.se/webbpublicering/rekommendationer/information_engelska
Sökmotoroptimering, SEO
SEO är en teknik som går ut på att placera webbsidan så högt som möjligt i sökresultat. 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 för alla webbsidor.
Läs mer http://medarbetarportalen.gu.se/webbpublicering/rekommendationer/sokmotoroptimering
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 http://medarbetarportalen.gu.se/Kommunikation/bilder-och-bildbank/bildbanken
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 neri sidfoten.
Länkadresser:
- medarbetarportalen.gu.se/webbpublicering - publicera.gu.se
Nu ska du vara här
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.
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
Verktygsknappar i strukturverktyget (orange flik)
Opublicerad sida/arbetskopia
1 2a, b 3 4 5 6 7 8
1. 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.
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:
http://medarbetarportalen.gu.se/webbpublicering/instruktioner/grunderna/byggstruktur/andranodegenskaper
Innehållsverktyget (grön fliken)
Innehållsträdet
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
Ö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.
Ö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 www.gu.se.
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.
Ö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 Övningsfiler InfoGlue, där hittar du de övningsfiler vi ska använda oss av. Välj pdf-filen styrprot_160302 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.
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 160302”.
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_160302”. 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.
Ö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”.
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.
Ö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:
http://medarbetarportalen.gu.se/webbpublicering/instruktioner/grunderna/texteditorn/laggainbilder/
Ö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 (http://kurswebb.gu.se/XX - 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
Ö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 bilden nedan. 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 i strukturträdet (orange flik) 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 och Studentportalen finns en särskild mall: Artikelsida, Medarbetarportalen.)
d) Klicka på Spara.
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.
g) I fältet Innehållsramens namn fyller du i artikelns namn, "Uppdragsutbildning, ny artikel".
Notera att Innehållstypen är ”Artikel”. Klicka på Nästa.
h) Du kommer nu vidare till Bifoga fil. Hoppa över detta steg genom att klicka på Nästa.
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 http://sv.lipsum.com/feed/html.
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 1.
Ö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, i strukturträdet (orange flik).
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.
<
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 http://sv.lipsum.com/feed/html. 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 under din 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.
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) Du kommer till fönstret Properties. Kryssa i Ja vid rutan Dölj på mobila enheter.
s) Klicka på Spara & avsluta. t) 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.
u) Högerklicka på bildkomponenten.
v) Välj Flytta upp komp.
Ö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, i strukturträdet (orange flik)och sedan på knappen 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 stäng.
Ö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.
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 och klicka på Spara.
i) Lägg in en bild genom att först klicka på knappen Bifoga fil i verktygsmenyn. OBS! Knappen syns bara efter att du har tryckt på Spara.
j) I fönstret Bifoga fil som kommer upp klickar du på knappen Välj fil (Browse).
k) Bläddra dig fram till Skrivbordet och öppna mappen Infoglue Övningsfiler. Välj bildfilen 460Forskning och klicka på Öppna.
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. Ändra till nyckelordet NewsImage. Bilden kommer
automatiskt att dyka upp under rubriken på den publicerade nyheten.
Du kan också själv välja var du vill placera en bild i texten. Då ändrar du inget i fältet Nyckelord. För att lägga in den uppladdade bilden i texten, gå till sidan 14, Övning 4, Steg 2 i kurshäftet.
l) Klicka på knappen Spara och avsluta.
m) Klicka sedan på Begär publicering i verktygsmenyn 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. Länktexten bör vara samma som nyhetsrubriken, då luras inte besökaren.
Länktitel – Link Title
Bör vara samma som Länktext. Ifall texten skiljer sig, visas de som hovertext när pekaren förs över länken till nyheten.
Mer information om nyhetshantering hittar du på
http://medarbetarportalen.gu.se/webbpublicering/instruktioner/nyhetshantering
Ö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 Kontaktperson. 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.
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 på centrala startsidan www.gu.se.
Evenemangstyp
Här finns de kategorier som visas som etiketter för alla evenemang i de olika listningarna. Det finns också möjlighet 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å
http://medarbetarportalen.gu.se/webbpublicering/instruktioner/kalenderhantering
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:
http://medarbetarportalen.gu.
se/webbpublicering/instruktio ner/grunderna/byggstruktur/Si degenskaper/
Webbutvecklingsprojekt 2017-2019
Ett utvecklingsprojekt för universitetets webbmiljö pågår under 2017-2019. Målet för webbutvecklings-projektet är att skapa lättanvända och effektiva webbplatser med fokus på användarnas behov och förväntningar.
Utvecklingsprojektet handlar i första hand om att skapa en ny extern webbplats, med en väl fungerande sökfunktion och en ny digital kurs- och programkatalog för våra utbildningar.
För att skapa och underhålla en ny webbplats ska en ny strategisk och operativ webborganisation med ansvar för innehåll, utveckling och förvaltning tas fram.
En ny teknisk plattform, ett nytt webbpubliceringssystem, och en ny sökfunktion ska förbättra användarupplevelsen för våra externa besökare samtidigt som det ska underlätta arbetet för universitetets redaktörer.
Läs mer http://medarbetarportalen.gu.se/webbutveckling
