Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE
BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato 2017-10-10 Udarbejdet af LKN Kontrolleret af JNN Godkendt af Beskrivelse JNN Bruger kursus hjemmeside til forsyninger Ref. DE00981-1-LKN Rambøll Englandsgade 25 DK-5100 Odense C T +45 6542 5800 F +45 6542 5999 www.ramboll.dk
RAMBØLL HJEMMESIDE INDHOLD 1. Velkommen til Rambøll Hjemmeside 1 2. Opstart 1 3. Log ind 1 3.1 Rediger side 2 4. Rette tekst i de 3 blå bokse på forsiden 4 5. Er den Blå boks på forsiden blevet for lille? 5 6. Ændre teksten i popup vinduet 6 7. Ændring i hovedmenuen 8 7.1 Slet menupunkt 10 7.2 Tilføj menupunkt til hovedmenuen 11 7.3 Flyt menupunkt i hovedmenuen og sæt rettigheder 11 7.4 Tilføj under menupunkt 13 7.5 Ændre navn på menupunkt 14 8. Oprette Link/Genvej 15 8.1 Oprette link til pdf-fil 15 8.2 Oprette link til anden hjemmeside 20 9. Tilpasse billede til billede-banneret 23 9.1 Opret skabelon i Paint i størrelse 960 x 200 pixels 23 9.2 Tilpasning af billeder i Microsoft Picture Manager 24 9.3 Upload billede-banner 27 10. Opret login 31 10.1 Opret menupunkt Bestyrelse som kun bestyrelsesmedlemmer har adgang til. 34
RAMBØLL HJEMMESIDE 1 1. VELKOMMEN TIL RAMBØLL HJEMMESIDE Når hjemmesiden opdateres, er det altid en god ide at tjekke, hvordan ser hjemmesiden ud på en smartphone eller tablet. Hjemmesiden er full-responsive, dvs. den er egnet til at blive vist på en computer, smartphone eller tablet. Har du et problem, kan du med fordel prøve at skifte browser f.eks. fra Internet Explorer til Google Chrome. Nogle gange kan det løse problemet. 2. OPSTART Start din internetbrowser, f.eks. Internet Explorer og indtast adressen på din hjemmeside, f.eks. http://kursus8.vandnet.dk. Tryk på OK i den fremkomne info boks. 3. LOG IND For at kunne redigere hjemmesiden er det nødvendigt at logge ind med brugernavn og adgangskode, som er oplyst af Rambøll Danmark A/S
RAMBØLL HJEMMESIDE 2 Brugernavn og Adgangskode indtastes og klik på Login 3.1 Rediger side Når der logges ind, starter DotNetNuke med alle værktøjer til rådighed. Du kan nu ændre indholdet af de enkelte moduler og sider samt oploade/slette filer, dvs. billeder, dokumenter mv. Hvis du f.eks. skal rette i indholdet under menuen Kontakt, finder du først siden, der skal rettes. Dernæst trykkes på Rediger Side. Når siden er sat op, vil der oftest være behov for at redigere indholdet af de enkelte moduler samt oploade nye filer til hjemmesiden. Klik på Rediger side i øverste højre hjørne.
RAMBØLL HJEMMESIDE 3 Klik på Rediger Denne Side Herved fremkommer redigeringsværktøjer:
RAMBØLL HJEMMESIDE 4 4. RETTE TEKST I DE 3 BLÅ BOKSE PÅ FORSIDEN Prøv at tilføje: Vandværket holder Generalforsamling d. xx-xx-xxxx kl. 19.00 i hallens cafeteria i boks nr. 2 Husk. Klik på blyanten. Herved fremkommer muligheden for at redigere: Herved fremkommer dette billede: Det fungerer ligesom al anden tekstbehandling. Fonten Verdana 2 er den skrift, som anbefales til brødtekst. Husk også at vælge farven sort og evt. fed skrift ved at klikke på B. Når teksten er ændret, klikkes på Gem.
RAMBØLL HJEMMESIDE 5 5. ER DEN BLÅ BOKS PÅ FORSIDEN BLEVET FOR LILLE? Har du behov for at udvide størrelsen på de blå bokse på forsiden, fordi teksten ikke kan være der? De 3 bokse skal ændres hver især. Klik på blyanten, som vist ovenfor og vælg Rediger indhold, så fremkommer nedenstående:
RAMBØLL HJEMMESIDE 6 Prøv at ændre height: 300px til height: 400px. Afslut med klik på Gem. Hvis størrelsen på boksen nu er stor nok, ændres de 2 andre bokse på forsiden på samme måde. 6. ÆNDRE TEKSTEN I POPUP VINDUET
RAMBØLL HJEMMESIDE 7 Klik på det lille hjul ovenover de 3 bokse. Klik på Indstillinger i den fremkomne menu. Herved fremkommer: Der klikkes på fanebladet Custom Module Settings. Øverst i billedet kan du ændre overskriften i afsnittet Title. Under Message ændrer du den øvrige tekst.
RAMBØLL HJEMMESIDE 8 Der rulles ned i bunden af billedet på rullepanelet til højre: Her kan du under Button Text ændre teksten på knappen nederst i popup vinduet. Du kan vælge, om beskeden skal komme hver gang (Browser Session) eller en gang (One Time) pr. browser/computer. Slut af med at klikke på Opdater. 7. ÆNDRING I HOVEDMENUEN Er du ikke tilfreds med den foruddefinerede hovedmenu som vist nedenfor, er det muligt at ændre i den. Klik øverst på Admin:
RAMBØLL HJEMMESIDE 9 Herved fremkommer dette billede:
RAMBØLL HJEMMESIDE 10 7.1 Slet menupunkt Der klikkes på Sider som vist ovenfor. Herved fremkommer træet ude til venstre: Højreklik på et menupunkt (her Beredskabsplan) og vælg Skjul fra navigation. Menuen opdateres endeligt ved klik på Opdater Side. Hvis du fortryder, at du har skjult et menupunkt, kan du højreklikke på menupunktet igen og vælge Vis i navigation.
RAMBØLL HJEMMESIDE 11 7.2 Tilføj menupunkt til hovedmenuen Her kan du tilføje et ekstra menupunkt til hovedmenuen. I træet højreklikkes på Kursus8, og der klikkes på Tilføj side i den fremkomne undermenu. Herved fremkommer dette billede, hvori siden oprettes: Herved er menuen oprettet nederst i træet i dette eksempel: 7.3 Flyt menupunkt i hovedmenuen og sæt rettigheder Du kan nu trække menupunktet op under menupunktet beredskabsplan ved at klikke på menuen Sådan gør du og holde musen nede og flytte det op under Beredskabsplan. Læg mærke til den sorte stiplede streg, der vises. Det er dens placering, der afgør, hvor menuen placeres.
RAMBØLL HJEMMESIDE 12 Læg mærke til den lille lås ved menupunktet. Dvs. der er sat rettigheder, så kun administratorer kan se menupunktet. Klik på Rettigheder yderset til højre: Herved fremkommer billedet, hvori du kan krydse af, at siden skal vises for Alle Brugere:
RAMBØLL HJEMMESIDE 13 7.4 Tilføj under menupunkt Hvis du ønsker at tilføje en undermenu Om vandværket under menuen Vandværket, skal du højreklikke på menupunktet Vandværket i træet : I træet vælges Tilføj Side(r). Herved fremkommer dette:
RAMBØLL HJEMMESIDE 14 Navnet på undermenuen indtastes og der klikkes på knappen Opret Side(r). 7.5 Ændre navn på menupunkt Klik på Admin Klik på sider I træet til venstre klikker du på menuen, som skal ændres: Slut af med at klikke på Opdater side nederst.
RAMBØLL HJEMMESIDE 15 8. OPRETTE LINK/GENVEJ 8.1 Oprette link til pdf-fil Vælg det menupunkt, hvor genvejen skal oprettes, f.eks. Priser/Vandspild Takster Dernæst vælges Rediger Denne Side: Herved er programmet i redigeringstilstand:
RAMBØLL HJEMMESIDE 16 Teksten, hvortil der skal tilknyttes et link, markeres og dernæst klikkes på kæderne Hyperlink manager : Herved fremkommer dette billede, hvor der klikkes på clipsen:
RAMBØLL HJEMMESIDE 17 I nedenstående billede indstilles træet i skyen, så takstbladet i pdf-format placeres i den rigtige mappe. Punkt 1 og 2: Der klikkes på Upload. Punkt 3. Herved fremkommer dette billede:
RAMBØLL HJEMMESIDE 18 Når der i ovenstående billede klikkes på Select, fremkommer et billede, hvori der bladres frem til, hvor takstbladet er placeret. Når takstbladet er fundet, udpeges det, og der trykkes på åben (eng. Open). Så vendes tilbage til dette billede, hvori der trykkes på upload Filen ses nu i dette billede:
RAMBØLL HJEMMESIDE 19 I ovenstående billede vælger du, at filen skal åbnes i et nyt vindue ved at vælge New Window i listen. Afslut billedet ved at klikke på Insert. Der vendes tilbage til det forrige billede: Nu er stien (urlen) udfyldt, og der klikkes på OK i ovenstående billede.
RAMBØLL HJEMMESIDE 20 Ved klik på Gem i ovenstående billedet, skulle linket/genvejen gerne virke. 8.2 Oprette link til anden hjemmeside Hvis du f.eks. vil oprette et link til en anden hjemmeside, kan det gøres her. I eksemplet opretter vi et link til Rambølls hjemmeside. Find først den hjemmeside du ønsker at linke til og tag en kopi af linket ved at markere det og trykke på Ctrl + c. Åben din egen hjemmeside og find siden, hvor linket til Rambøll skal placeres. I eksemplet her lægger vi det i nummer 2 blå boks på forsiden: Find Forsiden Klik på Rediger Denne Side :
RAMBØLL HJEMMESIDE 21 Klik på blyanten og vælg Rediger indhold : Herved åbnes et nyt vindue:
RAMBØLL HJEMMESIDE 22 I vinduet ovenfor skriver du, hvad linket skal hedde og markerer det. Dernæst trykkes på kæden: Adresse på hjemmesiden der ønskes linket til kopieres ind i feltet URL. New Window vælges i listen, og der trykkes ok. Der vendes tilbage til det forrige billede, hvori der trykkes på knappen Gem.
RAMBØLL HJEMMESIDE 23 9. TILPASSE BILLEDE TIL BILLEDE-BANNERET Billederne skal have en størrelse på cirka 960 x 200 pixels. Man kan tilpasse størrelsen af et enkelt billede eller sætte flere sammen. Brug programmerne Paint og Microsoft Picture Manager. 9.1 Opret skabelon i Paint i størrelse 960 x 200 pixels Paint ligger under Programmer Tilbehør Paint. Tilpas størrelsen ved klik på Resize : Indstil billedet således. Afslut med klik på OK: I Paint ses nu den rigtige størrelse på skabelonen som passer til billede-banneret på hjemmesiden:
RAMBØLL HJEMMESIDE 24 Paint minimeres (det skal ikke lukkes). 9.2 Tilpasning af billeder i Microsoft Picture Manager Med nedenstående billede er det muligt at tilpasse/tilskære størrelsen, så det passer med det ene billede til hjemmesiden (som et selvstændigt billede-banner). 960 x 200 pixels. Klik på Edit Picture : Herved kommer der redigeringsværktøjer frem. Klik på Resize :
RAMBØLL HJEMMESIDE 25 Nu viser programmet størrelsen på billedet i pixels: Hvis du trykker på Edit Picture foroven igen, har du mulighed for at skære i billedet med denne funktion:
RAMBØLL HJEMMESIDE 26 Der fremkommer nogle håndtag, som du kan trække i. Der kan ligeledes trækkes i øst/vestgående retning: Når billedet har den rigtige størrelse, altså 960 x 200 pixels, gemmes det og hentes ind i Paint:
RAMBØLL HJEMMESIDE 27 Der bladres frem til, hvor billedet er gemt og det vises i Paint og passer til den tidligere oprettede skabelon på 960 x 200 pixels: I Paint gemmes billedet som Gem som Banner1.png. Se ovenfor. 9.3 Upload billede-banner Du ligger nu inde med et billede som har størrelse 960 x 200 pixels, som ønskes uploadet til hjemmesiden. Klik på Admin File Management:
RAMBØLL HJEMMESIDE 28 Klik på Banners i træet til venstre og dernæst klik på Upload Files : Herved fremkommer dette billede, hvori der klikkes på Drag files here or click to browse :
RAMBØLL HJEMMESIDE 29 Udpeg billede1 s placering og afslut med Close : Gå til Forside og klik Rediger Denne side :
RAMBØLL HJEMMESIDE 30 Klik på blyanten lige ovenover billede-banneret og vælg Rediger indhold : Herved fremkommer dette billede. Tryk på HTML i bunden:
RAMBØLL HJEMMESIDE 31 Herved fremkommer dette billede. I billedet ses stien til de 5 billeder i banneret. I eksemplet her ændres filnavnet for det første billede som vist nedenfor: Hvis du ikke ønsker et rullepanel med billeder, kan du nøjes med at have et billede (dvs. de øvrige linier slettes). Billedet afsluttes med klik på Gem. 10. OPRET LOGIN Her oprettes login. Klik på Admin Bruger konti : Efterfølgende fremkommer dette billede, hvori der trykkes på Tilføj ny bruger :
RAMBØLL HJEMMESIDE 32 I billedet oprettes brugeren. Husk specielt brugernavn og adgangskode til login: Som password er indtastet Lars12 (Det skal bestå af mindst 6 karakterer). Rul ned i billedet og tryk Tilføj ny bruger. Herefter vendes tilbage til efterfølgende billede:
RAMBØLL HJEMMESIDE 33 Der klikkes på blyanten ud for den nyoprettede bruger. Under fanen Håndter roller for denne bruger vælges sikkerhedsrollen bestyrelsesmedlemmer. Billedet forlades ved klik på Luk. Der kan efterfølgende logges på hjemmesiden som Lars Larsen:
RAMBØLL HJEMMESIDE 34 Adgangskode er Lars12. Du skal selv oprette dit eget Bruger navn og Adgangskode. Der kan ikke oprettes flere ens. Du er her logget på som Lars Larsen: Log evt. på som Lars Larsen og se hvilke rettigheder, der er med et bestyrelseslogin. Log derefter ud og log på som kursist/administrator igen. 10.1 Opret menupunkt Bestyrelse som kun bestyrelsesmedlemmer har adgang til. Dette skal gøre af administratoren. Bestyrelseslogin har typisk ikke rettigheder til det.
RAMBØLL HJEMMESIDE 35 Klik på Admin Sider: Der højreklikkes øverst i træet og vælges Tilføj Side :
RAMBØLL HJEMMESIDE 36 Dette billede fremkommer, hvor i Bestyrelse indtastes og der trykkes på Opret Sider : Bestyrelse er markeret i træet som vist nedenfor. Der klikkes på pilen ud for Rettigheder (1) Bestyrelsesmedlemmer vælges som rolle og der trykkes på Tilføj (2) Der markeres i kolonnerne Vis side og Rediger side (3) Rul ned i bunden og tryk på Opdater side. Log igen på som Lars Larsen og tjek at menuen Bestyrelse er til rådighed.