3S brugermanual VERSION 2

Transkript

1 3S brugermanual VERSION 2 Version Udgivet 20/7 2012

2 3S brugermanual Kom igang med 3S Med denne manual kan du hurtigt komme i gang med at bruge dine nye eller opdaterede hjemmeside. Det er en trin-for-trin vejledning, der guider dig gennem mange af de funktioner du finder i 3S: At tilføje artikler og billeder, at opdatere kalenderen, at ændre designet på din hjemmeside og at redde ting, du er kommet til at slette. Støder du på udfordringer du ikke kan finde svar på, kan du altid få support - se Side 2

3 Indhold Kom godt i gang... 6 Login... 6 Overblik over den interne del... 7 Menuen... 8 Upload et billede... 9 Sådan uploader du et billede eller en fil... 9 Hold styr på dit filarkiv Sådan tilføjer du en mappe...11 Sådan omdøber du en mappe...12 Sådan sletter du en mappe...13 Sideindhold Forsiden...14 Oversigt over sideindhold...15 Tilføj en ny side Redigering af side Redigering af element...18 Højreklik...19 Tilføj tekst med billede Mere om tekstindhold...24 Mere om tabeller...26 Mere om billeder...28 Mere om sidelayout...29 Øvrige indstillinger...31 Specielle indholdselementer Lave 2 eller 3 spalter på en side...32 Lave en kasse til indhold på en side...34 Opret selv billedkarusseler...36 Billed med overskrift...38 Indsæt din egen søgefunktion...40 Indsætte kommentarmulighed...42 Horisontal linje...45 Papirkurven: ups... jeg har slettet Sådan gendanner du et slettet element...46 Tilføj arrangement til kalender Opret begivenhed - sådan tilføjer du et arrangement...50 Få et arrangement på sogn.dk...52 Kalenderoversigt...54 Kategorier i kalenderen...55 Indsætte en kalender på en side...56 Sådan opretter du en nyhed Nyhedsoversigt...63 Indsætte en nyhedsliste på en side...64 Design af hjemmesiden Menuen...66

4 Vælg skabelon...67 Vælg designindstillinger for menu og baggrund...68 Vælg designindstillinger for skrifttyper Topbar fra folkekirken.dk...74 Google Analytics...74 Kaboo brugernavn og kodeord...74 Formularer Om formularer...75 Mere om formularer...77 Funktionen - Send til side...78 De forskellige felttyper...79 Tips & Tricks Kopier tekst fra Word dokument til 3S...83 Læg en film på din hjemmeside (Ren HTML)...87 Placer en PDF fil på din hjemmeside (1-2-3)...89 Google Analytics...94 v Side 4

5 Side 5

6 Kom godt i gang Login For at redigere din hjemmeside skal du først logge ind. Det gør du på adressen Det kunne for eksempel være Her vil du se en login-boks. Indtast dit brugernavn og password og klik på Login. Nu dukker den interne del af 3S systemet op. Det er her, du kan administrere din side, redigere tekst og ændre i de ting, som folk kan se, når de klikker sig ind på din hjemmeside. Den del af hjemmesiden, som er synlig for hjemmesidens besøgende, kalder jeg den eksterne del af 3S. Kom godt i gang Side 6

7 Overblik over den interne del Værktøjslinje Øverst har du de mest brugte værktøjer. Hvilke værktøjer der bliver vist, afhænger af, hvilken side, du er på. De mest almindelig er gem, vis webside og tilføj nyt indhold. Menu I menuen findes forskellige værktøjer. Her kan du oprette nyheder og begivenheder i kalenderen. Det er også herfra du har adgang til at uploade billeder og andre filer til din hjemmeside. Og du kan ændre sidens design og dine personlige indstillinger. Venstre rude Her ser du en liste over alle de sider du har på hjemmesiden. Hvis du klikker på en side, får du vist dens indhold i højre rude. Hvis du klikker på ikonet ud for sidens titel får du vist en lille menu. De fungerer ligesom mapper i Windows, så du kan klikke på for at folde dem ud og se, hvilke sider, der ligger under. Højre rude Bruges primært til at vise indholdet af de enkelte sider. Når du klikker på en side i den venstre rude, vises indholdet i højre rude. Kom godt i gang Side 7

8 Menuen Web Side: Ved at klikke på side, får du vist en liste over de sider, du har på hjemmesiden og mulighed for at redigere disse. Liste: Dette menupunkt bruges kun til at se en liste over kommentarer, der er skrevet på en side (se mere sidepage 42). Papirkurv: Ups. Her kan du finde ting, du er kommet til at slette. Kalender Opret begivenhed: Her kan du oprette en ny begivenhed i din kalender. Begivenheder: Her får du vist alle begivenheder, du har oprettet i din kalender. Opret kategori: Som standard er der oprettet to kategorier foredrag og gudstjeneste. Det bruger du, hvis du på én side vil have vist en kalender, der kun indeholder foredrag og på en anden side, kun vil have vist gudstjenester. Du kan selv oprette flere kategorier her. Nyheder Opret nyhed: Her opretter du en nyhed. Nyheder: Her får du vist alle de nyheder, du har oprettet. Medie Design Skabeloner: Her kan du vælge mellem de tre standard designskabeloner 3S indeholder. Om menuen skal være til venstre på siden eller vandret under topbilledet. Om du vil have to eller tre spalter til indhold. Udseende: Her kan du tilpasse den valgte skabelon med forskellige farver. Typografi: Her kan du vælge forskellige overskrift-formater. For eksempel hvilken skrifttype, størrelse og linjeafstand. Fil: Her kan du få vist alle de billeder og Fast info: Her kan du redigere sidens filer, du har har lagt op i dit filarkiv. Det titel, topbilledet og adressen i bunden er også her du lægger nye filer op. samt tilføje Google Analytics og Kaboo. Kom godt i gang Side 8

9 Upload et billede Hvis du vil have et billede på en side eller tilknyttet en nyhed eller en begivenhed, så er det lettest at starte med at uploade billedet inden du opretter selve artiklen. Derfor starter vejledningen også her. Du kan uploade billeder, PDF-filer, Worddokumenter og alle andre former for filer. Du kan dog ikke uploade filer, der er større end 10 MB. Sådan uploader du et billede eller en fil 1. Klik på fil i menuen til venstre. 2. Vælg i den midterste kolonne den mappe du vil uploade filen i. Klik på mappen. Som standard er der oprettet 5 mapper: Billeder, Blad, Dokumenter, MR og Personale. Kan du ikke se de fem mapper, er det fordi du skal trykke på den lille trekantede pil ud for sidens titel i midterste kolonne. Er du i tvivl om hvilken mappe, du er ved at uploade i, kan du se det aktuelle mappenavn i øverste højre hjørne, lige under søgefeltet. Upload et billede Side 9

10 4. Klik på upload-ikonet øverst på siden. 5. Klik på Vælg filer-knappen. Hvis du tidligere har uploadet en fil med samme navn, som den du er i gang med at uploade, kan du vælge om den skal overskrives eller ej. Vælger du at den ikke skal overskrives, omdøbes den nyuploadede fil automatisk, så begge filer kommer til at ligge i arkivet. Sætter du derimod kryds i boksen og vælger at filen skal overskrives, så bliver den gamle fil slettet. Det bruges blandt andet i de tilfælde, hvor du har uploadet et billede i det forkerte format eller vil have en gammel pressemeddelelse overskrevet med en ny version. Alle de steder, hvor billedet bliver vist eller der er link til pressemeddelelsen, vil den nye fil automatisk blive vist eller linket til. OBS!!! FLASH Uploadfunktionen benytter Flash, og du skal derfor have Flash installeret på din computer. 6. Vælg de relevante filer og klik åben. Du kan vælge flere billeder eller filer ved at holde ctrl-tasten nede, mens du klikker på de forskellige filer med musen. 7. Filen er nu uploadet. Upload et billede Side 10

11 Hold styr på dit filarkiv Det er vigtigt at have en god struktur på sit filarkiv. I starten, mens der ikke er så mange filer i arkivet, er det let at overskue og finde nyuploade billeder og filer. Men efterhånden som man får uploadet en masse, kan det hurtigt blive meget rodet, hvis man uploader alle filer i én mappe. Så sørg for, at der er en god struktur fra starten. Som standard har vi oprettet fem forskellige mapper: Billeder, Blad, Dokumenter, MR og Personale. Giver en anden mappestruktur mere mening for jer, så slet disse mapper og tilføj jeres egne. Sådan tilføjer du en mappe 1. Klik på den mappe, som den nye mappe skal oprettes i. Skal det være en hovedmappe, så klik på sidens titel i menuen i den midterste kolonne. Skal det være en undermappe, så klik på for eksempel mappen dokumenter. 2. Klik på ikonet for opret ny mappe øverst på siden. 3. Skriv mappenavnet. Hvis du vil oprette flere mapper på samme tid, kan du vælge op til 10 mapper i dropdownen. Siden indlæses igen og du får et felt til hvert mappenavn. Hold styr på dit filarkiv Side 11

12 4. Klik på Opret mapper -ikonet øverst på siden. Hvis du undervejs fortryder kan du klikke på Annuller -ikonet øverst på siden. Sådan omdøber du en mappe 1. Klik på Omdøb -ikonet længst til højre i højre kolonne ud for den relevante mappe. 2. Skriv det nye mappenavn. 3. Klik på Omdøb -knappen. Hold styr på dit filarkiv Side 12

13 Sådan sletter du en mappe 1. Klik på Slet -ikonet længst til højre i højre kolonne ud for den relevante mappe. 2. Klik på Slet -knappen. Hold styr på dit filarkiv Side 13

14 Sideindhold Menupunktet Side er det sted, hvor du får adgang til alle de sider, I har på den eksterne del af jeres hjemmeside. Altså alt det, jeres brugere kan se. I venstre kolonne får du en oversigt over, hvilke sider der er for eksempel en kontaktside, en nyhedsside og forsiden af jeres hjemmeside. For hvert menupunkt findes der er en tilsvarende side på den eksterne del af hjemmesiden (med mindre siden er skjult, mere om det senere). Det er på disse sider, at du kan tilføje indhold. Forsiden Forsiden af din hjemmeside er i denne henseende lidt speciel. I venstre kolonne vil der øverst stå <din hjemmeside> Nedenunder står der Forside. Når du skal redigere den forside, som dine brugere ser, skal du redigere siden <din hjemmeside>. Den side der hedder Forside er blot en genvej til den rigtige forside. Denne genvej har det eneste formål at oprette et menupunkt i menuen på den eksterne del af din hjemmeside, der hedder Forside, så dine brugere altid kan komme tilbage til forsiden. Sideindhold Side 14

15 Oversigt over sideindhold Det indhold der er på dit website - tekster, billeder, videoer, kalender m.v. - kalder vi sideindhold. Det tilføjer du til dine sider bid for bid. Vil du på én side have noget tekst og en video i midterfeltet, og en kalender i højre kolonne og noget tekst derunder, så tilføjer du i alt fire såkaldte elementer til din side. Har du en side med rigtig meget tekst, så kan det også være en fordel at opdele teksten i forskellige elementer. Du kan godt indsætte ét langt tekstelement, men fordelen ved at opdele den i mindre bider er, at du så let kan bytte rundt på elementerne, skjule eller redigere i dem. Det kunne for eksempel være relevant, hvis du vil tilføje en note om, at I holder julelukket på kontoret. Hvis det oprettes som et tekstelement for sig selv, er det let at skjule eller slette efter nytår. I venstre rude kan du se, hvilken side, du arbejder på. I højre rude kan du se, det sideindehold, der er på siden. Det er opdelt i såkaldte elementer. Sideindhold Side 15

16 Tilføj en ny side 1. Højreklik på den side, hvor den nye side skal placeres inden i eller efter. 2. Vælg ny. 3. Klik på pilen i højre rude på det sted, hvor siden skal indplaceres. 4. Skriv sidens titel i feltet Sidetitel. 9. Gem ved at klikke på én af gemknapperne øverst på siden. Tilføj en ny side Side 16

17 Redigering af side Når du har tilføjet lidt forskelligt sideindhold til din side kunne det for eksempel se således ud: Vis webside Få vist siden, som den ser ud for brugeren, på et nyt faneblad i din browser. Rediger sideegenskaber Her kan du redigere de generelle indstillinger for siden. For eksempel sidens titel, om den skal være synlig i menuer og hvilket topbillede, der skal bruges. Opret nyt element på siden Du kan flytte indhold mellem kolonner ved at trække det fra en kolonne til en anden med musen. Redigering af side Side 17

18 Redigering af element Vis eller skjul elementet på din hjemmeside Rediger elementet Kopier element Når du har klikket på kopier -ikonet, kommer der et lille indsæt -ikon alle de steder, hvor indholdet kan indsættes. Du kan også klikke over på en ny side i menuen til venstre for at indsætte indholdet der. Opret reference Opret reference er en slags kopifunktion men med nogle særlige egenskaber. Når du klikker på ikonet, kommer der lige som ved kopier element et indsæt - ikon, så indholdet kan indsættes et andet sted på siden eller på en anden side. Det særlige ved Opret reference er, at de to elementer (originalen og kopien) forbliver sammenbundet. Det vil sige, at hvis du redigerer noget i det ene element, så bliver det også automatisk rettet i det andet. Det er for eksempel smart, hvis du har kontaktoplysninger flere steder på hjemmesiden. Så skal de kun rettes ét sted, hvis nogen flytter eller lignende. Klip element Når du har klikket på klip - ikonet, kommer der et lille indsæt -ikon alle de steder, hvor indholdet kan indsættes. Du kan også klikke over på en ny side i menuen til venstre for at indsætte indholdet der. Slet element Elementet ryger over i papirkurven. Men vær opmærksom på, at det ikke altid er smertefrit at gendanne, så hvis du tror, du kommer til at bruge elementet igen, så kan du nøjes med at skjule det. Redigering af side Side 18

19 Højreklik Du kan højreklikke på ikonet ud for sider i venstre spalte og på ikoner ud for sideelementernes titel i højre spalte. Det giver en række muligheder: Højreklik på sider Vis: Få vist siden, som den ser ud for brugeren, på et nyt faneblad i browseren. Ny: Tilføj en ny side til din hjemmeside. Du får efterfølgende mulighed for at indplacere den det ønskede sted. Klip: Klip en side for at flytte den til en ny placering. Højreklik efterfølgende på den side, som den klippede side skal flyttes ind i eller efter. Du får nu vist to ikoner: Indsæt i og indsæt efter. Førstnævnte betyder at den klippede side bliver en underside til den valgte side. Sidstnævnte betyder, at den klippede side flyttes ind i menuen efter den valgte side, men på samme niveau. Kopier: Kopier en side og vælg ny placering. Funktionen virker på samme måde som klip side, der er beskrevet ovenfor. Deaktivér: Skjuler siden, så den ikke bliver vist på den eksterne del af hjemmesiden. Slet: Sletter siden og flytter den til papirkurven. Redigér: Her kan du redigere de generelle indstillinger for siden. For eksempel sidens titel, om den skal være synlig i menuer og hvilket topbillede, der skal bruges. Du kan ændre sidernes placering i forhold til hinanden, ved med musen at trække en side op eller ned i menuen i venstre kolonne. Dette har også indflydelse på, hvilken placering de har i menuen på den eksterne del af hjemmesiden altså det brugeren ser. Redigering af side Side 19

20 Højreklik på elementer Vis: Få vist siden, som den ser ud for brugeren, på et nyt faneblad i din browser. Rediger: Rediger elementet. Du får de samme redigeringsmuligheder, som da du oprettede elementet. Info: Du får vist lidt teknisk information om siden. Du kan ikke redigere noget her. Flere valg: Du får en række lidt mere tekniske valgmuligheder. Disse bruges sjældent og vil ikke blive gennemgået i denne manual. Skjul: Skjuler elementet, så den ikke bliver vist på den eksterne del af hjemmesiden. Synlighedsvalg: Her kan du vælge, om elementet først skal publiceres på en bestemt dato eller skjules igen på et tidspunkt. Ændringsforløb: Her kan du se en oversigt over, hvornår elementet er blev redigeret siden dets oprettelse. Det er også muligt at genskabe tidligere versioner af elementet. Dette vil dog ikke blive gennemgået i denne manual. Redigering af side Side 20

21 Tilføj tekst med billede 1. Klik på den side i menuen, som du vil lægge indhold på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have elementet placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om det nye indhold skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. 3. Klik på Tekst & billeder på den første fane Typisk sideindhold. 4. Tilføj en overskrift i overskriftsfeltet og noget tekst i tekstfeltet. Tilføj tekst med billede Side 21

22 5. Vil du have et billede til artiklen, så klik på fanebladet Billeder. Husk at billedet skal være uploadet til hjemmesiden på forhånd læs mere på page Klik på ikonet Find database elementer. 7. Klik på den mappe du tidligere har uploadet billedet i. 8. Klik på det ønskede billede. Tilføj tekst med billede Side 22

23 9. Gem ved at klikke på én af gemknapperne øverst på siden. Gem dokument. Siden bliver gemt og du kan fortsat redigere videre. Gem dokumentet og vis siden. Siden bliver gemt og der åbner et nyt faneblad, hvor du får vist siden, som den ser ud for alle andre. Gem og luk dokumentet. Siden bliver gemt og dokumentet lukket, så du kommer tilbage til oversigten. Hvis du ønsker at annullere dine ændringer, så klik på Luk dokumentet. Dine ændringer vil ikke blive gemt. Tilføj tekst med billede Side 23

24 Mere om tekstindhold Når du opretter en artikel med billede, er der mange flere indstillingsmuligheder for både overskrifter, tabeller, billeder og layout. Det vil vi gennemgå på de følgende sider. Overskrift Til hver designskabelon er der tilknyttet tre forskellige overskrifttyper forskellige størrelse og eventuelt farve (på sidepage 70 kan læse, hvordan du selv ændrer disse standarder). I dropdownen Type kan du vælge hvilken overskrift, der skal bruges til det aktuelle element: overskrift 1, overskrift 2 og overskrift 3. Overskrift 1 er normalt den største. Redigeringsmenu Mange af ikonerne i texteditorens redigeringsmenu kender du sikker fra Word og lignende programmer. Fed Indsæt tabel Kursiv Søg og erstat Understreget Se html-kode i stedet for almindelig Indsæt vandret streg tekstredigeringstilstand Venstrestillet tekst Fjern formatering Centreret tekst Klip Højrestillet tekst Indsæt Indsæt liste med tal Fortryd din sidste handling Indsæt liste med punkter Gentag din sidste handling Indsæt specialtegn Indsæt link. Skal du redigere et eksisterende link er det samme knap, du skal bruge. Tilføj tekst med billede Side 24

25 Tabelmenu Lige under redigeringsmenuen finder du tabelmenuen. Ikonerne i denne linje er kun aktive og klikbare, hvis du har indsat en tabel i tekstfeltet og står med curseren i et af tabelfelterne. Slå kanter til og fra. Bruges til at få vist kanterne i tekstfeltet. Det er kun et arbejdsredskab og har ingen indflydelse på, hvordan det ser ud på den eksterne del af hjemmesiden, altså det brugerne kan se. Tabel egenskaber. Her kan du lave en række indstillinger for tabellen, for eksempel hvor meget margin der skal være og hvor stor tabellen skal være. Række egenskaber Indsæt række før Indsæt række efter Slet række Del række Indsæt kolonne før Indsæt kolonne efter Slet kolonne Del kolonne Celle egenskaber Indsæt celle før Indsæt celle efter Slet celle Del celle Sammenflet celler. Bruges, hvis du vil have teksten til at fortsætte fra én celle til en anden. Marker flere celler for at flette dem. Tilføj tekst med billede Side 25

26 Mere om tabeller Når du opretter en tabel, får du en række indstillingsmuligheder. Vil du efterfølgende ændre på disse indstillinger for tabellen, skal du blot klikke på ikonet Tabel egenskaber. De væsentligste indstillinger: Fanen Generelt Beskrivelse: Kommer til at stå som tabellens overskrift. Rækker: Antallet af rækker i tabellen Kolonner: Antallet af kolonner i tabellen Overskrifter: Du kan lave overskrifter i tabellen, der har en mere markeret skrifttype. Du kan vælge om det skal være øverste række (overskrifter i toppen), venstre kolonne (overskrifter til venstre) eller begge dele (overskrifter i toppen og til venstre). Skal alle felter have samme skrifttype og størrelse skal du vælge ingen overskrifter. Tilføj tekst med billede Side 26

27 Fanen Layout Cellemargin: Hvis der skal være afstand fra rammen til teksten skal du indsætte et tal her. Margin måles i enheden pixels, så prøv dig frem med for eksempel 3 eller 5. Bredde & højde: Hvis du vil give tabellen en fast bredde eller højde. Du kan selv vælge om det skal angives i pixels, em eller procent af hele sidens bredde/højde. Fanen Justering Tekst justering: Den vandrette justering af indhold i cellerne. Vertikal justering: Den lodrette justering af indhold i cellerne. Kant stil: Den yderste ramme om tabellen. Kantbredde: Bredden på den yderste ramme om tabellen målt i pixels. Farve: Vælg hvilken farve kanten skal have. Linjer: Hvis du vil have felterne inde i tabellen opdelt med streger skal du vælge Linje vil komme efter alle rækker og kolonner. Tilføj tekst med billede Side 27

28 Mere om billeder Har du tilknyttet flere billeder til artiklen, kan du ændre rækkefølgen på dem. Klik på et billede og flyt det op og ned i listen ved hjælp af disse pile. Du sletter billedet ved at trykke på det nederste kryds. Tilføj billedtekster til dine billeder. Har du flere billeder, skrives alle billedtekster i dette felt. Skriv den første, lav derefter linjeskift ved hjælp af enterknappen og begynd at skrive den næste. Billedteksten må gerne løbe over flere linjer i feltet, men du kan ikke lave linjeskift så vil teksten blive delt over flere billeder. Kryds af, hvis billedet skal åbne i forstørret udgave, når brugeren klikker på billedet. Vælg her, hvis et klik på billedet åbner en ny side på din egen hjemmeside det kunne for eksempel være siden kontakt eller en helt anden hjemmeside. Kryds af, hvis der i vinduet med de forstørrede billeder skal være en afspilningsknap, så brugeren kan starte et slideshow, hvor billederne automatisk afløser hinanden. Hvert billede vises cirka 5 sekunder. Kryds af, hvis der er flere billeder tilknyttet artiklen og hvis der under hvert billede skal være link til de øvrige billeder. Linket bliver vist med teksten 01, 02, 03 osv. Tilføj tekst med billede Side 28

29 Mere om sidelayout Du kan lave nogle simple layoutindstillinger for hvert element på fanen Udseende. For eksempel, hvordan billeder skal være placeret på siden og om der skal tilføjes lidt luft over og under elementet. Top- og bundmargen Hvis du vil skabe lidt luft mellem forskellige elementer på en side, kan du tilføje en top- eller bundmargen. Den måles i pixels, så prøv dig frem med for eksempel 10 eller 20 pixels. 10 pixels svarer cirka til 2,6 millimeter. Bredde eller højde på billeder Du kan her vælge bredde eller højde på sidens billeder. Skriver du ikke noget i et af disse felter, finder systemet selv en passende visning ud fra billedets opløsning/størrelse og hjemmesidens design. Du kan ikke sætte en bredde, der går ud over kolonnen. Hjemmesiden sætter automatisk denne begrænsning ud fra det valgte hjemmesidedesign. Hvor stort billedet kan blive, afhænger også af, hvor du har placeret det på siden. Hvis du har valgt et layout, hvor der er tekst på den ene side af billedet (mere om dette om et øjeblik), så vil der altid være plads til denne tekst. Ønsker du at billedet udfylder hele kolonnens bredde, skal du vælge en placering over eller under teksten. Undgå at sætte både en bredde og højde for billedet, så bliver det vredet ud af proportioner. Udfyld derfor kun den ene af de to. Tilføj tekst med billede Side 29

30 Placering af billede i forhold til tekst Vælg, hvor billedet skal være placeret i forhold til teksten: over, under eller omkranset af tekst. Og om det skal være centreret eller placeret i højre eller venstre side. Billeder i kolonner Du kan vælge at indsætte billeder i flere kolonner. Så bliver der vist to eller flere billeder ved siden af hinanden afhængigt af, hvor mange du har valgt. Tilføj tekst med billede Side 30

31 Øvrige indstillinger På det sidste faneblad adgang kan du lave lidt flere indstillinger. Skjul Afkryds her, hvis elementet skal være skjult. På den måde kan du i god tid tilføje artikler og andre indholdselementer uden at de bliver vist på siden. Føj til henvisning til sidetop Tilføj et link lige under indholdselementet, som kan bringe brugeren til toppen af siden. Teksten på linket hedder Til toppen. Udgivelsesdato Hvis du vælger en dato her, vil indholdselementet først blive vist på hjemmesiden fra den pågældende dato. Udløbsdato Hvis du sætter en dato her, vil indholdselementet automatisk blive skjult fra hjemmesiden den pågældende dato. Hvis du ved, at noget indhold bliver forældet på et tidspunkt, kan det være en god ide at sætte en udløbsdato. På den måde sikrer du, at der ikke ligger gammelt indhold på siden. Og selv om man har de bedste intentioner om at huske at fjerne uaktuelle artikler igen, så viser erfaringen, at det ofte bliver glemt i hverdagens ståhej. Tilføj tekst med billede Side 31

32 Specielle indholdselementer Lave 2 eller 3 spalter på en side Ønsker du at dele det store indholdsområde på din hjemmeside op i to eller tre spalter, kan du gøre det ved hjælp af elementerne, der hedder 2 kolonne indhold. Du kan efterfølgende komme indholdselementer i opdeleren, nøjagtig som du almindeligvis opretter artikler m.m. 1. Klik på den side i menuen, som du vil lægge indhold på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have opdeleren placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om opdeleren skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. Dog kan der kun oprettes to spalter i den store kolonne, der heddder Indhold normal. 3. Klik på fanen Specielle elementer. Specielle indsholdselementer Side 32

33 4. Klik på 2 kolonne indhold. 9. Gem ved at klikke på én af gemknapperne øverst på siden. 5. Opret indhold i spalterne Der er nu oprettet en opdeler, som et slags element. Du kan efterfølgende oprette indhold - artikler, billeder og lignende - nøjagtig som du plejer, ved at klikke på Opret nyt element -ikonet. Specielle indsholdselementer Side 33

34 Lave en kasse til indhold på en side Ønsker du at fremhæve noget indhold kan du blandt andet gøre det ved at oprette en kasse som den der er vist til venstre. 1. Klik på den side i menuen, som du vil lægge indhold på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have kassen placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om kassen skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. 3. Klik på fanen Specielle elementer. 4. Klik på Kasse til indhold. Specielle indsholdselementer Side 34

35 5. Skriv en overskrift til kassen. Det er den tekst, der står i det øverste grå felt. 6. Gem ved at klikke på én af gemknapperne øverst på siden. 7. Opret indhold i kassen Der er nu oprettet en kasse, som et slags element. Du kan efterfølgende oprette indhold - tekst, billeder og lignende - nøjagtig som du plejer, ved at klikke på Opret nyt element -ikonet. Specielle indsholdselementer Side 35

36 Opret selv billedkarusseler Det er også let at lave små billedserier med overgange i 3S - vi kalder det for en billed rotation. Andre navne kunne være billedserie, billedkarussel eller Flash. Der er såmænd bare tale om en række billeder skifter imellem hinanden. 1. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have kassen placeret på siden. 2. Klik på fanen Moduler. 3. Klik på elementet Billed rotation. Specielle indsholdselementer Side 36

37 4. Vælg de billeder der skal vises i billed rotationen. Du vælger billeder ved at klikke på ikonet. Når du klikker på ikonet åbner du fillisten. 5. Klik billedet du skal bruge, eller alternativ + tegnet ud for de billeder du skal bruge. Så tilføjes de til listen der skal bruges. Skal du bruge alle billeder fra listen, kan du med fordel klikke på Tilføj alle til liste. Linket finder du nederst på siden under billederne. Når du har fået valgt billeder, lukker du vinduet med fillisten. 6. Nu skulle billederne gerne stå i kassen som vist her til højre. 7. Nu kan du gemme elementet, eller ændre i indstillinger for billed rotatioen Specielle indsholdselementer Side 37

38 Billed med overskrift Elementet Billed med overskrift er en mulighed for at lave et grafisk element der indeholder billede, overskrift og brødtekst, og som virker som et link. Det kan eks. bruges til at lave hurtige genveje til bestemte interessant områder på din hjemmeside fra forsiden - også kaldet Quicklinks. Eksemplet til højre er fra skabelon 1, 2, 3 og 6 og viser et billede og en overskrift der linker til området baby salmesang. Elementet tilpasser automatisk størrelse til den spalte det bliver placeret i. Elementet ser anderledes ud i skabelon 5, og er kun tilpasset hovedindholdsområdet. 1. Klik på det lille ikon Opret nyt element, der hvor du vil have elementet Billede med overskrift placeret på siden. 2. Klik på fanen Specielle elementer. 3. Klik på elementet Billede med overskrift. Specielle indsholdselementer Side 38

39 4. Udfyld nu de dele du ønsker at bruge af overskrift, link og brødtekst. 5. Ønsker du et billede i elementet, klikker du på fanen billeder. Bemærk at der kun skal vælges ét billede - det er ikke muligt at vælge flere til et element. 6. Gem ved at klikke på én af gemknapperne øverst på siden. Nu skulle du gerne have noget der ligner billedet til højre. Her er elementet med koalabjørnen sat ind i en to spalte opdaling. Elementet livets begivenheder er lavet på samme måde, men uden et billede. Specielle indsholdselementer Side 39

40 Indsæt din egen søgefunktion Det er også muligt at lave søgning på din side, men ikke alle skabeloner har en søgekasse fra start. Derfor har du mulighed for selv at oprette en søgeside. Vi anbefaler at lave dette som en side for sig selv, evt. som en side der ikke vises i menu, men som du linker til fra et ikon/quicklink fra forsiden. 1. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have søgefunktionen placeret på siden. 2. Klik på fanen Moduler. 3. Klik på elementet Søgefunktion. Specielle indsholdselementer Side 40

41 4. Ønsker du en overskrift på søgefunktionen klikker du på fanen Overskrift og udfylder feltet overskrift. 5. Når du er færdig klikker du på Gem og luk. Hvis du viser siden, skulle den gerne se ud som her til højre. Ved at skrive et søgeord og klikke på søg, vil der komme resultater op fra din hjemmeside. Specielle indsholdselementer Side 41

42 Indsætte kommentarmulighed Du kan giver brugerne mulighed for selv at skrive kommentarer på en side, ved at indsætte et særligt kommentarmodul. Det gøres således: 1. Klik på den side i menuen, som du vil lægge kommentarfunktionen på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have kommentarfeltet placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om kommentarfeltet skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. 3. Klik på fanen Moduler. 4. Klik på Beskeder. Specielle indsholdselementer Side 42

43 5. Vælg om du skal godkende brugernes kommentarer, før de bliver vist på siden ved at afkrydse Kræv godkendelse af hver kommentar. Hvis du vælger, at du skal godkende brugernes kommentarer, før de bliver vist, vil du modtage en , hvor du skal godkende kommentaren. På den måde er du mere sikker på, at der ikke bliver postet upassende kommentarer på jeres hjemmeside. Vær dog opmærksom på, at mange i dag forventer, at deres kommentar bliver vist med det samme og vil være utålmodig, hvis der går mere end et par timer inden en kommentar bliver godkendt og vist. Om man vælger den ene eller den anden løsning er en smagssag. 6. Angiv adresse. Skriv den adresse, hvortil der skal sendes en , når der bliver postet en ny kommentar. Der bliver sendt en uanset, om der er valgt at kommentaren skal godkendes eller ej. 7. Klik på fanen generelt. Specielle indsholdselementer Side 43

44 8. Tilføj en overskrift. Det kunne for eksempel være noget så simpelt som Kommentarer. 9. Gem ved at klikke på én af gemknapperne øverst på siden. Specielle indsholdselementer Side 44

45 Horisontal linje En horisontal linje kan bruges til at adskille dine indholdselementer fra hinanden, og dermed hjælpe dine brugere til bedre at forstå hvad der hænger sammen. 1. Klik på det lille ikon Opret nyt element, der hvor du vil have elementet Horisontal linje placeret på siden. 2. Klik på fanen Specielle elementer. 3. Klik på elementet Billede med overskrift. 4. Klik på Gem og luk Specielle indsholdselementer Side 45

46 Papirkurven: ups... jeg har slettet Sådan gendanner du et slettet element 1. Klik på Papirkurv i menuen længst til venstre. 2. Vælg i venstre kolonne den side, hvorfra indholdet er blevet slettet. 3. Vælg Sideindhold i dropdownen Tabel øverst. Dette punkt skal kun foretages første gang, da systemet husker dit valg. Du får nu vist alle elementer, der i tidens løb er blevet slettet fra denne side. 4. Afkryds boksen ud for det element, der skal gendannes. Papirkurven: hjælp... jeg har slettet Side 46

47 5. Klik på Gendan -knappen. 6. Klik Ja. 7. Klik på Side i menuen længst til venstre. 8. Klik på Ikke-brugte elementer øverst på siden. Du får nu vist titlen på det element, du har slettet. Papirkurven: hjælp... jeg har slettet Side 47

48 9. Klik på Opret reference -ikonet. 10. Klik på Indsæt element -ikonet, der hvor elementet skal placeres på siden. 11. Tjek at siden for brugeren ser ud, som du gerne vil ha den skal se ud. Papirkurven indeholder elementer, der er slettet inden for de sidste 30 dage. Derefter bliver de slettet permanent. Papirkurven: hjælp... jeg har slettet Side 48

49 Tilføj arrangement til kalender Der er tre menupunkter under overskriften kalender længst til venstre på siden: Opret begivenhed: Her kan du oprette en ny begivenhed i din kalender. Begivenheder: Her får du vist alle de begivenheder, du har oprettet i din kalender. Opret kategori: Som standard er der oprettet to kategorier foredrag og gudstjeneste. Det bruger du, hvis du på én side vil have vist en kalender, der kun indeholder foredrag og på en anden side, kun vil have vist gudstjenester. Du kan selv oprette flere kategorier her. Tilføj arrangement til kalender Side 49

50 Opret begivenhed - sådan tilføjer du et arrangement 1. Klik på Opret begivenhed i menuen. 2. Tilføj titel, start- og sluttidspunkt. Felter der skal udfyldes er markeret med et udråbstegn 3. Vælg kategori For at få vist begivenheden i kalenderen, skal du vælge en kategori. Enten en af de to standardkategorier: gudstjeneste eller foredag eller en du selv har oprettet. Klik på kategorinavnet i den højre rude (tilgængelige elementer), så det dukker op i venstre rude (valgte elementer). En begivenhed kan godt blive vist i flere kategorier. Du kan slette en valgt kategori ved at markere kategorien i venstre rude og trykke på slet-ikonet til højre for ruden. Tilføj arrangement til kalender Side 50

51 4. Tilføj beskrivelse, billede(r), billedtekst og filer (valgfrit) I feltet filer kan du tilføje fx pdf er eller worddokumenter, hvis der er noget deltagerne skal bruge eller læse før arrangementet. Husk du skal have uploadet det i filarkivet på forhånd (se sidepage 9). 5. Klik på gem og luk -ikonet Tilføj arrangement til kalender Side 51

52 Få et arrangement på sogn.dk 1. Når du har oprettet eller redigeret en begivenhed klikker du på fanebladet sogn.dk. 2. Vælg om begivenheden er en gudstjeneste eller et arrangement. 3. Vælg kategori Kategorierne kommer fra Sogn.dk, og du kan derfor ikke selv oprette nye Tilføj arrangement til kalender Side 52

53 4. Vælg præst og Kirke Hvis ikke der er en præst tilknyttet kan du skrive prædikantens navn i feltet Prædikant navn, og hvis det ikke foregår i Kirken, kan du skrive et andet sted i kassen under. 6. Klik på gem og luk -ikonet Fra du gemmer et arrangement i 3S, kan der gå op til 15 minutter før det vises på sogn.dk - så hav tålmodighed :) Tilføj arrangement til kalender Side 53

54 Kalenderoversigt Klikker du på menupunktet Begivenheder i menuen længst til venstre får du en oversigt over alle de begivenheder du har oprettet i kalenderen: Rediger begivenheden Du får her samme redigeringsmuligheder, som da du oprettede begivenheden. Vis/skjul begivenheden fra din hjemmeside Slet begivenhed Vær opmærksom på at begivenheder slettes permanent ved at klikke på slet-ikonet. Disse havner ikke i papirkurven. Rediger navnet på en kategori Få vist en lille menu ved at højreklikke på ikonet ud for hver begivenhed. Slet kategori Kopier begivenhed Skal du oprette mange begivenheder med samme standardindhold kan det være nemmere at oprette én standard og så blot kopiere denne og efterfølgende redigere kopierne. Når du har klikket på kopier-ikonet får du et indsæt-ikon lige over den første begivenhed i listen. Tilføj arrangement til kalender Side 54

55 Kategorier i kalenderen Som sagt kan man oprette flere forskellige kategorier i kalenderen. Det bruger du, hvis du på forskellige sider vil have vist udtræk fra kalenderen, der kun viser specifikke typer af arrangementer. Måske har du en side, der beskriver babysalmesang og vil der gerne have en kalender, der kun viser familiearrangementer eller babysalmesang helt specifikt. Derudover kan du naturligvis også have en kalender, der viser begivenheder i alle kategorier på for eksempel en kalender-side. Opret så mange kategorier, som giver mening i jeres kirke. 1. Klik på Opret kategori i menuen 2. Giv kategorien et navn 3. Klik på gem og luk -ikonet Se på sidepage 56, hvordan du indsætter en kategorispecifikke kalender på en side. Tilføj arrangement til kalender Side 55

56 Indsætte en kalender på en side Du kan på en hvilken som helst side indsætte en kalender, der viser kommende arrangementer. Du kan vælge om kalenderen skal indeholde alle arrangementer eller kun arrangementer fra en bestemt kategori. 1. Klik på den side i menuen, hvor du vil lægge kalenderen på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have kalenderen placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om kalenderen skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. 3. Klik på fanen Moduler. 4. Klik på Kalender modul. Tilføj arrangement til kalender Side 56

57 5. Tilføj en overskrift. Det kunne for eksempel være Kommende gudstjenester. 6. Hvis du ønsker, at kalenderen viser alle kommende arrangementer, er du færdig nu. Klik på en af gem-knapperne øverst på siden. Skal kalenderen kun vise arrangementer fra bestemte kategorier skal du udføre punkt 7-?. 7. Klik på fanen Plugin 8. Vælg Vis kun valgte kategorier i dropdownen Kategorivalgsindstillinger. Tilføj arrangement til kalender Side 57

58 9. Vælg de relevante kategorier i kassen Tilgængelige elementer. De valgte kategorier dukker op i kassen til venstre: Valgte elementer. Du kan slette en kategori igen ved at klikke på den, så den bliver blå og efterfølgende klikke på krydset mellem de to kasser. 10. På fanen Listevisning har du mulighed for at ændre hvordan arrangementer vises i kalenderen. Maks. antal begivenheder: Hvor mange arrangementer skal der være i listen. Page browser valg: Skal det være muligt at bladre i arrangementer (se billedet til højre). Begivenheder pr. page browser side Hvor mange arrangemnter skal der være på hver page-browser side. 9. Gem ved at klikke på én af gemknapperne øverst på siden. Tilføj arrangement til kalender Side 58

59 Sådan opretter du en nyhed I 3S er der et særligt nyhedsmodul, hvor du løbende kan tilføje nyheder fra kirken. 1. Klik på Opret nyhed i menuen. 2. Tilføj titel, manchet og tekst Manchetten er en kort indledningstekst, som brugs i oversigtsvisningen. I visningen af den enkelte nyhed er manchetten fremhævet med fed skrift. I det øverste felt på denne fane, kan man vælge om nyheden skal være skjult eller vist. Det er en god idé at lade den være skjult indtil du er helt færdig med at redigere nyheden. Så kan du gemme undervejs uden at man på din hjemmeside kan se den halvfærdige nyhed. 3. Klik på fanebladet Andet Sådan opretter du en nyhed Side 59

60 5. Ændre udgivelsesdato Her kan du ændre den dato, der er angivet som udgivelsestidspunkt for nyheden. Som standard er den sat til det tidspunkt, hvor du først oprettede nyheden. Du kan dog ikke bruge dette felt til at styre, hvornår en nyhed bliver vist. Selv om du sætter datoen til en dag ud i fremtiden, vil nyheden stadig blive vist nu. På dette faneblad kan du også tilføje et forfatternavn. 6. Klik på fanebladet Filer for at tilføje et billede 7. Klik på det lille mappeikon ud for feltet DAM images. Husk at det er bedst, hvis du har uploadet billederne på forhånd (se sidepage Sådan opretter du en nyhed Side 60

61 8. Klik på det billede, du vil have tilknyttet. Du kan i venstre kolonne skifte mellem mapperne i filarkivet. 9. Gentag punkt 7 og 8, hvis du vil have tilknyttet flere billeder. 10. Skriv eventuelt billedtekst(er) Har du flere billeder, skrives alle billedtekster i dette felt. Skriv den første, lav derefter linjeskift ved hjælp af enterknappen og begynd at skrive den næste. Billedteksten må gerne løbe over flere linjer i feltet, men du kan ikke lave linjeskift så vil teksten blive delt over flere billeder. 11. Klik på fanebladet Adgang. Sådan opretter du en nyhed Side 61

62 12. Vælg publiceringstidspunkt Hvis du vælger en dato her, vil nyheden først blive vist på hjemmesiden fra den pågældende dato. Ligeledes kan du angive et tidspunkt, hvor nyheden automatisk bliver skjult. 13. Klik på gem og luk 14. Synliggør nyheden Klik på Synliggør element -ikonet ud for nyheden for at få den vist på hjemmesiden. Sådan opretter du en nyhed Side 62

63 Nyhedsoversigt Klikker du på menupunktet Nyheder i menuen længst til venstre får du en oversigt over alle de nyheder du har oprettet: Rediger nyhed Du får her samme redigeringsmuligheder, som da du oprettede nyheden. Vis/skjul nyheden fra din hjemmeside Slet nyheden Vær opmærksom på at nyheder slettes permanent ved at klikke på slet-ikonet. Disse havner ikke i papirkurven. Få vist en lille menu ved at højreklikke på ikonet ud for hver nyhed. Sådan opretter du en nyhed Side 63

64 Indsætte en nyhedsliste på en side Hvis du på en side vil indsætte en nyhedsoversigt, der viser de seneste 3, 5 eller 10 nyheder på hjemmesiden, så gøres det således: 1. Klik på den side i menuen, som du vil lægge nyhedsoversigten på. 2. Klik på det lille ikon Opret nyt element, der hvor du gerne vil have nyhedsoversigten placeret på siden. Er der i forvejen elementer på siden, kan du således vælge om nyhedsoversigten skal placeres over eller under det gamle indholdselement. Du kan selvfølgelig også flytte rundt på det bagefter. 3. Klik på fanen Moduler. 4. Klik på Nyheds modul. Sådan opretter du en nyhed Side 64

65 5. Tilføj en overskrift som for eksempel Seneste nyt eller lignende. 6. Klik på fanen plugin. 7. Klik på fanen Skabelon. 8. Indsæt eventuelt et maksimum antal nyheder, du vil have vist. For eksempel 3, 5 eller 7. Efterlader du feltet tomt bliver de alle vist. Feltet Vis ikke pagebrowser i LIST giver mulighed for at slå bladre funktionen i nyheder fra - hvilket kan være en fordel på eks. forsiden. 9. Gem ved at klikke på én af gemknapperne øverst på siden. Sådan opretter du en nyhed Side 65

66 Design af hjemmesiden Du kan selv lave en lang rette designtilretninger af hjemmesiden. Du kan gøre det indledningsvist, men du kan også gøre det senere hen, hvis du ønsker at opdatere hjemmesiden lidt. Det indhold du allerede har produceret vil fortsat blive vist på hjemmesiden, blot med et nyt layout. Husk dog, at det er vigtigt, at brugerne ikke bliver forvirrede over din hjemmesides udtryk. De skal gerne kunne genkende, det de ser. Det er derfor ikke en god ide, at ændre på disse indstillinger for ofte. Menuen I menuen til venstre har du følgende menupunkter: Skabeloner: Her kan du vælge mellem de fem standard designskabeloner 3S indeholder. Om menuen skal være til venstre på siden eller vandret under topbilledet. Om du vil have to eller tre spalter til indhold. Har du fået oprettet en special-skabelon skal du ikke bruge dette område. Udseende: Her kan du tilpasse den valgte skabelon med forskellige farver. Typografi: Her kan du vælge forskellige overskrift-formater. For eksempel hvilken skrifttype, størrelse og linjeafstand. Fast info: Her kan du redigere sidens titel, topbilledet og adressen i bunden samt tilføje Google Analytics og Kaboo. Design af hjemmesiden Side 66

67 Vælg skabelon 1. Klik på menupunktet skabeloner 2. Klik på brug skabelon under billedet på den skabelon, du ønsker at benytte. Vær opmærksom på, at hvis du går fra template 3, 5 eller 6, der har tre kolonner til template 1 eller 2, der kun har to kolonner, så forsvinder den højre kolonne på alle sider. Har du indhold liggende i højre kolonne, så vil dette ikke blive vist på hjemmesiden hverken på den interne eller den eksterne del. Inden du ændrer template bør du derfor flytte alt indhold fra højre kolonne til indhold venstre eller indhold normal på alle sider. Er der noget du har glemt at flytte, bliver du nødt til at ændre skabelonen tilbage til template 3, 5 eller 6 for at få adgang til det efterfølgende. Design af hjemmesiden Side 67

68 Vælg designindstillinger for menu og baggrund 1. Klik på menupunktet Udseende 2. Vælg grundfarve og alternativ farve ved at klikke på blyanten. Disse to farver bliver brugt flere forskellige steder på hjemmesiden. Blandt andet til overskrifter med mindre du angiver andet. Sørg for at vælge to farver, der passer godt sammen og som ikke er for lyse. 3. Klik på fanebladet menu. Her kan du vælge hvilken skrifttype og farve teksten i menuen skal have. Du kan også vælge, at det menupunkt brugeren aktuelt er på, skal have en anden farve end de øvrige menupunkter. Det hjælper brugeren med at navigere på din hjemmeside. Du kan vælge mellem 8 forskellige skrifttyper. Det er de skrifttyper, der som standard bliver vist korrekt i alle browsere, og som derfor er de mest almindelige at bruge på hjemmesider. Design af hjemmesiden Side 68

69 4. Klik på fanebladet Side Her kan du vælge, hvilken farve der skal være som baggrund på selve siden. Altså den farve der ligger under tekst og andet indhold på hjemmesiden. Sørg for at vælge en farve, der har stor kontrast til tekstfarven, ellers bliver det svært at læse. De mest sikre valg er en helt hvid, meget lys beige eller grå. Her kan du også tilføje en tynd ramme om siden. Sørg for at den er forholdsvis diskret tynd (for eksempel 2 pixel) og i samme farvenuance enten som sidens baggrundsfarve eller baggrundsfarven uden for siden. Gør du den meget markant trækker du fokus væk fra sidens indhold. 5. Klik på fanebladet Baggrund Her kan du vælge baggrundsfarven for det område, der ligger uden om siden. Du kan også vælge et billede. Hvis billedet ikke er så stort, kan du gentage det ved at klikke på blyanten ved gentag billede og ændre indstillingen til ja. Så kommer der automatisk kopier nok af billedet ved siden af hinanden til at udfylde hele baggrunden. Pas dog også her på med at gøre baggrunden for markant, så deet trækker fokus væk fra sidens indhold. 6. Klik på gem -ikonet. Design af hjemmesiden Side 69

70 Vælg designindstillinger for skrifttyper 1. Klik på menupunktet Typografi På hvert af de seks faneblade kan du indstille typografien for forskellige typer af skrift: overskrifter, brødtekst, links og bokse. 2. Lav relevante indstillinger Klik på blyanten ud for hvert punkt for at lave de ønskede ændringer. Skrifttyper: Brug maksimalt to forskellige skrifttyper på din hjemmeside. Mere end to får siden til at se rodet ud. Størrelse: Vælg 100% med mindre du har en meget god grund til at vælge andet. Farve: Hvis du ikke angiver noget her, bruges grundfarven til overskrift 1 og den alternative farve til overskrift 2. Du kan også angive om skriften skal være fed, kursiv eller understreget. Margin før/margin efter: Her kan du angive, om der skal være lidt luft mellem denne skrifttype og efterfølgende tekst. For eksempel mellem overskrift og brødtekst. Linjeafstand: Sæt aldrig en linjeafstand der er under 100%. Hvor stor linjeafstanden bør være, afhænger af skrifttypen. Men for brødtekst er % i de fleste tilfælde passende. Design af hjemmesiden Lidt om overskrifter Til hver skabelon er der tilknyttet tre forskellige overskriftstyper. Overskrift 1 er som standard den største og overskrift 3 er den mindste. Når du opretter et indholdselement kan du selv vælge, hvilken overskriftstype der skal bruges. Vælger du ikke noget, bruges overskrift 1 som standard i sidens hovedkolonne, mens overskrift 2 bruges i venstre og eventuelt højre kolonne (hvis du har valgt et design med tre kolonner). Side 70

71 For links kan du desuden angive, om teksten skal få en anden farve, når man som bruger fører musen hen over teksten. Det er det, der hedder musemarkør over link. 3. Klik på gem -ikonet. Vælg topbillede, logo, top-overskrift og bundtekst 1. Klik på fast info i menuen Design af hjemmesiden Side 71

72 2. Indstil topbillede, logo og favicon Topbilledet bruges i alle tre designskabeloner, mens logoet kun bruges i template 1 og 2. Favicon er det lille ikon eller logo, der vises ud for hjemmesideadressen i browserens adressefelt (der hvor der står www. dinkirke.dk). Det bliver også brugt, hvis brugeren gemmer et bogmærke til jeres website i sin browser. Hvis du ikke vælger andet, er det som standard en lille grøn kirke, som på folkekirken.dk. Sådan gør du: Klik på blyant-ikonet og derefter mappe-ikonet. Klik på det relevante topbillede, logo eller favicon. OBS: Billederne skal være uploadet i filarkivet på forhånd. 3. Klik på top-overskrift Her kan du lave indstillinger for topoverskriften. Den der vises over eller oven på topbilledet. Det er som oftest sognets navn. Du kan angive den nøjagtige placering ved hjælp af x og y-koordinater. Det er relevant, hvis du har et billede, hvor der er meget liv i billedet, der hvor overskriften som standard er placeret. I dette tilfælde kan det være en fordel at flytte i udgangspunkt, vil teksten blive placeret horisontalt 10 pixels fra højre kant og overskriften længere op eller ned i billedet. Under tekstpositionens udgangspunkt kan du vælge, hvor x og y-koordi- vertikalt 8 pixels fra øverste kant. naterne regnes fra. Har du for eksempel For generel vejledning til skrifttypeindstillinger se sidepage 70. valgt 10,8 i tekstposition og top-højre Design af hjemmesiden Side 72

73 4. Klik på bund tekst Her kan du ændre den tekst, der skal stå i bunden af alle sider på hjemmesiden. Det er oftest kirkens adresse og eventuelt øvrige kontaktoplysninger. For generel vejledning til skrifttypeindstillinger se sidepage Klik på gem -ikonet. Design af hjemmesiden Side 73

74 Topbar fra folkekirken.dk Du kan vælge om du i toppen af din hjemmeside vil have en topbar fra folkekirken.dk. Det giver brugerne hurtige genveje til relevant indhold på folkekirken.dk. Folkekirken.dk åbner på et nyt faneblad i browseren, hvis brugeren klikker på indholdet i topbaren. Google Analytics Tilføj her dit Google Analytics UA-nummer. Læs i et andet kapitel om Google Analytics. Kaboo brugernavn og kodeord Her kan du tilføje dit brugernavn og kodeord til kaboo, for at få fuld integration mellem jeres 3S-hjemmeside og Kaboo. Design af hjemmesiden Side 74

75 Formularer Om formularer Med formularer kan du give dine besøgende mulighed for også at kommunikere med dig. Du kan f.eks. bruge formularer til tilmelding til arrangementer. Så kandu nemt få overblik over, hvor mange, der har tilmeldt sig. En anden fordel ved at bruge formularer er, at du sikrer dig, at folk indsender alle data på en ensartet måde i forbindelse med f.eks. tilmeldinger. 1. Oret et nyt element på den side du ønsker Formularen. 2. Klik på fanen Specielle elementer. 3. Klik på elementet -formular. Nu kommer der en kasse frem med en række uforståelige koder, for at gøre dem forståelige gør du følgende: 4. Klik på ikonet Formularguide, der ligger til højre for kassen formularstruktur. Formularer Side 75

76 5. Formular værktøjet opretter automatisk en række felter, som du jo kan starte med at ændre på. Her er en beskrivelse af felterne. De forskellige felttyper vil blive beskrevet senere. Type: Vælg feltets type (beskrives senere i kapitlet). Betegnelse: Dette er feltets tittel på hjemmesiden. Påkrævet: Angiv om feltet skal udfyldes for at kunne sende en formular. Felt: Feltets navn i den mail du modtager. Størrelse/kolonner/ rækker: Kan angive størrelse (højde) for visse felttyper. Max tegn: Du kan her angive hvis der kun må indsættes et bestemt antal tegn. Send knap tekst: Hvad skal der stå på knappen men trykker på. Eks. Send besked eller Tilmeld mig. Værdi: Giver mulighed for at sætte en værdi i feltet der skal udfyldes. HTML tilstand: Skal bare være der. Emne: Her kan du angive emnefeltet i den mail du modtager. Eks.: Tilmelding til DKM koncert eller Kontakt fra hjemmesiden. Modtagers her skriver du mailadressen på den person der skal modtage formularen. Ønsker du flere modtagere kan du adskille flere mailadresser med et komma. Formularer Side 76

77 Mere om formularer Tilføj en række For at tilføje en række, skal du gøre følgende: 1. Klik på til venstre i den række, du vil sætte en ny række ind under. Den nye række dukker op. Vælg en felt type for at gøre feltet aktivt. Flyt en række For at flytte en række op eller ned, skal du gøre følgende: 1. Klik på eller til venstre i den række, du vil flytte op eller ned. Rækken flyttes. Slet en række For at slette en række skal du gøre følgende: 1. Klik på til venstre i den række, du vil slette. Rækken er nu slettet. Formularer Side 77

78 Funktionen - Send til side Når en bruger har udfyldt en formular og trykker send, kan du sende brugeren til en takke-side. Det gør du sådan. 1. I formularen klikker du på fanen Egenskaber. 2. Klik nu på den lille mappe der hedder Find database elementer. 3. Nu får du mulighed for at vælge en side i dit sidetræ. Klik på den side brugeren skal sendes til. Vi anbefaler at takkesiden er skjult i menuen, så det ikke er noget man kan klikke sig en til ved en fejl. 4. Nu er siden valgt, og du kan klikke på gem -ikonet. Formularer Side 78

79 De forskellige felttyper I Elementtype kan du ændre hvilken slags data brugeren kan indtaste, hvilket navnrækken har i formularen, og om rækken skal udfyldes, før formularen kan sendesafsted. Hvis du laver ændringer i rækkens elementtype, skal du huske at klikke på detførst er her, Formularguiden bliver opdateret, så du kan se evt. nye valgmuligheder. For at ændre rækkens type skal du gøre følgende: 1. Klik på til højre for typen linjens type i kolonnen Elementtype. Du kan vælge forskellige typer af data. Jeg gennemgår de forskellige muligheder og begrænsninger nedenfor. Du kan se et eksempel på en færdig formular på side 81. Liniefelt Liniefelt er en enkelt linjes tekst, typisk en adresse eller et navn på en person. Tekstfelt Tekstfelt er ligesom et liniefelt, udover at du kan indstille, hvor mange linjers tekst, der skal være plads til. Det kan du f.eks. bruge til, at dine brugere kan skrive deres postadresse ind. Selektorboks En selektorboks er en liste med valgmuligheder, som brugeren kan vælge mellem ved at klikke på dem. Du skal sætte flueben i boksen Vælge flere, hvis du vil tillade brugeren at vælge flere muligheder ved at holde CTRL nede og klikke på flere punkter. Du skal skrive de punkter, der kan vælges imellem i boksen Vis muligheder. Afkrydsningsboks: En afkrydningsboks er en boks, som brugeren kan sætte flueben i. Det kan f.eks. bruges til at angive bekræftelse på eller lignende., da Formularer Side 79

80 Knapper Knapper fungerer ligesom en selektorboks med den undtagelse at her kan man kun vælge en enkelt af mulighederne. Knapper et tit bedre, hvis du vil have at folk skal vælge én ting ud fra flere muligheder. Kodeords-felt Et kodeordsfelt er ligesom et liniefelt udover, det bliver skjult, hvad brugeren indtaster. Det vil sige, at der kun kommer asterisker (*) frem på skærmen, mens brugeren indtaster sit password eller andre fortrolige oplysninger. Fil-upload Ved at lave et fil-upload felt, kan du give brugeren mulighed for at vedhæfte en fil til den mail modtageren af formularen får. Det kan f.eks. bruges til at sende billeder eller lign. Skjult værdi En skjult er speciel i forhold til de andre slags felter, du kan vælge til en række, En skjult værdi bliver ikke vist på den formular, som brugeren ser på hjemmesiden. Hvis du laver bestillingsfomularer, kan du f.eks. bruge en skjult værdi til at angive, hvad der er blevet bestilt. Du kan nemlig selv se værdien af det skjulte felt i den mail, du modtager med formularen. Send-knap Send-knap er der ingen grund til at vælge her, da formularen automatisk får tilføjet en send-knap. Egenskab og mærke Disse elementyper bruges ikke. Formularer Side 80

81 Ovenfor kan du se et eksempel på en lidt mere færdig formular. Formularen er lavet så du kan se hvordan de forskellige felter vil se ud på hjemmesiden. Formularer Side 81

82 Formularer Side 82

83 Tips & Tricks Kopier tekst fra Word dokument til 3S Du har sikkert prøvet at skulle kopiere noget du har skrevet i Word eller et andet tekstbehandlingsprogram over til 3S. Måske har du også prøvet at resultat ikke blev helt som forventet? Det skyldes, at Word sætter sine egne formatteringsoplysninger ind i Word-dokumenter, som 3S ikke kan håndtere. Men ved at følge denne vejledning er du sikker på, at teksten fra Word dokumentet bliver sat ind og bliver korrekt formatteret, så det ligner din hjemmesides øvrige indhold. For at kopiere tekst fra Word til 3S skal du gøre følgende: 1. Åbn det dokument, du vil kopiere teksten fra i Word. Marker den tekst, du ønsker at kopiere, højreklik og vælg Kopier. Tips & Tricks Side 83

84 2. Åbn programmet Notesblok, som findes under Start - Programmer - Tilbehør - Notesblok. 3. Vælg Rediger og Sæt ind for at sætte teksten ind i Notesblokken. Tips & Tricks Side 84

85 4. Vælg Rediger og Marker alt 5. Vælg Rediger og Kopier for at kopiere teksten. Tips & Tricks Side 85

86 6. Opret et nyt indholdselement i 3S og tast Ctrl+V i programmet udklipsholder. Den kopierede tekst bliver nu indsat, men uden formatteringskoderne fra Word. Det vil sige at afsnit m.v. bevares, men skrifttype og layout kommer nu til at passe med resten af din hjemmeside. 7. Det færdige resultat. Tips & Tricks Side 86

87 Læg en film på din hjemmeside (Ren HTML) Det er naturligvis sjovt at kunne lægge små film på hjemmesiden, og den bedste løsning til dette, er at benytte en såkaldt streaming tjeneste. Streaming betyder, at filmen bliver hentet ned samtidig med at den afspilles. Alternativet til det er, at hele filmen hentes ned på computeren inden den afspilles. Og det er der ingen der i vore dage gider vente på. Derfor skal du vælge streaming. Vi kan anbefale to gratis streaming tjenester: Youtube og Vimeo. At placere en video på hjemmesiden er stor set lige let/svært. Her kan du følge en vejledning til YouTube. 1. Start med at finde filmen på YouTube du ønsker vist på din hjemmeside. 2. Klik på knappen Del. 3. Klik på knappen Indlejring. Nu får du den kode frem vi skal bruge, for at placere filmen på din hjemmeside. I bunden kan du vælge hvilken størrelse du ønsker videoe. Dette vil variere efter hvilken skabelon du bruger. Til midterspalten kan du gå ud fra følgende bredder: Skabelon 1, 2 og 6: 500 px. bred. Skabelon 3: 460 px bred. Skabelon 5: 590 px. bred Tips & Tricks Side 87

88 4. Når du har valgt bredde klikker du i feltet med indlejringskode, og koden skulle gerne blive markeret med blå. 5. Kopier koden ved at bruge genvejstasten Ctrl+C (cmd+c på MAC) 6. Skift nu til din 3S side for at sætte filmen ind. Opret et nyt element der hvor filmen skal være. 7. Klik på fanen Specielle elementer. 8. Klik på elementet Ren HTML. Udover at indsætte en film, giver dette element dig mulighed for at indsætte andre HTML objekter som eks. Facebook like funktion. 9. Find feltet HTML-kode, her indsætter du koden fra YouTube med genvejstasten Ctrl+V (cmd+v på MAC). 10. Klik på et af gem -ikonerne. Tips & Tricks Side 88

89 Placer en PDF fil på din hjemmeside (1-2-3) PDF filer er gode, når eksempelvis du ønsker at gøre dit kirkeblad tilgængelig fra hjemmesiden. PDF filen skal laves på den computer kirkebladet ligger på, til det skal du bruge eks. Adobe PDF Writer eller gratisprogrammet CutePDF Writer, der kan downloades fra Opret en mappe til kirkebladene For at oprette en mappe i fillisten, skal du gøre følgende: 1. Klik på Fil under MEDIE i menuen til venstre. 2. Klik på opret ny mappe 3. Skriv navnet på den nye mappe og vælg Opret mapper Tips & Tricks Side 89

90 Upload dit kirkeblad For at uploade en fil, skal du gøre følgende: 1. Klik på Fil i menuen. 2. Klik på den mappe du vil uploade filen i, og tryk derefter på upload. 3. Klik på Vælg filer Tips & Tricks Side 90

91 4. Klik på den fil, du vil uploade til mappen og vælg Åbn. 5. Nu er filen uploadet til mappen i fillisten. Tips & Tricks Side 91

92 Lav side med link Du kan gøre PDF-filen tilgængelig på flere måder. Her vil vi oprette et nyt sideelement på siden Kirkeblad, der findes som standard i 3S. 1. Vælg siden kirkeblad i træstrukturen over din hjemmeside. Klik på knappen Opret nyt element. 2. Vælg Almindeligt tekst element. 3. Skriv en overskrift, opret teksten du ønsker, og lav et link ved at markere en del af teksten og trykke på knappen indsæt web link. Tips & Tricks Side 92

93 4. Nu kommer der dialogboks frem, vælg menupunktet fil. Det er her filerne fra fillisten er at finde. Nu kan du klikke dig hen til det sted du har placeret dit kirkeblad. Vælg kirkebladet og gem den side du er i gang med. Nu kan du finde dit kirkeblad på nettet. Tips & Tricks Side 93

94 Google Analytics For at bruge Google Analytics er her en kort vejledning til hvordan du kommer i gang. 1. Gå til 2. Hvis du i forvejen har en googlekonto kan du bruge denne, ellers kan du oprette en konto på google.dk. Der er fordele ved at oprette en ny konto til formålet, da du så kan dele denne med andre, der er tilknyttet hjemmesiden og videregive kontoen, i tilfælde af der sker udskiftning af webmaster på hjemmesiden. Hvis du vil oprette en google-konto så klik på tilmeld dig nu. Hvis du allerede har en google-konto, eller har fået oprettet en. Så log ind med dine informationer her Tips & Tricks Side 94

95 4. Her opretter du en google-konto Udfyld disse felter med dine egne oplysninger, hvorefter du logger ind med din nye google-konto. Tryk derefter på Sign up Tips & Tricks Side 95

96 5. Her udfylder du data. Account Name kan være ex. kirke. Land/område sættes til Danmark Tidzone sættes automatisk. Her sætter du hak i Ja, jeg accepterer ovenstående vilkår og betingelser og derefter trykker du på Opret ny konto Tips & Tricks Side 96

97 6. Kopier UA- nummeret (tracking-id). Dette nummer sættes ind på din hjemmeside, se. Rul ned på siden og tryk på save Tips & Tricks Side 97

98 7. Tryk på Standard rapport Nu er du klar til at bruge Google Analytics. Det første du møder er en graf over besøg på din hjemmeside. 8. Betjeningspanelet Betjeningspanelet kan mange forskellige ting, og vi vil ikke gennemgå dem alle sammen. Du kan klikke på Vis rapport under de fleste punkter i dit Betjeningspanel, for at få mere uddybende informationer om besøgende. Ved login på dit websted, er der under Ressourcer en dropdown menu med adgang til Produktrundtur, hvor du på engelsk bliver guidet igennem hele Google Analytics. Tips & Tricks Side 98