Lage klubbens webside i Rotary med verktøyet Webwiz 2.0

Transkript

1 Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Versjon 1.0 av DICO Det å lage en webside uten å ha kjennskap til dette fra før, kan virke vanskelig, men ikke fortvil. Det går alltid mye lettere etter at du har brukt det en stund. Dette er en veiledning til deg som skal bygge opp og drifte en webside for en Rotaryklubb. Den er ment som et tillegg til Webcomputing sin Brukerveiledning Webwiz 2.0, bare forklart på en annen måte. Se ellers veiledninger på Lykke til!

2 Veiledning for å lage klubbens webside Innhold 1. Logge på redigeringsverktøyet Forstå hvordan det henger sammen Lage et nytt menyvalg og side Legge innhold i en webside Endre innhold på en eksisterende side Opplasting av bilder til bruk på websiden Sette inn bilder i en webside Legge inn linker til andre sider eller dokumenter Sette hva som skal være startside Legge ut en nyhet Passordbeskyttet side for medlemmer Kontaktinfo

3 1. Logge på redigeringsverktøyet For å kunne endre og bygge opp klubbens nye webside, må du logge deg inn på en annen side for redigering. Du har fått en link fra Webcomputing hvor du kommer inn på et pålogginsbilde. (Ofte er det bare å legge inn /admin bak navnet på siden slik ) Hvis klubben har en side fra før, får du vanligvis en midlertidig adresse til den nye siden som skal bygges opp (f.eks. Når du har laget klar den nye siden, endrer Webcomputing til riktig adresse f.eks. Legg inn brukernavn og passord du har fått av Webcomputing og velg Login Her velger du bare CMS HOME 2

4 Nå er du inne i selve redigeringsverktøyet 2. Forstå hvordan det henger sammen For å forstå hvordan dette er bygd opp, kan en se at mappestrukturen under Side tre, tilsvarer utseende på websiden. F.eks. under AKTUELT ligger tilsvarende menyinnslag som på klubbens webside. Du gjør endringer, laster opp bilder og filer på webserveren med verktøyet Webwiz, som resulterer i endringer på klubbens webside. Det er ofte lurt å ha oppe 2 vinduer samtidig, for å se virkningen av endringer du gjør. Et vindu for Webwiz og et for klubbens webside. 3

5 3. Lage et nytt menyvalg og side Her viser jeg hvordan du lager et nytt menyvalg under AKTUELT på høyre side av websiden som skal hete Test. Velg Hovedtekst og klikk en gang på AKTUELT slik den markeres. Skriv inn navnet Test på ny side under Page title. Velg for å få ny side til å legge seg etter AKTUELT. 4

6 Her ser vi at Test har lagt seg øverst, men kan flyttes nedover med knappen ønsker det. om en På websiden blir det da seende slik ut Siden er nå tom og uten innhold. 5

7 4. Legge innhold i en webside I dette tilfelle viser jeg hvordan du legger innhold i siden Test. Velg siden i Hovedtekst og klikk på Legg til innhold i Content Velg så Html 6

8 Her får jeg opp en rute som jeg legger inn innhold i. Jeg har valgt noen forskjellige fonter og størrelser på skrift for å se hvordan det tar seg ut på websiden. Du kan lime inn formattert tekst fra f.eks. Word med knappen, ren tekst med osv. Prøv deg gjerne frem litt med alle valgene her. Bildet har jeg lagt inn med knappen Velg Lagre og lukk. Kommer tilbake til senere i veiledningen. 7

9 Her er resultat på hvordan websiden ble seende ut. Ikke så stor forskjell på Heading 2 og Heading 3, men prøv deg frem. Du kan lett gå inn å endre innholdet igjen. 8

10 5. Endre innhold på en eksisterende side For å endre innholdet i en av disse, kan du klikke seg inn på f.eks. Nyheter - velg Hovedtekst velg Rediger under Content. 9

11 Da får du opp dette bildet, og legger inn teksten i Hovedtekstruten og velger Lagre og lukk. Vær klar over at hvis du vil ha med bilder, slik som Rotaryposten i dette tilfelle, må det lastes opp til webserver på forhånd, se neste side. 10

12 6. Opplasting av bilder til bruk på websiden Bilder som skal vises på websiden eller legges inn i en tekst, må først lastes opp til webserveren. Etter det, kan en hente dem opp i en utforsker på webserver, og så lime inn i aktuell webside. Velg Filer og Filer slik at du får opp utforsker på webserveren. Du kan godt lage en eller flere New folder, og din egen mappestruktur. Her er det viktig å tenke ute en god mappestruktur med en gang, fordi det ikke så lett kan endres uten at det får konsekvens for pekere på websiden. Har en først laget en link til et bilde eller dokument som ligger under mappen Bilder, og den endres eller flyttes, vil ikke linken virke lenger. Her lager jeg en ny mappe som heter Bilder 11

13 Når du skal laste opp bilder til denne mappen, velger du Upload og Add i neste rute Velg filen fra din maskin som du vil laste opp (dobbelklikk) og velg Upload 12

14 Velg Close etter opplasting er ferdig Her er bildet Strand.jpg vellykket lastet opp og ligger nå klar under mappen bilder. Da er bildet lastet opp til webserver, slik at du kan sette bildet inn i en av websidene. 13

15 7. Sette inn bilder i en webside Jeg står her i samme webside som over og vil legge inn bildet Strand.jpg under tekst. Står da med markør der bildet skal være, velger knappen og får opp Insert/edit imageruten. Her velger jeg knappen 14

16 Da kommer utforsker til webserver opp. Velger mappen Bilder og filen Strand.jpg, og Insert nede til venstre. Insert igjen 15

17 Bildet har dukket opp under teksten. Velg Large og lukk. Så ser vi at bildet har lagt seg fint inn på websiden. 16

18 8. Legge inn linker til andre sider eller dokumenter Du kan lage klikkbare linker til andre sider på din webside, eller til eksterne sider. Her legger du inn linken til den siden du vil. Her har jeg lagt inn Distrikt 2250 sin side. Legg merke til at jeg har valgt Open in new window (_blank). Dette fordi at jeg vil beholde klubbens webside i nettleser til bruker for at de ikke skal navigere seg bort fra klubbens side. 17

19 Det samme gjelder for dokumenter og skjema i pdf. Word etc. som en vil at bruker skal få opp i et eget nytt vindu. Link til dokumenter som på forhånd er lastet opp til webserver, gjøres på samme måte. Klikk på knappen for å få opp utforsker på webserver. Velg dokumentet du vil linke til, og insert som beskrevet før. 9. Sette hva som skal være startside Dobbelklikk på Rotary Site i menyen Gå inn på arkfanen - Generellt Gå inn på Side-ID (Du velger her siden du vil ha som startside) Dersom du vil skjule en side, slik at den ikke står i menyen, huker du av - "Ikke vis på side" 18

20 10. Legge ut en nyhet I Webwiz er det en egen måte å legge ut nyheter på som jeg viser under her. Det kan være smart å sette menyvalget Nyheter som startside. Da endres fermsiden hevr gang en legger ut en nyhet, og blir ikke så statisk. Velg Tillegg Nyheter Velg kategori du ønsker eller lag en ny. Her har jeg valgt Artikkelbase Legg. 19

21 Du får opp dette bildet hvor en legger inn Kategori, Tittel, Ingress, Bilder og Tekst. Jeg har vist et eksempel på utfylling, og hvordan det blir seende ut på websiden. 20

22 Ferdig resultat: Klikker en inn på nyheten, får en denne siden: 21

23 11. Passordbeskyttet side for medlemmer Det er mange som ønsker at medlemmene kan logge seg inn på en egen passordbeskyttet side. Dette ordnes ved at du lager menyvalget klart og tar kontakt med Webcomputing. De legger inn det brukernavn og passord du vil ha. Her er et eksempel fra Strand RK som har laget menyvalget For medlemmer Kontaktinfo Web Computing AS for support og bestilling av webside til din klubb. E-post: Telefon: Kontaktperson er Petter Larsen DICO (District Internet Communication Officer) i Rotary Distrikt 2250 E-post: dico.2250@rotary.no 22