Administration af hkkbhbest.dk

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

2. Hvad er Umbraco? UmbracoCMS UmbracoCMS er et open source CMS baseret på .NET-teknologien. UmbracoCMS 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. CMS: [Control Management System] Umbraco | Guide til administration af website

3. 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

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

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

6. Hvordan er Umbraco? OmUmbracosopbygning 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

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

8. Sektioner OmUmbracossektioner 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

9. Sider/Filer OmUmbracosSider/Filer De fleste, der har arbejdet med styrestystemerkender 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

10. Indhold OmUmbracosindholdssektion Den del, der vedrører selve indholdet på siderne ligger i denne sektion. Indholdet er opdelt efter sideskabelonens områder. • 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

11. 1/8 Redigering og publicering Findog klik påklubbensside med navnet „Omklubben“ Du finder den i sektionen til venstre. Forside/Klubberne/(Din Klub)/Om klubben Skrivindholdet til siden. Beskriv klubben som du ønsker det i teksten. Markér overskriften og vælg ”Typografier” i værktøjslinien. Vælg formatet ”Overskrift-Stor eller Overskrift-Lille som ønsket”. Gem og publicér siden. 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 F5, hvis ændringerne ikke vises i første omgang. Findog klik påklubbensside med navnet „Medlemmer“ Du finder den i sektionen til venstre. Forside/Klubberne/(Din Klub)/Medlemmer Skrivindholdet til siden. Læg informationer om jer selv i tabellen. Gem siden. Når du er tilfreds med indholdet klikkes på knappen ”Gem” symboliseret med en diskette. Nu er indholdet og siden gemt – men ikke publiceret online endnu. 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

12. 2/8 Upload af filer Findog klik påsektionen med navnet „Media“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Media”. Opretmappe. Højreklik på mappen med dit klubnavn. Vælg ”Opret”. Skriv ”mappenavn”. Sørg for der står ”Folder” som mediearkiv. Tryk ”Opret”. 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”. 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”. Sletning For at slette din kopi af dokumentet skal du højreklikke på filen og vælge ”Slet” og efterfølgende OK. Æ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! 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. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website

13. 3/8 Links internt og eksternt Findog klik påsektionen med navnet „Content“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Content”. Navigérfrem til den ønskedeside Fold dine sider ud i fil-træet til venstre og klik på den ønskede side. Link til tekstdokumentet. Markér teksten du ønsker linkbart og vælg ”Indsæt/redigér link”. Symboliseret med en lænke. Vælg fanen ”Mediearkiv” og navigér frem til dit netop oprettede dokument.” Klik på filen. 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. Link til andresiderpåhkkbhbest.dk Marker den ønskede tekst. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Find den ønskedeside 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 eksterne sider/filer Marker ordet, som skal linke til siden/filen. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Indsætlinket/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

14. 4/8 Opret og kopiér sider Findog klik påden ønskedeside. 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 ”umbracoNaviHide” i bunden. Slet side. Højreklik på siden og tryk ”Slet” – og OK. 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. Ændringafnavn 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. Opgave 4 af 5 – Opret og kopiér sider| Guide til administration af website

15. 5/8 Billeder og ankerpunkter Findog klik påsektionen med navnet „Media“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Media”. Opretmappe. Højreklik på mappen med dit klubnavn. Vælg ”Opret”. Skriv ”Mappenavn”. Sørg for der står ”Folder” som mediearkiv. Tryk ”Opret”. 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”. 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”. Navigérfrem til klubforsiden. På denne side er der allerede oprettet en nyhed. Denne kan redigeres som ønsket. Her kan du indsætte billeder som ønsket. Indsætbillede 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”. Indsætanker 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. 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

16. 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. Øvrige tabelfunktioner. Højreklik på en række – nu har nu mulighed for at tilføje, kopiere og meget mere. Åben HTML-redigeringsvinuet. Vælg den ønskede side – find knappen med ordet ”HTML” på og klik på denne – nu er du i HTML-udgaven af dit indhold. Du kan indsætteforkellige 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øgatindsættenogleaf dem. <b> - Fed tekst Sådan: <b>Fedtekst</b> <i> - Kursiv Sådan: <i>Kursivtekst</i> <u> - understreget <center> - Centreret <font color=”Red”> - Rød tekst <font face=”Georgia”> - Georgia skrift <s> - Overstreget tekst Se mere på www.html.dk Opgave 1 af 5 – Redingering og publicering| Guide til administration af website

17. 7/8 Venstremenu Findsiden „Omklubben“. Scroll ned til området med venstremenuen. Her er der allerede defineret nogle knapper. Du skal nu tilføje en knap via HTML. Opretknap. Stil cursoren et vilkårligt sted i vinduet. Vælg ”HTML”-værktøjet. Marker nedenstående: <li class="purple"><a href="/{localLink: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. 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å. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website

18. 8/8 Redigér i canvas og emaillink Findog klik påsektionen med navnet „Content“ Du finder den til venstre i bunden af siden. Den er angivet med et ikon og teksten ”Content”. Navigérfrem til sidensomduønskeratredigere. Højreklikpå siden i filnavigationen og vælg ”Redigér i canvas”. 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. Link til emailadresse Marker et navn under ”medlemssiden”. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Indtastadresse. 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. Publicér og test. Det er ikke anbefalet at skrive selve emailadressenpå 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’ener det nødvendigt at skrive adressen således: navn[snabel-a]email.dkeller navn[at]email.dk Opgave 3 af 5 – Links internt og eksternt| Guide til administration af website

19. Videohjælp Omhjæ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