Administration af hkkbhbest dk Guide til brug ved

Administration af hkkbhbest. dk Guide til brug ved kursus onsdag den 16. februar 2011

Hvad er Umbraco? Umbraco CMS er et open source CMS baseret på. NET-teknologien. Umbraco CMS kom til verden i Danmark i 2004 og har siden udviklet sig til i dag at være blandt de 15 mest anvendte open source. NET-applikationer. En af Umbracos primære egenskaber er den simple og intuitive brugerfalde som sikrer webredaktøren et lettilgængeligt CMS: [Control Management System] Umbraco | Guide til administration af website 2

Start af Umbraco? Umbraco – et online værktøj Umbraco CMS ligger på den server/webhotel, der er tilknyttet domænet. Det er tilgængeligt fra alle kilder med internet. PC’er, PDA’er, mobiltelefoner og andre produkter med adgang til internettet. Det eneste du behøver at vide er adressen på administrationsdelen. Umbraco | Guide til administration af website 3

Umbraco Login Sidens adresse er: hkkbhbest. dk/umbraco/login. aspx 4

hkkbhbest. dk/umbraco/default Brugernavn (BIF) Logininformationer | Guide til administration af website Adgangskode 3030 5

Hvordan er Umbraco? Om Umbracos opbygning Umbraco CMS er opbygget på en måde, der minder lidt om de styresystemer vi kender fra vores egne computere. – En stifinder til filnavigation og ikoner, der hver symboliserer forskellige områder [hkkbhbest. dk/umbraco/default] Umbraco | Guide til administration af website 6

Umbraco Opbygning Værktøjer Indhold Sider/Filer Sektioner 7

Sektioner Om Umbracos sektioner Gennem Umbraco er det muligt at tilgå alle dele af hjemmesiden. Det gælder både den tekniske del, hvorfra sideskabeloner og dokumenttyper kan editeres og alle indhold kan redigeres og opdateres. Ligesom det er muligt at ændre alle designrelaterede dele af hjemmesiden og styre adgang og rettigheder til respektive brugere af systemet. Forklaring af Sektioner | Guide til administration af website 8

Sider/Filer Om Umbracos Sider/Filer De fleste, der har arbejdet med styrestystemer kender denne form for filnavigation. Umbracos system er et bygget på samme principper som tifinder og ligendende. Med overliggende mapper med underliggende mapper med filer osv. Disse kan slås helt ud, så det totale overblik opnås over indholdet af den enkelte mappe/side. Forklaringer af Sider/Filer | Guide til administration af website 9

Indhold Om Umbracos indholdssektion Den del, der vedrører selve indholdet på siderne ligger i denne sektion. Indholdet er opdelt efter sideskabelonens områder. 1. 2. 3. 4. Topbillede Venstremenu Indhold Højreside Værktøjslinien er i øvrigt tilgængelig og kan bruges i forbindelse med opsætning af tekst, links og billeder. Forklaring af indholdsdelen | Guide til administration af website 10

1/8 Redigering og publicering Find og klik på klubbens side med navnet „Om klubben“ Du finder den i sektionen til venstre. Forside/Klubberne/(Din Klub)/Om klubben Find og klik på klubbens side med navnet „Medlemmer“ Du finder den i sektionen til venstre. Forside/Klubberne/(Din Klub)/Medlemmer Skriv indholdet til siden. Beskriv klubben som du ønsker det i teksten. Læg informationer om jer selv i tabellen. Markér overskriften og vælg ”Typografier” i værktøjslinien. Vælg formatet ”Overskrift-Stor eller Overskrift-Lille som ønsket”. Gem siden. Når du er tilfreds med indholdet klikkes på knappen ”Gem” symboliseret med en diskette. Nu er indholdet og siden Gem og publicér siden. gemt – men ikke publiceret online endnu. Når du er tilfreds med indholdet klikkes på knappen ”Gem og publicér” symboliseret med en diskette og jordklode. Kontrol af den nye version. Vælg fanen ”Egenskaber” over værktøjslinien. Klik på linket med titlen ”Alternative links”. Tryk eventuel F 5, hvis ændringerne ikke vises i første omgang. Kontrol af den nye version. Klik på knappen ”Se siden” i værktøjslinien – symboliseret med et dokument med et forstørrelsesglas på. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 11

2/8 Upload af filer Find og klik på sektionen med navnet „Media“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Media”. Sletning For at slette din kopi af dokumentet skal du højreklikke på filen og vælge ”Slet” og efterfølgende OK. Opret mappe. Højreklik på mappen med dit klubnavn. Vælg ”Opret”. Skriv ”mappenavn”. Sørg for der står ”Folder” som mediearkiv. Tryk ”Opret”. Ændring af navn Klik på din fil. Vælg fanen ”Egenskaber” og indtast dit nye filnavn. Tryk herefter på ”Gem” for at foretage ændringen. Dette har IKKE indflydelse på allerede eksisterende links til dette dokument! Opret fil i mappen Højreklik på mappen du netop har oprettet. Vælg ”Opret”. Skriv ”Dokumentnavn” som navn. Sørg for der står ”File” som mediearkiv. Tryk ”Opret”. Kontrol af link til dokument. Under ”Egenskaber” kan du ligeledes tjekke om linket og dokumentet fungerer korrekt ved at klikke på linket vist med blå tekst. Dokumentet vises i et nyt vindue. Upload din fil Klik på knappen ”Gennemse”og find filen du ønsker oprettet. Klik herefter på ”Gem” i form af diskettesymbolet i topppen. Højreklik på klubmappen og vælg ”Genindlæs elementer”. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 12

3/8 Links internt og eksternt Find og klik på sektionen med navnet „Content“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Content”. Link til andre sider på hkkbhbest. dk Marker den ønskede tekst. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Navigér frem til den ønskede side Fold dine sider ud i fil-træet til venstre og klik på den ønskede side. Find den ønskede side i vinduet. Navigér frem til siden, der skal linkes til og klik på den. Sørg for at der står ”Åben i dette vindue/ramme” under ”Target”. Klik på indsæt. Link til tekstdokumentet. Markér teksten du ønsker linkbart og vælg ”Indsæt/redigér link”. Link til eksterne sider/filer Symboliseret med en lænke. Vælg fanen ”Mediearkiv” og Marker ordet, som skal linke til siden/filen. navigér frem til dit netop oprettede dokument. ” Klik på filen. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Opret linket. Indtast navn på filen. Vælg ”Åben i nyt vindue” ved ”Target”. Tryk herefter på knappen ”Indsæt” i bunden af vinduet. Gem og publicér siden og kontrollér som beskrevet i 1/8 afsnit 3. Indsæt linket/URL‘en. Indtast eller indsæt adressen, hvor der står URL. Navngiv eventuelt linket. Vælg hvordan siden skal åbnes og tryk indsæt. Herefter publiceres og kontrolleres som nævnt i 1/8. Opgave 3 af 5 – Links internt og eksternt| Guide til administration af website 13

4/8 Opret og kopiér sider Find og klik på den ønskede side. Højreklik og tryk ”Opret”. Skriv ”Sidenavn” og lad der stå ”Content” under dokumenttype. Tryk ”Opret”. Siden er nu oprettet. Indhold til siden. Kopiér alt fra andre sider. Vælg det du ønsker kopieret. Brug Ctrl+A for at vælge alt, Ctrl+C for at kopiere og Ctrl+V for at indsætte. Gem efter hver kopieret del – det er en god idé. Skjul i menuen. Alle sider kan skjules – så de ikke fremgår af hovedmenuen (den sorte i toppen af www. hkkbhbest. dk). Vælg fanen ”Egenskaber” og sæt hak ved ”Ja” ved punktet ”umbraco. Navi. Hide” i bunden. Kopiér hele sider. Mange gange er det nemmere bare at kopiere en eksisterende side. På den måde får du både banner, venstremenu, indhold og højreside med på én gang. Derefter kan siden redigeres efter behov. Start med at vælge den side du vil kopiere. Højreklik og vælg ”Kopiér”. Vælg det overliggende niveau den skal ligge under, som i dette tilfælde er klubforsiden (EKS. ”BIF-Beskæftigelse & Integration” og tryk OK. Luk vinduet. Ændring af navn Vælg fanen ”Egenskaber” og angiv det nye navn. Gem herefter og vælg fanen ”Indhold”. Og siden er nu klar til redigering og eventuel publicering. Slet side. Højreklik på siden og tryk ”Slet” – og OK. Opgave 4 af 5 – Opret og kopiér sider| Guide til administration af website 14

5/8 Billeder og ankerpunkter Find og klik på sektionen med navnet „Media“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Media”. Navigér frem til klubforsiden. På denne side er der allerede oprettet en nyhed. Denne kan redigeres som ønsket. Her kan du indsætte billeder som ønsket. Opret mappe. Højreklik på mappen med dit klubnavn. Vælg ”Opret”. Skriv ”Mappenavn”. Sørg for der står ”Folder” som mediearkiv. Tryk ”Opret”. Indsæt billede Sæt cursoren, hvor billedet skal placeres og tryk på knappen ”Indsæt/redigér billede”. Symboliseret med et lille foto. Navigér frem til dit netop oprettede billede. ” Klik på filen. Angiv eventuelt en titel til billedet og tryk ”Indsæt”. Opret fil i mappen Højreklik på mappen du netop har oprettet. Vælg ”Opret”. Skriv ”Billednavn”. Sørg for der står ”Image” som mediearkiv. Tryk ”Opret”. Indsæt anker Sæt cursoren ved det sted på siden hvor ankerpunktet ønses placeret - klik på værktøjet ”Indsæt/redigér anker”. Navngiv ankerpunktet. Nu ankeret synligt på siden. Upload din fil Klik på knappen ”Gennemse”og find dit billede på PC’en. Klik herefter på ”Gem” i form af diskettesymbolet i topppen. Højreklik på klubmappen og vælg ”Genindlæs elementer”. Opret linket. Markér den tekst eller det billede som skal linke til ankeret og vælg link-værktøjet. Vælg siden og ankerpunktet ved ”Anchor” og tryk indsæt. Publicér og test. Ankerpunkter kan også være på andre sider på hkkbhbest. dk Opgave 5 af 5 – Billeder og ankerpunkter| Guide til administration af website 15

6/8 HTML kode og redigering Slet en række fra tabellen. Sæt cursoren over den række, der skal slette, højreklik, vælg ”Række” og herefter ”Slet række”. Marker hele sektionen med musen og slet. Man kan også markere rækken med musen ved at trække musen henover den mens man holder venstre museknap nede – ligesom når man makerer tekst – herefter kan man slette ved at trykke på ”Delete” eller ”Backspace” på tastaturet. Du kan indsætte forkellige HTML-tags i koden. Her finder du de mest anvendte koder. <TAG>En sætning</TAG> Eksempel på en HTML-tag start og slut. Eksempler – forsøg at indsætte nogle af dem. <b> - Fed tekst Sådan: <b>Fedtekst</b> <i> - Kursiv Sådan: <i>Kursivtekst</i> <u> - understreget <center> - Centreret Åben HTML-redigeringsvinuet. <font color=”Red”> - Rød tekst Vælg den ønskede side – find knappen med ordet ”HTML” på og <font face=”Georgia”> - Georgia skrift klik på denne – nu er du i HTML-udgaven af dit indhold. <s> - Overstreget tekst Øvrige tabelfunktioner. Højreklik på en række – nu har nu mulighed for at tilføje, kopiere og meget mere. Se mere på www. html. dk Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 16

7/8 Venstremenu Find siden „Om klubben“. Scroll ned til området med venstremenuen. Her er der allerede defineret nogle knapper. Du skal nu tilføje en knap via HTML. Opret knap. Stil cursoren et vilkårligt sted i vinduet. Vælg ”HTML”-værktøjet. Marker nedenstående: Slet knap. Marker den linie HTML-tekst, der svar til den knap du vil slette og fjern den. Opdatér herefter. Link på knappen Marker teksten på selve knappen. Brug herefter link-værktøjet til at finde den ønskede side som knappen skal pege på. <li class="purple"><a href="/{local. Link: 0000}" title="Dokumenter">Dokumenter</a></li> (Dette er den nederste knap i HTML-kode. ) Kopiér og sæt ind efter det sidste </li>. Nu kan du ændre farven og teksten på knappen. Pink, Purple, Green, Blue, Orange og Brown er pt. tilgængelige. Teksten er omringet af >Tekst<. Klik på ”Opdater”, tjek ændringer med ”Se siden” (papir med forstørrelsesglas på) i værktøjslinien. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 17

8/8 Redigér i canvas og emaillink Find og klik på sektionen med navnet „Content“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Content”. Link til emailadresse Marker et navn under ”medlemssiden”. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Navigér frem til siden som du ønsker at redigere. Højreklik på siden i filnavigationen og vælg ”Redigér i canvas”. Indtast adresse. Skriv følgende: mailto: navn@email. dk i feltet URL. Sørg for at der står ”Åben i dette vindue/ramme” under ”Target”. Klik på indsæt. Redigér siden med det fulde overblik. Nu kan du ved at dobbeltklikke på områderne redigére direkte på siden. Det kan være en fordel, hvis man ønsker at se resultaterne med det samme og samtidig vil have det fulde overblik over siden. Knapperne Det røde kryds betyder IKKE luk vinduet! – Det betyder ”Slet siden”. ”Gem” eller ”Gem og publicér”. HUSK at du skal klikke på ”Log out” i højre hjørne, når du er færdig. Publicér og test. Det er ikke anbefalet at skrive selve emailadressen på et website, da internetrobotter kan opsamle disse til spam eller anden form for misbrug. Skriv derfor et ord og link dette til emailadressen. Hvis man ikke ønsker at åbne brugerens emailklient på PC’en er det nødvendigt at skrive adressen således: navn[snabel-a]email. dk eller navn[at]email. dk Opgave 3 af 5 – Links internt og eksternt| Guide til administration af website 18

Videohjælp Om hjælpevideoer Der er produceret hjælpevideoer, som viser i praksis hvordan forskellige opgaver løses i forbindelse med administration af sitet. De er ikke med speak – men der er en vejledende tekst i bunden af videoen. Videoerne vil være tilgængelige på hjemmesiden på adressen: www. hkkbhbest. dk/support Vejledning Hjælpevideoer | Guide til administration af website 19