Fronter template room UIT The Arctic University of Norway Brukermanual Tilpasning av rom i Fronter basert på en mal Result, Ressurssenter for undervisning, læring og teknologi 1
INNHOLDSFORTEGNELSE: 1 Før du setter i gang... 3 2 Utforming av web-/kursside... 4 3 Oppretting av en web-/kursside... 6 4 Endring av innhold på en web-/kursside... 7 4.1 Gjøre endringer i Tekstfelt på en web-/kursside... 7 4.1.1 Oversikt og forklaring til forhåndsformateringer:... 8 4.2 Sette inn/opprette lenker... 9 4.2.1 Sette inn intern lenke... 9 4.2.2 Sette inn/opprette lenke til en webside... 10 5 Tilpasning i navigasjonsmeny... 11 5.1 Flytting av navigasjonsmeny... 11 5.2 Gjøre endringer i navigasjonsmeny... 11 5.3 Legge til/fjerne menypunktene i navigasjonsmeny... 12 5.3.1 Legge til ny menypunkt... 12 5.3.2 Fjerne eller endre navn i navigasjonsmenyen... 13 2
1 Før du setter i gang 1. Opprett ditt eget Fronterrom basert på «UIT template room» (se egen veiledning). 2. I nyopprettet rom vil du se verktøyet «*Web-utforming» (se bilde 1). Dette er et «Arkiv» verktøy som er omdøpt til «*Web-utforming». Derfor har dette verktøyet identisk funksjonalitet som «Arkiv» verktøy (se egen kapittel om «Arkiv» verktøyet på udig sine hjemmesider til Modul 1). 3. «*Web-utforming» er i utgangspunktet organisert på følgende måte (bilde 1): (1) «Contact templates». Dette er en mappe der du vil finne maler (utformet som Artikkel Fronter element) for kontaktinformasjon. Ønsket mal typisk settes inn på førsteside i Fronterrommet (2) «Navigation menu templates». Dette er en mappe der du vil finne maler (utformet som Artikkel Fronter element) for navigasjonsmeny. Ønsket mal for navigasjonsmenyen flyttes fra denne mappa under top-nivået til «*Web-utforming» verktøyet. (3)» Frontpage UIT template» er en webside (utformet som Presentasjonsside Fronter element). Dette er en side knyttet til verktøyet «Førsteside» i Fronterrommet. (4) «Webpage template» er en MAL webside (utformet som Presentasjonsside Fronter element). Du skal kopiere denne siden for å opprette ny kursside. Det anbefales at nye kurssider opprettes i eget mappestruktur under verktøyet «*Web-utforming» Bilde 1: Organisering av "*Web-uforming" verktøyet i et Fronterrom 3
2 Utforming av web-/kursside Sidene for kurset er utformet med Tekstfelter (Artikkelfelt for navigasjon og kontakter) på følgende måte (bilde 2): Bilde 2: Utforming av kurssidene 4
(1): Toppbanner. For å endre toppbanner (se egen veiledning) og bannertekst klikk innenfor tekstfeltrammen. (2): Tittel på steg tema. For å endre farge (se egen veiledning) og tekst klikk innenfor tekstfeltrammen. NB! Feltet er ment å brukes sammen med navigasjonsmenyen «Step chapter menu» (menyen finner du under mappa «Navigation menu templates»). Hvis du ønsker å bruke en annen navigasjonsmeny kan du fjerne dette feltet ved å klikke på «Tekstfelt» linken ->»Slett hele feltet» (se bilde til høyre). (3) Artikkelfelt. NB! Feltet skal brukes til navigasjonsmenyen (navigasjonsmenyene finner du under mappa «Navigation menu templates»). Endringer i navigasjonen gjøres ved å navigere til egen navigasjonsside i *Web-utforming verktøyet i Fronterrommet. (4): Hovedramme. I denne rammen skal teksten/beskrivelsen, litteratur, pensum, osv. til kurssidene skrives. For å gjøre endringer i teksten klikk innenfor rammen. (5): Høyre kolonne. I denne rammen skal alle ressurser til kurssidene publiseres. Eksempel på ressurser: lenker til videoforelesninger, læringsaktiviteter, lenker til andre nettsider som er aktuell for gitt tema, lenke til oppgavetekst, osv. (6): Feltet kan anvendes til å sette inn kontaktinformasjon (kontaktmalene vil du finne i mappe «Contact templates») eller andre Fronter elementer tilgjengelige for presentasjonsside, f.eks. Nyheter og Diskusjon Før du setter i gang med å opprette nye kurssider ved å kopiere «Webpage template», gjør nødvendige endringer i «Webpage template» mtp: - Valg av toppbanner, - Om feltet med tittel på steg tema (2) skal være med i malen ift valg av navigasjonsmeny (bilde 2), - Ev. valg av farge til tekstfeltet (2) (bilde 2) For å endre toppbanner og fargene for tekstfelt (2) (bilde 2) og navigasjonsmeny se egen veiledning. 5
3 Oppretting av en web-/kursside I *Web-utforming verktøyet finner du Webpage template side som skal brukes for å opprette ny side. Det anbefales at du oppretter egen mappe for alle kurssider i ditt fag under *Web-utforming verktøy. I dette eksemplet blir det brukt mappe «DEMO-0000». a) I handlingsmenyen til Webpage template siden velg Kopier. Bilde 3: Kopier side b) Skriv ny tittel på den nye siden (1), i dette eksemplet er det Delemne 1. Under *Web-utforming verktøy (2) velg mappe den nye siden skal opprettes i (3), i dette eksemplet er det mappe DEMO- 0000. Bilde 4: Lagre side i en mappestruktur under *Web-utforming 6
c) Naviger til nylig opprettet side og endre innhold på den, se neste avsnitt «4 Endring av innhold på ei web-/kursside». d) Sett inn navigasjonsmenyen ved å klikke på Sett inn artikkel i mellomfeltet (uthevet gult på bildet under). NB! Dette forutsetter at du har gjort nødvendig forarbeid ift valg og tilpasning av navigasjonsmenyen i forkant. (Se punkt «5 Tilpasning av navigasjonsmenyen»). Bilde 5: Sett inn navigasjon på en side 4 Endring av innhold på en web-/kursside 4.1 Gjøre endringer i Tekstfelt på en web-/kursside a) Naviger til side du ønsker å endre innhold på enten via navigasjonsmeny (hvis siden er lenket til navigasjonsmenyen) eller via plassering av side i mappestruktur under *Web-utforming verktøyet. b) For å komme i endre modus på ei side klikk på blyanten oppe til høyre (slik som vist på bidet under): c) Klikk innenfor rammen du ønsker for å endre innhold på (slik som vist på bidet under): 7
d) Bruk forhåndsformatert Tittel felt og punktlister for å skille vanlig tekst fra overskrifter og punktlister (se bilde 6). Se oversikt og forklaringer til bruk av Tittel feltet i tabellen under. Bilde 6: Tittelfeltene og punktlister er vist med gult på dette bildet. Disse vil du finner på menylinje i Fronter editor. 4.1.1 Oversikt og forklaring til forhåndsformateringer: Fronter editor Tekst i hovedramme Tekst i høyre kolonne Tittel 1 Overskrift 1 Låser bredden for Skal IKKE brukes tekstrammen til 650 px Tittel 2 Overskrift 2 Overskrift 1 Tittel 3 Overskrift 3 Tittel 4 Overskrift 4 Tittel 5 Overskrift 5 Tittel 6 ---- Brukes sammen med lenker eller tekst med tilleggsinfo Punktliste Punktliste Tekst/Lenker (for å få rammen rundt seg) Tabell 1: Oversikt og forklaringer til forhåndformateringer VIKTIG! Hvis du ønsker å lime inn tekst fra Word eller andre lignende tekstbehandlingsprogrammer, bruk knappen Lim inn som ren tekst i Fronter editor (bilde 7). Bilde 7: Lim inn som ren tekst via denne knappen 8
4.2 Sette inn/opprette lenker Kurssidene er utformet på den måten at høyre kolonne (se etter pil med tallet (6) på bilde 1) skal brukes for å sette inn lenker til dokumenter/pdf og andre internettsider som er relevant for gitt tema. Det samme gjelder navigasjonsmeny undermenypunktene skal være lenket til ønsket innhold, f.eks. annen web-/kursside, en annen webside, dokument/fil, osv. 4.2.1 Sette inn intern lenke Dette valget skal brukes hvis du ønsker å sette inn lenke til en dokument/fil, en kursside, mappe eller andre ressurser som er opprettet/opplastet i Fronterrommet. a) Klikk deg inn i edit-modus til tekstfeltet for høyre kolonne (se punktene a)-c) i avsnitt 4.1). b) I editoren skriv tekst du ønsker å lenke til et dokument (i dette eksemplet er det Lenke 1), merk hele teksten, og klikk på ikonet Sett inn intern lenke (se bilde under): c) Avhengig av om dokumentet/pdf, kursside eller andre Fronter ressurser du ønsker å lenke til er lastet opp i Arkiv /*Web utforming rom på forhånd eller om det er på din PC, velg alternativet (1) eller (2) (bilde 8). Bilde 8: Sett inn intern lenke. Alternativet (1): hvis et dokument er lastet opp i arkivet på forhånd. Alternativet (2): hvis dokumentet er på din PC. 9
4.2.2 Sette inn/opprette lenke til en webside a) Gå inn på webside du ønsker å lage lenke til på en kursside i Fronterrommet, kopier URL (web-adressen) til websiden (Ctrl + C): b) Klikk deg inn i edit-modus til tekstfeltet for høyre kolonne (se punktene a) c) i avsnitt 4.1). c) I Fronter editor skriv tekst som du ønsker å lenke til en webside, merk hele teksten, og klikk på ikonet Sett inn lenke. Bilde 9: Sett inn lenke d) I neste dialogvinduet (bilde 10): (1): i URL feltet lim inn URL til websiden (Ctrl+V) (2): Skriv inn veiledende tittel (i dette eksemplet er det Barn 4-9 år gange) (3): Huk for Open in new window VIKTIG! Husk å lagre endringer du gjør på kurssiden Bilde 11: Sett inn lenke Bilde 10: Dialogvinduet for en ekstern lenke 10
5 Tilpasning i navigasjonsmeny Malene for ulike navigasjonsmenyer vil du finne i mappen «Navigation menu templates»: Bilde 11: Mappe med navigasjonsmeny maler Før du kan begynne å gjøre endringer i navigasjonsmenyen anbefales det at du flytter ønsket mal under topp plassering til «*Web-utforming», og deretter gjører alle tilpasninger. NB! Dette for at det skal være lettere å finne frem til navigasjonsmenyen når den skal settes inn på en web-/kursside. 5.1 Flytting av navigasjonsmeny Velg navigasjonsmalen du ønsker å bruke, og flytt den til ønsket plassering i mappestruktur med ønsket navn. I dette eksemplet er navigasjonsmalen «Step chapter menu» flyttet til topplassering under «*Web-utforming» (bilde 12). Bilde 12: flytting av navigasjonsmeny malen 5.2 Gjøre endringer i navigasjonsmeny For å endre navn på menypunktene og sette inn lenker, gå inn i editor modus på kopiert versjon av navigasjonsmenyen. Uansett navigasjonsmeny type, er den utformet som en punktliste. 11
VIKTIG! Det er viktig å opprettholde punktlistestruktur slik at menyen vises korrekt etter at endringene er utført. For å lenke en eksisterende menypunkt til en side, må siden være opprettet og lagret i mappestrukturen i forkant. For å opprette ny side se avsnitt «1. Oppretting av en web-/kursside». Skriv ønsket tekst på menypunktet, og lenk den til ev. eksisterende web-/kursside, opplastet fil, Fronter ressurs eller annen webside (se punkt «2.2 Sett inn/opprette lenker»). Husk å lagre endringer! VIKTIG! Unngå å skrive lange navn på menypunktene. 5.3 Legge til/fjerne menypunktene i navigasjonsmeny 5.3.1 Legge til ny menypunkt a) I navigasjonsmenyen (edit modus) naviger til posisjonen i punktlisten der ny undermenypunkt skal settes inn (1) (se bilde under). Dette eksempelet viser opprettelse av undermenypunktet SYP-1035 (se bilde under). b) Bruk ENTER tast for å opprette nytt listepunkt. Skriv navnet på menypunktet du ønsker å opprette (2). c) Marker hele teksten (uthevet med gult på bildet under) og lenk til ønsket ressurs (webside, pdf, opprettet side i Fronter, osv.) enten via Sett inn intern lenke eller Sett inn lenke i editor menyen (3). Husk å lagre endringer! 12
5.3.2 Fjerne eller endre navn i navigasjonsmenyen Ønskede endringer (fjerne eller endre navn) gjøres på tilsvarende måte som å sette inn ny menypunkt enten ved å fjerne punktet fra eller ved å endre navn på punktet i listen. Husk å lagre endringer! 13