Webb: Tel: Utbildning i EpiServer för Konstfack.

Transkript

1 Webb: Tel: Utbildning i EpiServer för Konstfack Övningsuppgifter Oktober 2010

2 Övningsuppgifter I mappen kursmaterial på skrivbordet i din dator finns material du kan använda för övningsuppgifterna: Ett Word-dokument att kopiera text från klippmaterial.doc En PDF-fil att kopiera text från klippmaterial.pdf Ett antal bilder i diverse format att ladda upp och infoga. Några Flash-filer att ladda upp och infoga En PDF att ladda upp och länka till korrekturtecken.pdf Prova också gärna att hämta text från någon webbsida. OK, börja första övningen med att skriva in text själv. Skapa en sida Skapa med hjälp av högerklicksmenyn en undersida till din ingångssida som heter Sida01 Skriv en rubrik Skriv en ingress Skriv en brödtext med minst 1 underrubrik (använd Rubrik 3 som högsta nivå) Skriv text i högerblocket med minst 1 underrubrik Spara och visa, och om det ser OK ut Spara och publicera Skapa en sida till Skapa med hjälp av verktygsknapparna ytterligare en undersida till din ingångssida som heter Sida02 Skriv rubrik, ingress, brödtext med minst en rubrik samt lite text i högerblocket Spara och visa, kolla att det ser rätt ut samt Spara och publicera Skapa en sida med kopierad text, länka text Skapa en tredje undersida till din ingångssida som heter Rymden Sätt rubriken Rymden Öppna Word-dokumentet klippmaterial.doc och kopiera första textstycket (utan rubrik) på sidan 1 Klistra in den kopierade texten i ingress-fältet med hjälp av Klistra in från Word -knappen Kopiera resterande text på sid 1 i klippmaterial.doc och klistra in i brödtext/editor-fältet på samma vis. I högerblocket, skriv texten Läs mer på Nasas webbplats och länka till med hjälp av knappen Infoga/redigera länk Spara och visa, kontrollera samt Spara och publicera 2

3 Skapa en sida med kopierad text, formatera text, länka text Skapa en undersida till din sida Rymden och kalla sidan Solsystemet Öppna PDF-dokumentet klippmaterial.pdf och kopiera första textstycket (utan rubrik) på sidan 2. Klistra in den kopierade texten i ingressfältet med hjälp av knappen Klistra in som text Kursivera sista meningen i stycket Kopiera resterande text på sidan 2 och 3 i PDF-dokumentet och klistra in i editor/brödtextfältet med hjälp av knappen Klistra in som text Formatera rubrikerna som Rubrik 3 I högerblocket skriv Läs mer om rymden här och länka till din egen sida Rymden Spara och visa, kontrollera samt Spara och publicera Skapa en sida med kopierad text, formatera text, länka text, infoga bild Skapa ännu en undersida till din sida Rymden och kalla sidan Det inre solsystemet. Kopiera texten i första stycket (utom rubriken) på sidan 7 i Word- eller PDF-dokumentet. Klistra in den kopierade texten i ingressfältet med lämplig metod. Fetmarkera namnen på planeterna Kopiera resten av texten på sidorna 7, 8 och 9 i antingen Word- eller PDF-dokumentet. Klistra in den kopierade texten i editor/brödtextfältet med lämplig metod. Formatera rubrikerna med Rubrik 3 och Rubrik 4 I högerblocket skriv Vill du veta mer? Kontakta mig? och länka till en adress. Lägg till ett bokmärke och kalla det topp, med hjälp av knappen Infoga/redigera bokmärke, före första meningen i brödtexten/editorn. Sist i brödtexten, lägg till meningen Till toppen av sidan och länka meningen till bokmärket topp. Gör en radmatning (ny rad) i brödtexten efter första textstycket före rubriken De inre planeterna. Ställ markören på den nya raden och infoga bilden 620px-Planets2008_sv.jpg med hjälp av knappen Infoga/redigera bild. Du måste under förfarandet ladda upp bilden från hårdisken. När filhanteraren öppnas skapar du en ny katalog(mapp) för sidan och laddar upp bilden dit. Ange en bildbeskrivning för bilden. Spara och visa sidan, kontrollera att resultatet är som förväntat, gör ev. korrigeringar samt Spara och publicera. 3

4 Redigera en sida, infoga bilder, länka till en PDF Öppna sidan Solsystemet i redigera-läge. Infoga bilden 250px-Gas_giants_in_the_solar_system.jpg först i första stycket i brödtexten/editorn. Justera bilden åt vänster med en horisontalrymd på 10, ange en bildbeskrivning Infoga bilden 400px-Oort_cloud_Sedna_orbit_sv_svg.png först i texten om Mindre kroppar och Oortmolnet. Justera bilden åt vänster med en horisontalrymd på 10, skala ner bilden proportionerligt till en bredd på 250 pixlar, ange en bildbeskrivning. Spara och visa, kolla att det ser korrekt ut, gör ev. justeringar Lägg till texten Läs som PDF och länka till PDF-filen klippmaterial.pdf med hjälp av knappen Infoga/redigera länk. Spara och visa sidan, kontrollera att resultatet är som förväntat, gör ev. korrigeringar samt Spara och publicera. Redigera en sida, infoga mediafil, infoga text från webbsida Öppna sidan Rymden i redigera-läge Öppna en ny flik i din webbläsare och gå till webbsidan Kopiera textstycket (och rubriken) Design Klistra in texten i högerblocket under befintlig text Infoga Flash-filen 207_CC_GT_230x74_kampanj_no_logo[1].swf efter texten med hjälp av knappen Infoga/redigera inbäddad media. Sätt filens dimensioner till 230 x 74 pixlar, proportionerligt. Kolla att filen auto-startar och loopar. Spara och visa, kontrollera att allt ser OK ut, gör ev. korrigeringar samt Spara och publicera. Sortera ordningen i menyn Ändra sorteringsordningen i strukturträdet så att dina sidor kommer i följande ordning: o Sid 01 o Rymden Det inre solsystemet Solsystemet o Sid02 Ändra sorteringsordningen med utgångspunkt i din ingångssida så att sidorna sorteras automatiskt i bokstavsordning. OBS! Man måste göra en refresh av sidan för att se resultatet i strukturträdet. Versioner Publicera den första versionen av sidan Rymden Spara och publicera, kolla resultatet Publicera den senaste versionen av samma sida, spara och kolla. Favoriter (strukturträdet) Lägg till din ingångsida som Favorit 4

5 Lägg till fil med drag-och-släpp (alternativ metod att infoga filer) Öppna sidan Sida01 Öppna Filhanteraren (gula knappen uppe fönstrets högra hörn), skapa en ny katalog och välj Sidfiler. Ladda upp en bild vilken som helst. Markera den nyuppladdade bildfilen, klicka och håll ner vänster musknapp, dra och släpp filen i brödtext/editorrutan. Gör ev. korrigeringar, såsom vänsterjustering och horisontalrymd, genom att markera bilden och använda knappen Infoga/redigera bild Spara och visa, kolla, Spara och publicera. 5