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

Præsentationer af emnet: "Administration af hkkbhbest.dk Guide til brug ved kursus onsdag den 16. februar 2011."— Præsentationens transcript:

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

2 Hvad er Umbraco? Umbraco CMS 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. Umbraco | Guide til administration af website CMS: [Control Management System] 2

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 3

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

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

6 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 Umbraco | Guide til administration af website [hkkbhbest.dk/umbraco/default] 6

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

8 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

9 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

10 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.Topbillede 2.Venstremenu 3.Indhold 4.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

11 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 Skriv indholdet 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. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 11 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. 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å.

12 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”. 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”. 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”. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 12 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.

13 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”. Navigér frem til den ønskede side 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. Opgave 3 af 5 – Links internt og eksternt| Guide til administration af website 13 Link til andre sider på hkkbhbest.dk Marker den ønskede tekst. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. 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 eksterne sider/filer Marker ordet, som skal linke til siden/filen. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. 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.

14 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 ”umbracoNaviHide” i bunden.www.hkkbhbest.dk 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 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.

15 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”. 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”. 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”. Opgave 5 af 5 – Billeder og ankerpunkter| Guide til administration af website 15 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. 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”. 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. 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

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. Opgave 1 af 5 – Redingering og publicering| Guide til administration af website 16 Du kan indsætte forkellige HTML-tags i koden. Her finder du de mest anvendte koder. En sætning Eksempel på en HTML-tag start og slut. Eksempler – forsøg at indsætte nogle af dem. - Fed tekst Sådan: Fedtekst - Kursiv Sådan: Kursivtekst - understreget - Centreret - Rød tekst - Georgia skrift - Overstreget tekst Se mere på www.html.dk

17 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: Dokumenter (Dette er den nederste knap i HTML-kode.) Kopiér og sæt ind efter det sidste. 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 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å.

18 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”. Navigér frem til siden som du ønsker at redigere. Højreklik på 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. Opgave 3 af 5 – Links internt og eksternt| Guide til administration af website 18 Link til emailadresse Marker et navn under ”medlemssiden”. Tryk på ”Opret/redigér link”-ikonet i værktøjslinien. Indtast adresse. Skriv følgende: mailto:navn@email.dkmailto: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 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

19 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 Hjælpevideoer | Guide til administration af website 19 Vejledning