Solveig Rødland, Publiseringskurs i EasyPublish (EP) for videregående skolers nettsider

Transkript

1 Solveig Rødland, Publiseringskurs i EasyPublish (EP) for videregående skolers nettsider 1

2 Dagens agenda Bli kjent med oppbygning av nettsidene Bli kjent med publiserings- og redigeringsprinsippene i sidene Publisering: Opprette og redigere sider: Seksjonsside og artikkelside Megameny Forsiden Billedgalleri Filer/relasjoner Legge til arrangement i kalender Knytte opp utdanningsprogram Bonus: Litt om webredaktørrollen og om å skrive på nett 2

3 Mål og arbeidsform Mål Lære om publisering og redigering på nettsidene Øve på publisering/redigering av innhold Bli kjent med sentrale publiseringsbegreper som: Internettside, Publiseringsverktøy, Frontend, Smartredigering, Backend og Administrasjonsgrensesnitt. Bli kjent med brukerveiledningene på vårt ressursnettsted: Arbeidsform: Informasjon (Demonstrasjon av hvordan det gjøres) Oppgaver 3

4 Presentasjonsrunde Ditt navn, skole og arbeidsområde Hva skal du gjøre i nettløsningen? Hvor mye har du publisert tidligere? Hva synes du er mest utfordrende?

5 Grunnleggende begreper Internettside (frontend): En åpen nettside, f.eks. Publiseringsverktøy/Content Management System (CMS) Det verktøyet du trenger for å kunne publisere innhold til en nettside. Smartredigering: En inngang til publiseringsverktøyet som gjør det mulig å publisere direkte i frontend. Stadig flere operasjoner kan gjøres herfra. Backend eller administrasjonsgrensesnitt: En annen inngang til publiseringsverktøyet som gir mer avanserte muligheter enn smartredigering. Teksteditor: Grensesnittet i publiseringsverktøyet der du legger inn innhold og formaterer teksten. Består av en rekke ikoner for ulike funksjoner. Formatering: Handler om selve tekstens egen layout, med vedtatte standarder som ligger i designet. Demo 5

6 Om skolenes nettsider 34 videregående skoler, elever, 3000 lærere. Skolenes nettsider er speilinger av en felles mal, utviklet i samarbeid med skolene i 2009/2010. Publiseres via publiseringsløsningen Easy Publish Nytt design/struktur er under utvikling responsivt design brukerorientert innhold og navigasjon enklere struktur lettere å publisere til?

7 Hvorfor «like» nettsider? Sikre lik informasjon til fylkets elever, herunder muligheten til å standardisere deler av informasjonen (f.eks reglementer, utdanningsviften) Sikre gjenkjennbarhet for søkere som orienterer seg om skolevalg Sikre kostnadseffektiv drift (lisenser, brukerstøtte, sikkerhet, opplæring etc.)

8 Nettstedets struktur og oppbygning Toppområde (header) Megameny Innholdsområdene Forsiden Artikkelsider (lokale og sentrale) Seksjonssider Bunnområdet (footer) 8

9

10 Oppg.1: Bli kjent med egne nettsider Gå til og klikk deg rundt Finn siden: Kalendersiden og skoleruta Finn siden: Nyhetsarkivet Gå til siden: Elevrådet (seksjonsside) Gå til siden: Voksenopplæring (artikkelside sentral) Gå til siden: Karriereveiledning (menypunkt nivå 3) 10

11 To publiseringsalternativer Alternativ 1: Publisering i frontend/smartredigering Gå til Logg inn med ditt brukernavn og passord i EP Ved vellykket innlogging, vil det dukke opp en redigeringslinje i sidens toppområde, samt redigerbare felter rundt om på siden. Alternativ 2: Publisering fra backend (EP) Gå til Logg inn med ditt brukernavn og passord i EP Du logges nå inn i backend EP (Demo) 11

12

13 (Nyhets)artikler, filer, rammeavtaler etc. Statisk innhold = sider (aktive/skjulte) Siteadmin = mer avansert funksjonalitet

14 Følgende kan bare publiseres/redigeres fra smartredigering: Forside: Visjon, innholdsbokser, video, bildekarusell, meningsmåling, kartboks og redigere skoleinformasjon. Seksjonssider: Artikkel, tittel og presentasjon, bildekarusell, enquete, video og meningsmåling. Følgende kan bare utføres fra backend: Administrere mapper under Mine dokumenter Bygge opp bildegallerier Vedlegg/filer må lastes inn i systemet, via Mine dokumenter Video (egenprodusert) må lastes inn i systemet, via Mine dokumenter 15

15 Oppg. 2: Logg inn i smartredigering og backend EP Åpne ny fane i nettleser: Innlogging Smartredigering EP: Skriv inn brukernavn og passord Åpne enda en fane i nettleser: Innlogging Backend EP. Logg inn med: Skriv inn brukernavn og passord Klikk på Mine dokumenter 16

16 Kursnettside Kursnettsiden har adressen: Innlogging i kursnettsiden: Smartredigering: Backend: Brukernavn og passord B: kurs01. P: kurs01 B: kurs02. P: kurs02 B: kurs03. P: kurs03 B: kurs04. P: kurs04 Osv. helt til 12 17

17 Sider vs. artikler Sider inneholder statisk informasjon som er gjeldende helt til det kommer endringer. Sidenavnet generer (som regel) et menypunkt Får unik url med som viser hvor siden ligger i strukturen. To sidetyper: artikkelside/seksjonsside Artikler er «frie» tekstelementer som kan plasseres rundt i sidestrukturen, f.eks nyhetsliste ledig stilling, innholdsbokser. Kan krysspubliseres, til ulike lister. Danner ikke meny, får kun ID i url-feltet.

18 Opprette nye sider Det er mulig å opprette to typer sider 1. Artikkelside 2. Seksjonsside Sider opprettes i smartredigering Sider opprettet av deg kan slettes/endres av deg. Systemgenererte sider kan slettes/endres av administrator Plassering av siden i strukturen (kan endres i etterkant) Synlig i meny? (Demo) 19

19 Redigering av artikkelsider De fleste sidene er artikkelsider Redigeres primært fra smartredigering Hovedfelt: Tittel, ingress, brødtekstfeltet. Høyre kolonne Hovedbilde Kontaktperson hentes fra ansattlisten Legge til vedlegg, lenker, relasjoner Utvidet info: Bildegalleri, Video, Kart, Kalender Demo 20

20 Oppg. 3: Opprett ny artikkelside 1. Logg inn til Smartredigering 2. I toppmenyen, velg Ny side > Artikkelside 3. Plassere den nye siden i strukturen der du vil ha den. 4. Legg til tittel på den nye siden > lagre og lukk 5. Endre navnet på siden 6. Endre plassering av siden i strukturen 7. Slett siden 21

21 Oppg. 4: Redigere artikkelside Gå til siden du nettopp opprettet Velg «Redigere» Legg til ingress og brødtekst Forsøk å legge til alle elementer som er tilgjengelig for artikkelsider: Legg til video fra Youtube Se høyrespalten Legg til relasjon til side Se utvidet info 22

22 Redigering av seksjonssider Seksjonssider brukes for å lage «underforsider» om et tema/tjeneste. Bygges etter dra-og-slipp prinsippet 6 ulike bokser kan plasseres valgfritt i 2 kolonner Artikkelboks kan brukes på tre måter Tittel og presentasjonsboks på to måter Husk å lagre endringer! Brukerveiledning på (Demo) 23

23

24

25

26 Oppg. 5: Opprette seksjonsside 1. Logg inn i smartredigering 2. I toppmenyen, velg Ny side > Seksjonsside 3. Plassere den nye siden i strukturen 27

27 Oppg. 6: Redigere seksjonsside 1. Gå til seksjonssiden du opprettet 2. Fra boksmenyen: seksjoner, klikk på «Legge til innhold 3. Dra og slipp ønsket boks til kolonne 1 eller 2 4. Forsøk å legge til alle typene innhold a) Presentasjonsboks b) Innholdsboks c) Billedkarusell d) Meningsmåling 5. Flytt rundt på elementer i etterkant. Lagre nytt oppsett. 6. Prøv å endre og fjerne objekter 28

28 Redigering av megameny Menyen baserer seg på og viser sidestrukturen Hvert element i menyen er enten: Systemgenerert (eks. Kalender og Nyheter) En redigerbar tekst (ved innlogging i smartredigering) Når du oppretter en ny side på nivå tre vil den trekkes opp i megameny. Megamenytekst vil da forsvinne. Ved bruk av megemaneytekst, vær knapp! (Demo) 29

29 Oppg. 7: Redigering av megameny 1. Logg inn i smartredigering Klikk på tjeneste for elever. 3. Se ikonet for «Redigere» under helsetjenester 4. Klikk på Redigere 5. Skriv kun i brødtekstfeltet: Kun dette er aktiv og vil vises. 6. Trykk lagre og lukk 7. Sjekk resultatet 30

30 Publisering/redigering i forsiden Faste, systemgenererte objekter: Siste nytt (nyhetsliste) Kalender Stilling ledig (nyhetsliste) Footer Systemgenererte objekter, valgfri bruk: Snarveier (linkliste du lager) Viktige meldinger (nyhetsliste) Visjon Valgfrie bokser (5 typer) 31

31 Opprette nyhet 1. I smartredigering, velg Siste nytt > Ny artikkel 2. Legg inn tittel, ingress (kort!), brødtekst 3. Legg til ingressbilde og hovedbilde/bilde i tekst 4. Legg til kontaktperson, lenker/relasjoner og dokumenter. 5. Krysspubliser nyhet til annen plassering. Demo

32 Oppg. 8: Redigere siste nytt og stillinger 1. Logg inn i smartredigering i kursnettside: 2. a) Lag en ny artikkel i «Siste nytt» ved å klikke på «Ny artikkel» Lag innhold og sørg for at status for artikkelen er satt til godkjent Klikk deretter på «Lagre og lukk» Nyheten/artikkelen er nå lagt til i listen Bonusoppgaver: Krysspubliser nyheten til en annen nyhetsliste b) Etter samme mønster som i a), opprett en stilling i «Stilling ledig» Lag innhold med søknadsfrist og annen relevant informasjon Klikk deretter på «Lagre og lukk» Stillingen er nå lagt til i listen 33

33 Oppg. 9: Viktige meldinger 1. Lag en ny artikkel i listen for viktige meldinger 2. Kun brødtekstfeltet benyttes. Legg inn en tekst. 3. Husk å sette artikkelen som godkjent 4. Under krysspublisering > Sett utløpsdato 5. Klikk på lagre og lukk For å fjerne en artikkel fra en nyhetsliste finnes to muligheter: 1. Ved å sette som utgått under «krysspublisering» (anbefalt) 2. Ved å endre status (Eks. kladd - alle unntatt «Godkjent»). Kan deretter slettes. 34

34 Legge til arrangement i kalender Alt med en dato frem i tid bor i kalender! Arrangement kan opprettes fra to steder: Forsiden Kalendersiden Ulike kategorier, f.eks skolerute, prøver etc. Arrangementene vil vises på kalendersiden, på forsiden og i megameny. Kan også trekkes ut på undersider. (Demo) 35

35 Oppg. 10: Legge til arrangement i kalender I verktøylinjen for kalender, klikk på «Nytt arrangement». Et nytt vindu åpnes Tittel: Tittel på arrangement (f.eks. Skoleball) Sted: Sted for arrangement (f.eks. Gymsal) Start og slutt dato: Klikk på knappen til høyre for startdatofeltet for å få frem en kalender, samme for sluttdato. Klokkeslett for start og slutt (f.eks. 19:30-20:30) Kort og lang beskrivelse, samt bilde (bilde 1 og 2 vises) Under Kategori > Velg kategori Klikk på Lagre Slette: Backend EP, mine moduler/kalender 36

36 Valgfrie bokser i framsiden Ulike typer bokser kan plasseres valgfritt i 3 kolonner Innholdsboks (kan brukes på 3 ulike måter) Billedgalleri/Enquete Meningsmåling Video Opprettes med dra-og-slipp Innholdsbokser: Innholdsboks med enkel visning (bilde + tekst) Boks med utvidet visning (Bilde med tekst, åpner seg til artikkel ved klikk) Boks med ekstern lenke (klikk på boksen går til eksternt nettsted, evt annet sted på nettsiden.) (Demo) 37

37 Oppg. 11: Legge til bokser i framsiden Lag innholdsboks: Logg inn i smartredigering > Trykk «legg til innhold» Før musepeker over ønsket bokstype, (venstreklikk og hold inne) Dra boksen til ønsket plassering på siden Slipp så boksen der du ønsker å plassere den (du må se en stiplet linje) Et nytt vindu åpnes hvor man kan legge til innhold Lagre og lukk 38

38 Opprette bildegalleri Steg 1: opprett bildegalleri i backend Klikk på Mine bilder i mappetreet Gå til mappen «Bildegalleri» Venstreklikk på mappen «Bildegalleri» velg «Ny mappe». Gi denne et navn. Klikk på «last inn nytt bilde» på grå linje i hovedfeltet Velg et bilde på din maskin og klikk på «Last inn». Legg til informasjon om bildet Bildebeskrivelse: En kort beskrivelse av bildet Tittel: Tittel på bildet (info om hva som vises) Rettighetshaver: Navnet på fotografen/rettighetshaver Gi bildene rekkefølge ved hjelp av prioritetfeltet 39

39 Steg 2: Legge til bildekarusell i forsiden I smartedit, trekk ned boks for legge til bildekarusell Gi karusellen en informativ tittel Velg bildegalleriet du laget i backend Lagre og lukk.

40 Oppg. 12: Legg til bildekarusell i forsiden Opprett bildegallerimappe i backend, last inn bilder I smartedit, legg til bildekarusell i forsiden med bildegalleriet du har laget. 41

41 Knytte artikler til utdanningsprogram Strukturen under utdanningsprogram følger en integrasjon mot vilbli.no. I tillegg kan man tilpasse med lokale artikler. 1. Gå til utdanningsprogram 2. Du må opprette artikler knyttet til hvert utdanningsprogram og programområdet for Vg2 og Vg3 i de automatisk genererte viftene. Dette er lettere i backend EP, se brukerveiledninger på Helt øverst til høyre: Brukerveiledning (enkel og ikke så detaljert). Se også brukerveiledning Del 2 punkt 8. (Demo) 43

42 Oppg. 14: Opprette artikler under viftene til utdanningsprogram Logg inn i smartredigering Velg et utdanningsprogram fra megamenyen Klikk på et Udanningsprogram eller et programområde for Vg2 eller Vg3. Klikk deretter på «Ny artikkel». Koble deretter artikkelen mot programområdet. Koblingen skjer ved at artikkelens overskrift settes lik programområdets navn og trinn. Vær helt nøyaktig Legg inn tekst. Lagre og lukk artikkelen (lag ev. flere) 44

43 Dette må du lære deg selv! Ansattemodulen tilhører området Kontakt oss. Brukerveiledning finnes på Se Brukerveiledning Del 5 Ansatteoversikten Video: Brukerveiledninger finnes på Klikk på Publisering, publiseringshåndbok Klikk på Brukerveiledning Del 6 Du kan også se på Brukerveiledning Del 2, video Du kan også en titt på videoboksene i Brukerveiledning Del 3 og Del 4. 45

44 Spørsmål/innspill/ behov for tilpasning? Kontakt oss via

45 Teksteditoren Editoren i artikkelredigering lar deg endre på innholdet i en artikkel. De vanligste oppgavene i editoren er: Endre overskrift, ingress eller brødtekst Sette i bilder og lenker i brødteksten Endre metadata for artikkelen På grunn av fleksibel tilgangskontroll kan editoren og verktøylinjene se forskjellig ut, avhengig av tilgangsnivå.

46

47 Format: Viser forhåndsdefinerte stiler som Avsnitt, Overskrift 1, Overskrift 2 etc

48

49

50 Veldig enkel formatering Gi siden/artikkelen en god og informativ tittel som sier noe om innholdet Ha alltid en kort ingress som gjentar den viktigste informasjonen på siden. Brødtekst skrives i fonten «Avsnitt» Bruk informative mellomoverskrifter (Overskift 2 eller 3) de viser vei og lar leseren scanne telsten. Bruk kulepunkt og nummerlister for å skape oversikt Unngå kursiv, understreking, VERSALER og fet

51 Husk å gi lenkene dine gode lenketitler! Ikke Les mer her. Last ned skjema Men: Les mer om lønnsforhandlinger. Last ned skjema for søknad om kurs

52 Målgrupper Videregående skoler: 1. Eksisterende elever/lærere Få ut viktig informasjon Skape community 2. Potensielle elever Rekruttere søkere til din skole Hjelpe dem å velge riktig 3. Foreldre/foresatte til gr. 1 og 2 Sekundære målgrupper: arbeidssøkende, samarbeidspartnere, utvekslingselever, media/journalister, andre skoler etc.

53 Deg som webmedarbeider Bestilling fra rektor Tekst fra en kollega Sak du skriver selv Webteknologi Vårt budskap Brukernes behov Informasjon på nettsiden Informasjonen oppstår ulike steder Din vurdering av informasjonen Ferdig tekst

54 Før du skriver, tenk igjennom: Hva skal du oppnå med teksten? Hva er budskapet du ønsker å formidle? Hvem skal lese teksten? Hvem er målgruppen(e) for teksten Hva vet målgruppen(e) fra før? Hva trenger leserne å vite? Hva skal leserne oppnå med teksten? Husk: Du er eksperten!

55 Når du skriver.. En god tekst inneholder informasjon om: Hva (For) hvem Når Hvordan Hvorfor

56 Hvem er informasjonen for? Hvem skal kontaktes? Når er møtet ferdig? Hva skjer hvis jeg ikke møter? Hvor finnes det mer informasjon?

57 Forståelig? Ikke gjengi noe du ikke forstår selv Følg eventuelt opp med spørsmål Er du i tvil? Be naboen lese artikkelen før du publiserer.

58 Bilder og bildetekster Bilder beriker nettsideinnholdet, men må være relevant for innholdet Gode bildetekster forklarer bildet, og kan berike teksten Alle bilder må ha alt-tekst Rettigheter må angis (opphavsrett)

59 En god bildetekst Sier noe om Hvem som er på bildet Hvilken aktivitet bildet viser Hvem som har tatt bildet (rettighet) Gjenta gjerne hovedinnholdet fra teksten, eller suppler med mer informasjon Dersom bildet kun er for å illustrere, skriv «Illustrasjonsfoto»

60 Dokumenter og filer Som hovedsak bør så mye innhold som mulig være tilgjengelig i html på nettsiden. Vedlegg bør brukes bare der det er nødvendig. Det er også viktig at filene vi laster opp og legger ut på nettsiden har god kvalitet og følger de viktigste standardene. Viktig for alle filformat: husk gode filnavn. Ikke «Endelig versjon Roar», men «Rapport om saksforhold i relasjon til saken».

61 Pdf Det primære filformatet for vedlegg, som planer, rapporter og til en viss grad skjema (bør være innfyllbare). Invitasjoner etc. er et tvilstilfelle, kan like gjerne tilgjengeliggjøres i html. Ved eksterne pdf-er, sjekk alltid om dokumentet finnes på deres egne nettsider. Da kan vi lenke dit, og slipper å belaste egen server.

62 Word, powerpoint, excel Word kun for dokumenter som skal bearbeides videre. Kun for skjema/maler. Excel: kun unntaksvis for skjema med makroer el.l installert. Dokumenter i word og excel må også legges ut i odt. eller pdf-format. Powerpoint legges aldri ut - omgjøres til pdf. Jpg for høyoppløselige bilder hvis nødvendig. NB! Aldri tekst i bilder.