Användarguide Lathund Tema Modersmål

Transkript

1 Användarguide Lathund Tema Modersmål Kevin Mavane

2 Innehåll Förutsättningar...3 Användarkonto...3 Operativsystem och webbläsare...3 Om systemet...4 Frontend...4 Logga in på Frontend:...4 Backend...5 Logga in på Backend:...5 När frontend och när backend?...5 Kontrollpanelen...6 Sektionshanteraren...7 Skapa en sektion...8 Skapa en kategori...10 Skapa ett innehållsobjekt (artikel) Författa/redigera en artikel...12 Ladda upp en bild...14 Förberedelser: Via Mediahanteraren Via HTML-editorn...15 Du kan ta in bilder på två olika sätt:...16 Bildhantering...17 Länka till en webbsida...19 Länk inne i dokumentet (Ankare)...20 Skapa ankaret...20 Skapa länken...20 Att planera och skriva en artikel...21 Förbredelser...21 Att Skriva en artikel (text och bild) - steg för steg...22 Publicera som Skribent (För medlemmar)...23 Skicka en artikel för publicering...23 Objekt på editorn och deras egenskaper...24 Version 2, kevin.mavane@skolverket.se

3 Förutsättningar Användarkonto För att kunna agera Administrator på Tema Modersmåls webbsida måste du ha ett användarkonto med utökade rättigheter som du har fått av huvudadministratorn. För att få tillgång till kontrollpanelen skall du använda dig av din hemsidas adress efterföljt av "/administrator/?login". Ett exempel, om din hemsidas adress är skall du normalt skriva: Logga in genom att ange ditt användarnamn och lösenord. Figur 1 - Logga in skärmbild. Operativsystem och webbläsare Operativsystem: DU KAN GARANTERAT ANVÄNDA DIG AV FÖLJANDE OPERATIVSYSTEM: Linux Win32 systems: Windows 2000, XP och Vista ANDRA OPERATIVSYSTEM SOM DU KAN ANVÄNDA, MEN PROBLEM KAN UPPSTÅ: Machintosh: Mac OS X Unix: Solaris, HP-UX och FreeBSD. Andra Unix-varianter kan fungera lika väl. Webbläsare: Alla kända webbläsare kan användas, t ex Internet Explorer och Mozilla Firefox Version 2, kevin.mavane@skolverket.se

4 Om systemet Användarguide Tema Modersmål Systemet bakom TM:s webbsidor heter Joomla! och är ett gratis så kallat Content Management System (CMS). Tanken med ett CMS är att man låter ett datorsystem ta hand om den tekniska hanteringen av innehåll, stå för mer avancerade funktioner samt automatisera sysslor som annars skulle innebära massor av manuellt arbete. Vad för slags innehåll du måste fylla i och hur det publiceras beror på vilket objekt du skapat eller redigerar. Mer om objekten kan du läsa om längre fram dokumentet. Själva innehållet (content) och dess inställningar sparas i en databas skilt från utseendestyrande publiceringsmallar. Joomla har två olika administrationslägen, det ena kallas "frontend" och det andra "backend". Frontend Joomla! Frontend bygger på en teknik som kallas WYSIWYG - What You See Is What You Get, det vill säga så objektet ser ut när du redigerar det kommer det även se ut när det publiceras. Logga in på Frontend: 1. Besök din webbplats genom att skriva din webbadress i adressfältet i din webbläsare (exempelvis Internet Explorer). 2. Fyll i användarnamn och lösenord i inloggningsrutan och tryck [Enter] på ditt tangentbord. 3. På varje sida visar sig nu en liten symbol som föreställer ett papper och en penna. Detta är den aktuella sidans redigeringsknapp. Tryck på redigeringsknappen för att öppna upp sidans redigeringsverktyg. 4. Nu kan du på ett enkelt sätt redigera innehållet. Gränssnittet liknar det som återfinns i exempelvis Microsoft Word. Om du är osäker, för din muspekare över en symbol i verktygsfältet för att ta reda på symbolens funktion. I verktygsfältet finns till exempel funktioner för att lägga till och ändra länkar och bilder. 5. När du känner dig nöjd klickar du på knappen [Spara] ovanför verktygsfältet för att spara alla utförda ändringar. Skulle du råka göra fel eller radera viktig information kan du när som hels trycka på knappen [Avbryt] ovanför verktygsfältet. Tänk på att alla ändringar som inte är sparade går förlorade. Väl inloggad ser din webbplats ut som vanligt, förutom att alla artiklar får en liten penn-symbol bredvid sina rubriker som gör det möjligt att få upp artikeln i en editor och ändra innehållet. Till vänster får du även en användarmeny (User Menu), som bara syns när man är inloggad. Innehållet i den menyn bestäms, som alla menyer, av en administratör från backend-läget. Version 2, kevin.mavane@skolverket.se

5 Artiklar/innehåll som skickas in av medlemmar via frontend skickas för granskning först till administratören för att godkännas och sedan läggas ut på webbplatsen. Backend Logga in på Backend: För att logga in i backend-läge (administrationssidan), går du till adressen: Där får du upp ett annat inloggningsformulär (se figur 1) än det som finns på din vanliga hemsida. 1. Skriv din webbadress i din webbläsare med tillägget /administrator/?login (utan citattecken). 2. Fyll i användarnamn och lösenord i inloggningsrutan och tryck [Enter] på ditt tangentbord. Du befinner dig nu i din webbplats Kontrollpanel. Härifrån kan du ändra varje del på din webbplats. Vi rekomenderar dock att du inte experimenterar för mycket om du inte vet vad du gör. 3. På Kontrollpanelen hittar du en symbol som heter [Ny artikel]. I Joomla! kallas innehållet på varje sida för artikel. Tryck på symbolen [Ny artikel] för att skapa en ny artikel. 4. Till höger om redigeringsfönstret som nu dyker upp finns tre flikar varav en av dem heter [Parametrar - Avancerat], tryck på den. Ändra alla fält markerad med orden Använd global till [Nej] respektive [Dölj]. För att ta reda på vad fälten står för peka på namnet till vänster om varje fält. 5. Slutligen klickar du på [Spara] längst upp till höger för att spara och lämna editorn. Från backend görs allt som inte går att göra i frontend, som att lägga upp nya länkar i menyerna, skapa nya användare, ändra hemsidans mallar (templates) eller installera nya komponenter. Här bestäms också strukturen på din information och hur den skall presenteras när du klickar på olika menyval. När frontend och när backend? Allt som går att göra i frontend, går också att göra från backend, så när vill man egentligen använda frontend? För det första är det inte säkert att du har tillgång till backend. Man vill kanske ge många användare möjlighet att komma med förslag på texter, utan att låta dem bli administratörer för det. För det andra är det lättare att hitta bland dina artiklar i frontend, eftersom du ju då bara surfar runt på din vanliga hemsida med möjlighet att göra förändringar. Vill man bara göra förändringar i redan publicerade artiklar är det därför lättast att göra detta via frontend. Vi kommer att koncentrera oss mera på Backend-läget (administration kontrollpanelen) och gå igenom de väsentliga delarna på webbplatsen. Version 2, kevin.mavane@skolverket.se

6 Kontrollpanelen När du har loggar in på Administrationssidan (kontrollpanelen) med de uppgifter som du har fått, beroende på vilken grupp du tillhör så kommer du till en sidan som liknar Figur 2 här. Kontrollpanelen ger dig åtkomst till Joomla s funktioner. Kontrollpanelens huvudsida innehåller några genvägsknappar som leder en direkt till funktionerna. (se figur 2 & 3). Figur 2 Administrationssida(Kontrollpanel) När en registrerade användare skickar in ett bidrag, kommer du att kunna se det vid Inkommna meddelande/mail ikonen. Figur 3 Administrationssida(Kontrollpanel) Version 2, kevin.mavane@skolverket.se

7 Sektionshanteraren Sektioner är en överordnad behållare som kan innehålla flera kategorier. För att skapa en ny sektion, klicka på Sektioner-ikonen på hemsidan, eller välj den från menypunkten Innehåll, som visas på figur 4. Figur 4 Skapa sektion Nu är du inne i Sektioner, som ger dig möjlighet att lägga till eller redigera sektioner. Figur 5 visar en lista på några sektioner som redan finns t ex Läromaterial sektionen. Om du vill ändra några av dessa sektioner klickar du på länken eller alternativt bocka i boxen till vänster om sektionslänken och därefter välj 'Ändra' från verktygslinjen. För att skapa en ny sektion är det bara att klicka på Ny-knappen på verktygslinjen. Figur 5 Skapa/Editera sektion Version 2, kevin.mavane@skolverket.se

8 Skapa en sektion Namn är menat att vara ett kort ord eller två som kan användas som text för menyer eller listor, medans Alias kan vara lite längre och kan användas som rubriksättning för sidan. Du kan använda samma text både för titeln och alias om du vill. Du kan även välja en bild för att associeras med en sektion. Bilder kan laddas upp genom att använda Media Manager. Se Ladda upp en bild rubriken för mer info! Punkten Bildposition tillåter dig att specificera var på sidan den valda bilden (om det finns någon) ska visas. Tillsvidare kan vi bortse från denna och de andra valen på denna sida och gå till beskrivnings delen. Figur 6 Skapa/Spara ny sektion Beskrivning kan användas för att beskriva innehållet i sektionen. Kom ihåg att innehållet i en sektion kommer att vara en eller flera kategorier, och när besökaren ser beskrivningen, kommer det även att medfölja en lista av de kategorier som hör till sektionen. Beskrivningsdelen använder HTML-editor. Denna editor framställer HTML-kod som följer den internationella standarden. Version 2, kevin.mavane@skolverket.se

9 Du kan använda verktygsmenyn på HTML-editorn för att modifiera formatet av din beskrivning att lägga till fetstil, kursivt, listpunkter etc. De andra verktygen är mycket likt de som finns i de flesta ordbehandlingsprogram. Du kan klicka på frågetecknet för mer hjälp (Se figur 7.) Figur 7 HTML-editor När du är klar med skapandet eller redigeringen av din sektion, klicka på Spara knappen på verktygsraden i den övre högra skärmen för att spara dina ändringar. Detta vill föra dig tillbaka till Sektioner sidan. Notera att du även kan använda Verkställ knappen på verktygsradknapen för att spara dina ändringar utan att lämna editorn. OBS! Alltid när du kommer in på en redigeringssida, kommer huvudmenyn att bli deaktivereratd. Det finns ingen grund för panik då det finns en god grund till detta. Alltid när du kommer in på en redigeringsida blir objektet som du redigerar låst. Detta innebär om det finns andra användare som även är tillåtna att använda administrationsdelen, så kommer de inte att kunna redigera det objektet förrän den blir upplåst igen. Version 2, kevin.mavane@skolverket.se

10 Skapa en kategori Skapa en kategori är nästan identiskt som att skapa en sektion. Från huvudsidan (se figur 2), kan du välja Kategori -ikonen eller alternativt komma åt den genom menypunkten Innehåll (se figur 4). Kategorihanteraren är väldigt likt sektionshanteraren, även om det finns några extra möjligheter: du kan sortera sektionerna och du kan flytta en kategori till en bestämd sektion (se figur 8). Figur 8 - Kategorihanteraren När du klickar på Ny -knappen i verktygsraden, eller på en länk för en existerande kategori, kommer du in i kategorieditorn som heter Kategori, vilken är väldigt lik Sektionseditorn (figur 6). Den enda skillnaden är att du även ska välja vilken sektion kategorin skall tillhöra. Övriga knappar Aktivera, Inaktivera, Flytta, Kopiera, Radera och Ändra kan användas på kategorierna genom att klicka i rutan bredvid kategorin och klicka på knappen på verktygsradknapen. Om en länk är låst är det för att en annan administrator har låst den kategorin. Version 2, kevin.mavane@skolverket.se

11 Skapa ett innehållsobjekt (artikel) Användarguide Tema Modersmål Det nästa som skall göras är att skapa ett innehållsobjekt det är en artikel med innehåll som passar en av dina kategorier. Det finns två olika sorters innehållsobjekt men båda använde samma ikon, Ny artikel, Innehåll/artiklar som ska synas på indesxsidan Här skrivs det innehåll, artiklar, nyheter etc. som publiceras på webbplatsens indexsida. Artikeln måste ha en sektion och en kategori. Andra artiklar Här skrivs det innehåll som är statisk, dvs separata sidor med innehåll som inte behöver publiceras på indexsidan. Artikeln placeras under Uncategorised. Det finns flera sätt att skapa en artikel på: 1. Du kan gå till Artiklar i Innehåll menyn. 2. Tryck på Artiklar -ikonen på huvudsidan. 3. Tryck på Ny artikel -ikonen på huvudsidan som tar dig direkt till Artiklel-editorn (figur 11). Figur 9 olika sätt att skapa innehåll (artikel) Version 2, kevin.mavane@skolverket.se

12 Artiklar-listan ser ut som I figur 10. Figur 10 Innehållshanteraren (Artikellistan) När du skapar eller redigerar objekt kommer du att ha några fler möjligheter än du har med sektioner och kategorier. Som du kan se i figur 10 innehåller en HTML-editor som du kan skriva/klistra in din artikel i. Författa/redigera en artikel Skriv in eller klistra in din text i det stora fältet. Om du vill dela upp din text i två delar med ingress och brödtext använd ikonen-insert Read More (Läs mera ikonen) som finns till höger på sista raden på editorn. Den delen av artikel som hamnar under Read More linjen kommer att synas som Läs mera (beroende på språk ändras) länk på webbplatsens indexsidan. Se Att Skriva en artikel (text och bild) - steg för steg (sida 21-22) Se figur 11 för mer info om de olika knapparna och funktionaliteten! Version 2, kevin.mavane@skolverket.se

13 Figur 11 HTML-editorn för innehålobjektl Dialogrutan med flikar till höger ger extra möjligheter att kontrollera detta innehållsobjekt. Figur 12 till 13 förklarar flikarna. Figur 12 ställ in parametrar Figur 13 andra parametrar t ex metadata När du vill använda dig av en av dina bilder i innehållet kan du använda den speciella image -knappen i det nedersta vänstra hörnet av HTML-editorn eller image ikonen på editorn (se figur 11). Notera: Du kan även använda Mediahanteraren (se figur 14) för att ladda upp och organisera bilder i mappar om du så önskar. Se avsnittet "Att ladda upp en bild" för ett annat alternativ att hantera bilder! Version 2, kevin.mavane@skolverket.se

14 Ladda upp en bild Du kan ladda upp en bild från Din dator till webbplatsen (servern) på två olika sätt. 1- Genom att använda Media hanteraren (se figur 14) 2- Genom att använda ikonen Infoga/Editera bild (Inser/Edit image) ikonen på Editorn (se figur 7) Förberedelser: Filnamnet bör inte innehålla å, ä eller ö-tecken, mellanslag eller andra konstiga tecken! Om du har en fil som innehåller något av dessa symptom så är det bäst att döpa om filen innan du laddar upp den för att slippa problem. Bilden måste vara i JPG- GIF- eller PNG-format (dvs. filnamnen slutar vanligtvis på.jpg,.gif eller.png). Max storlek: 600KB Max dimensioner: 460 pixlar i bredden 1. Via Mediahanteraren Här kan du hantera dina mediefiler; skapa mappar, ladda upp och radera bilder. Den här knappen kan användas för att bläddra i Media Manager. Alla dina bilder och filer samlas under en egen mapp med samma namn som språket. T ex spanskans alla bilder och filer finns under /spanska/ mappen. Vill du skapa dina egna mappar så måste det ske under din huvudmapp dvs samma mapp som ditt språk. Version 2, kevin.mavane@skolverket.se

15 Figur 14 Media hanterare För att ladda upp en bild, ska Du klicka på Browse -knappen på Mediahanteraren och välja bilden från Din hårddisk. Klicka sedan på 'Starta uppladdning'-knappen för att ladda upp bilden. OBS! Se till att filen inte är större än den angivna maxstorleken, annars laddas den inte upp. 2. Via HTML-editorn För att infoga en mediafil (bild, flash, film) i en webbsida klicka på ikonen för bilder och för film och flashfiler och annan mediafil på HTML-editorn. (se figur 7) Ett nytt popup fönster öppnas, Image manager (figur 15). OBS! Du måste tillåta popups på din webbläsare! Figur 15 Använda bilder via HTML-editorn Version 2, kevin.mavane@skolverket.se

16 Du kan ta in bilder på två olika sätt: Alt. 1 : För att länka till en befintlig bild på nätet skriv in adressen till bilden i URL fältet. Alt. 2: För att ladda upp en bild, klicka på Bläddra knappen. (se figur 15) OBS! Popups fönster på webbläsaren måste tillåtas! Om Alt 2 gör så här; (6 steg för att ladda upp en/flera bilder) 1. Med knappen Add, bläddra fram till bilden(filen) på din dator och klicka på knappen Upload. Bilden finns nu på servern. Figur Stäng Upload fönstret (figur 16). 3. Hitta bilden i Image manager fönstret (figur 15) och klicka på den för att infoga den i artikeln. 4. Du kommer tillbaka till första popup-fönstret dvs Image manager, (figur 15) och kan nu se bilden du vill infoga i artikeln. 5. Ställ in bildegenskaperna som kant, marginaler och justering under fliken Bild. Du kan se resultatet i Förhandsgranskaren som finns till höger om bildegenskaper. TIPS! Välj vänster för justering och 6 (pixlar) för marginal! 6. Klicka på knappen "Insert" för att slutligen sätta in bilden. (Får du något meddelande klicka på OK.) Version 2, kevin.mavane@skolverket.se

17 Bildhantering Här hittar du tips på hur du använder bilder på din webbplats. 1. Fotografera med digitalkamera och ladda in bilder direkt in i din dator. 2. Ta bilder med din vanliga kamera och beställa framkallning på CD-skiva. 3. Scanna in dina foton. När du använder en bildscanner följer ofta med ett enkeltbildbehandlingsprogram. 4. Ladda ner bilder på Internet. Här får man vara noga. De flesta bilder är inte fria att använda. Många bilder är copyrightskyddade och det betyder att du inte får använda dem utan att ha kommit överens med fotografen. Använd aldrig en bild som du inte fått tillåtelse att använda. Hitta foton på Flickr En webbplats där du hittar miljoner fotografier som du fritt får använda i undervisningen? Det enda villkoret är att du anger vem som är fotograf och att fotografiet är licensierat enligt Creative Commons Version 2, kevin.mavane@skolverket.se

18 Andra bilder som du hittar på webben kan sparas så här; När du har funnit en bild som du vill använda, högerklicka på den med musen och välja Spara bild från menyn. Det kan skilja sig lite från dator till dator hur man gör. OBS! Bildnamn skall inte innehålla mellanslag och åäö tecken. Version 2,

19 Länkning Användarguide Tema Modersmål Länka till en webbsida För att skapa en länk till en existerande sida inom webbplatsen (intern länkning) gör så här: Figur 17 länking 1. Markera den text som ska länkas I HTML-editorn. 2. Klicka på länkknappen i HTMLeditorn 3. Klistra eller skriv in adressen i popupfönstret i fältet "Link URL" och för att öppna länken i ett nytt fönster, välj _blank till höger om Target sedan klicka på "Insert"-knappen. Väljer du ingenting från Target öppnas länken i samma fönster. 4. Klicka på "Insert" Vill du ta bort länkningen, markera länken och klicka på bildikonen. Figur 18 bläddra till innehåll på webbplatsen som ska länkas eller skriv in extern länk för enkel länkning för avancerad länkning, t ex intern länkning inom webbplatsen ta bort länkning Version 2, kevin.mavane@skolverket.se

20 Länk inne i dokumentet (Ankare) För att skapa en länk till en plats i samma dokument gör så här: Skapa ankaret 1. Skapa ankaret (dvs den plats i dokumentet dit länken ska peka) placera textmarkören på den plats dit du vill länka. 2. Klicka på ankarlänk knappen i HTML-editorn. 3. Skriv in namnet på ankaret i popup-fönstret i fältet "Anchor name:" och klicka på "Insert". OBS! Undvik att använda mellanslag och åöä i ankarets namn. Ankaret finns nu i dokumentet. Skapa länken 1. Markera den text i ditt dokument som ska länkas till ankaret 2. Klicka på länkknappen i HTML-editorn I popup-fönstret för länkar, välj rätt ankare som du har skapat under Anchors och klicka på "Insert" Version 2, kevin.mavane@skolverket.se

21 Att planera och skriva en artikel Användarguide Tema Modersmål Förbredelser Innan du publicerar en artikel är det viktigt att du tänker på dess innehåll och hur den kommer att se ut på webben. Papper och penna är det bästa verktyget för att skissa och planera för en artikel. Se bilden nedan. Storbild i mitten Liten bild till vänster Liten bild till höger TEXT Kan skrivas direkt med hjälp av Tema modersmåls textredigerare eller klistras in från t ex Word eller webben. (när du klistrar in text, glöm inte att tvätta texten med den här ikonen: ) BILD Använd dina egna bilder som du har tagit själv eller använd bilder som finns på webben. Innan du använder bilder från webben måste du ha deras tillstånd först. Se sida 17 i Användarguiden! OBS! Glöm inte att behandla (t ex anpassa storleken) dina bilder innan du laddar upp dem! TIPS: Gratis bildbehandlingsprogram Photo Resize Magic, Ett enkelt program för att ändra storleken på bilder kan laddas ner här: ( Photofiltre, Ett annat program för bildbehandling. Ladda ner och se en online kurs här: ( ANDRA FILER Andra filer och dokument kan bifogas en artikel. Några av de filer som kan användas är: PDF, Flash, Word dokument, PowerPoint, och mediefiler som film och musik. Går till på samma sätt som du laddar upp bilder. Kom ihåg att lägga upp filerna på servern i en separat katalog för filer(du kan skapa katalogen själv). Version 2, kevin.mavane@skolverket.se

22 Att Skriva en artikel (text och bild) - steg för steg 1. Logga in på din webbplats 2. Klicka på ikonen Ny artikel 3. Artikelredigeraren dyker upp a. I Namn fältet skriv in en bra rubrik till din artikel b. Välj en Sektion i Section-listan c. Välj Ja för Startsida om du vill visa artikeln på webbplatsens startsida(index-sidan) d. Välj en Kategori i Kategori-listan 4. Längst ner på sidan under HTML-redigeraren hittar du mallarna, välj en mall som passar din artikel 5. Markera texten som finns på mallen och ersätt den med din text 6. Ersätt mall-bilden med din bild genom att klicka på bilden en gång och sedan a. Klicka på bilder ikonen som finns uppe på textredigeraren b. Ett pop-up fönster öppnas c. Ladda upp ny bild med den här ikonen som du finner till höger på pop-up fönstret d. Ett nytt pop-up fönster öppnas e. Klicka på Add ikonen för att leta efter bilder på din dator som ska laddas upp När bilden har laddats upp visas den här framför bilden, då kan du stänga fönstret f. Bilden visas i det högra fönstret, klicka på bildnamnet i mitten fönstret och g. Avslutningsvis klicka på 7. Spara(publicera) din artikel med någon av dessa knappar som du finner högst upp till höger på redigeringssidan. Läs mer om skillnaden mellan Spara och Verkställ i Användarguiden. Version 2, kevin.mavane@skolverket.se

23 Publicera som Skribent (För medlemmar) Alla som vill kan registrera sig på webbplatsen och bli skribenter. Registreringen är gratis. Om du enbart är skribent och inte redaktör måste någon annan godkänna din sida och trycka på en publiceringsknapp för att den ska komma ut på webben. En webbredaktör på webbplatsen granskar det du skickat och publicerar det sedan alternativt avslår begäran om publicering. Skicka en artikel för publicering När du vill skicka in en artikel kan du göra så här: 1. Logga in genom att använda Login Formen som finns på webbplatsen (Om du inte är medlem Registrera dig först!) 2. Hitta User Menu som kan se ut så här och klicka på Submit an Article 3. Följ steg 1-6 på bilden för att skicka en artikel till publicering. Användarguide Tema Modersmål Version 2,

24 Objekt på editorn och deras egenskaper Användarguide Tema Modersmål Funktion Förhandsgranska Fet stil Kursiv Understruken Genomstruken Marginaljustera Centrera Vänster Höger Text färg Bakgrunds färg text Öka indrag Minska indrag Ångra Gör om Numrerad lista Punkt lista Urklipp Åtgärder Klistra in Tabeller Horisontell linje Visuellt stöd Tecken karta Ta bort formatering Höger/vänster text HTML Avancerad HTML Artikel breaks, Läs mera Mallhanteraren Ankare Länk Avaktivera länk Avancerad länkning Bildhanteraren Mediahanteraren (flash, film) Filhanteraren (pdf, doc, ppt, mm) Ikon Version 2,