3S brugermanual VERSION 2 Version 2.2 - Udgivet 20/7 2012 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 www.dkm.dk/support. Side 2 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....................................... 11 Sådan tilføjer du en mappe.................................................11 Sådan omdøber du en mappe..............................................12 Sådan sletter du en mappe.................................................13 Sideindhold........................................................ 14 Forsiden...........................................................................14 Oversigt over sideindhold...................................................15 Tilføj en ny side.................................................. 16 Redigering af side.............................................. 17 Redigering af element........................................................18 Højreklik..........................................................................19 Tilføj tekst med billede....................................... 21 Mere om tekstindhold.........................................................24 Mere om tabeller...............................................................26 Mere om billeder...............................................................28 Mere om sidelayout............................................................29 Øvrige indstillinger.............................................................31 Specielle indholdselementer............................... 32 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...................... 46 Sådan gendanner du et slettet element................................46 Tilføj arrangement til kalender........................... 49 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............................... 59 Nyhedsoversigt.................................................................63 Indsætte en nyhedsliste på en side......................................64 Design af hjemmesiden...................................... 66 Menuen............................................................................66 Vælg skabelon...................................................................67 Vælg designindstillinger for menu og baggrund......................68 Vælg designindstillinger for skrifttyper ............................. 70 Topbar fra folkekirken.dk....................................................74 Google Analytics................................................................74 Kaboo brugernavn og kodeord.............................................74 Formularer......................................................... 75 Om formularer..................................................................75 Mere om formularer...........................................................77 Funktionen - Send til side...................................................78 De forskellige felttyper.......................................................79 Tips & Tricks...................................................... 83 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 Side 5 Kom godt i gang Login For at redigere din hjemmeside skal du først logge ind. Det gør du på adressen http://www.ditdomaene.dk/typo3. Det kunne for eksempel være www.langenaeskirken.dk/typo3. 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 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 Venstre rude Højre rude I menuen findes forskellige Her ser du en liste over alle de Bruges pri- værktøjer. Her kan du op- sider du har på hjemmesiden. mært til at rette nyheder og begiven- Hvis du klikker på en side, får du vise indholdet heder i kalenderen. Det er vist dens indhold i højre rude. af de enkelte også herfra du har adgang Hvis du klikker på ikonet ud for si- sider. Når du til at uploade billeder og dens titel får du vist en lille menu. klikker på andre filer til din hjem- De fungerer ligesom mapper i en side i den meside. Og du kan ændre Windows, så du kan klikke på for venstre rude, sidens design og dine per- at folde dem ud og se, hvilke si- vises indholdet sonlige indstillinger. der, der ligger under. i højre rude. Kom godt i gang Side 7 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 Design gudstjeneste. Det bruger du, hvis du på Skabeloner: Her kan du vælge mellem de én side vil have vist en kalender, der kun tre standard designskabeloner 3S inde- indeholder foredrag og på en anden side, holder. Om menuen skal være til venstre kun vil have vist gudstjenester. Du kan på siden eller vandret under topbilledet. selv oprette flere kategorier her. Om du vil have to eller tre spalter til indhold. Nyheder Opret nyhed: Her opretter du en nyhed. Nyheder: Her får du vist alle de nyheder, du har oprettet. Udseende: Her kan du tilpasse den valgte skabelon med forskellige farver. Typografi: Her kan du vælge forskellige overskrift-formater. For eksempel hvilken Medie 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 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 4. Klik på upload-ikonet på siden. øverst 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 OBS!!! FLASH den gamle fil slettet. Det bruges blandt Uploadfunktionen andet i de tilfælde, hvor du har uploa- benytter Flash, og det et billede i det forkerte format eller du skal derfor have vil have en gammel pressemeddelelse Flash installeret på overskrevet med en ny version. Alle de din computer. steder, hvor billedet bliver vist eller der er link til pressemeddelelsen, vil den nye fil automatisk blive vist eller linket til. 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 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 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 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 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 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 I højre rude kan du se, se, hvilken side, du ar- det sideindehold, der er bejder på. på siden. Det er opdelt i såkaldte elementer. Sideindhold Side 15 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 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 Rediger sideegenskaber Få vist siden, som den ser Her kan du redigere de generelle indstillinger for ud for brugeren, på et nyt siden. For eksempel sidens titel, om den skal være faneblad i din browser. 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 Redigering af element 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 Vis eller skjul elementet på din hjemmeside kan også klikke over på en ny side i menuen til venstre for at indsætte indholdet der. Rediger elementet 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 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. 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. 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 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. Du kan ændre sidernes placering i Slet: Sletter siden og flytter den til papir- forhold til hinanden, ved med mu- kurven. sen at trække en side op eller ned i 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. 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 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 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 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 3. 6. 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 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 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 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å • Del række vist kanterne i tekstfeltet. Det er kun • Indsæt kolonne før et arbejdsredskab og har ingen indfly- • Indsæt kolonne efter delse på, hvordan det ser ud på den • Slet kolonne eksterne del af hjemmesiden, altså • Del kolonne det brugerne kan se. • Celle egenskaber • Tabel egenskaber. Her kan du lave en • Indsæt celle før række indstillinger for tabellen, for • Indsæt celle efter eksempel hvor meget margin der skal • Slet celle være og hvor stor tabellen skal være. • Del celle • Række egenskaber • Sammenflet celler. Bruges, hvis du • Indsæt række før vil have teksten til at fortsætte fra én • Indsæt række efter celle til en anden. Marker flere celler • Slet række for at flette dem. Tilføj tekst med billede Side 25 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 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 Mere om billeder Har du tilknyttet flere billeder til Tilføj billedtekster til dine billeder. Har du flere artiklen, kan du ændre række- billeder, skrives alle billedtekster i dette felt. Skriv følgen på dem. Klik på et billede den første, lav derefter linjeskift ved hjælp af og flyt det op og ned i listen ved enterknappen og begynd at skrive den næste. Bil- hjælp af disse pile. Du sletter ledteksten må gerne løbe over flere linjer i feltet, billedet ved at trykke på det men du kan ikke lave linjeskift – så vil teksten nederste kryds. blive delt over flere billeder. Kryds af, hvis der i vinduet Kryds af, hvis billedet skal med de forstørrede bil- åbne i forstørret udgave, leder skal være en afspil- når brugeren klikker på ningsknap, så brugeren kan billedet. starte et slideshow, hvor billederne automatisk aflø- Vælg her, hvis et klik på billedet ser hinanden. Hvert billede åbner en ny side på din egen vises cirka 5 sekunder. hjemmeside – det kunne for eksempel være siden ”kontakt” – eller en helt anden hjemmeside. 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 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 Undgå at sætte både en bredde og højde automatisk denne begrænsning ud fra for billedet, så bliver det vredet ud af det valgte hjemmesidedesign. Hvor stort proportioner. Udfyld derfor kun den ene billedet kan blive, afhænger også af, hvor af de to. 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. Tilføj tekst med billede Side 29 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 Ø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 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 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 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 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 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 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 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 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 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 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 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 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 e-mail, 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 e-mailadresse. Skriv den e-mailadresse, hvortil der skal sendes en e-mail, når der bliver postet en ny kommentar. Der bliver sendt en e-mail uanset, om der er valgt at kommentaren skal godkendes eller ej. 7. Klik på fanen ”generelt”. Specielle indsholdselementer Side 43 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 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 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 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 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 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 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 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 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 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 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 Vis/skjul begivenheden fra din hjemmeside Slet begivenhed Vær opmærksom på at begivenheder slettes permanent ved at klikke på slet-ikonet. Disse oprettede begivenheden. havner ikke i papirkurven. Rediger navnet på en kategori Slet kategori Kopier begivenhed Skal du oprette mange begivenheder med samme standardindhold kan det være nemmere at oprette én standard og Få vist en lille menu ved at højreklikke på ikonet ud for hver begivenhed. 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 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 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 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 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 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 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 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 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 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 redige- Vis/skjul nyheden fra din hjemmeside Slet nyheden Vær opmærksom på at ny- ringsmuligheder, som da heder slettes permanent ved du oprettede nyheden. 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 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 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 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 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 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 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 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. Lidt om overskrifter Størrelse: Vælg 100% med mindre du har en meget god grund til at vælge andet. Til hver skabelon er der tilknyttet tre forskellige Farve: Hvis du ikke angiver noget her, overskriftstyper. Over- bruges grundfarven til overskrift 1 og den skrift 1 er som standard alternative farve til overskrift 2. den største og overskrift Du kan også angive om skriften skal være fed, kursiv eller understreget. 3 er den mindste. Når du opretter et indholdselement kan du selv vælge, Margin før/margin efter: Her kan du hvilken overskriftstype angive, om der skal være lidt luft mellem der skal bruges. Vælger denne skrifttype og efterfølgende tekst. du ikke noget, bruges For eksempel mellem overskrift og brød- overskrift 1 som stan- tekst. dard i sidens hovedko- 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 130-160 % i de fleste tilfælde passende. Design af hjemmesiden lonne, mens overskrift 2 bruges i venstre og eventuelt højre kolonne (hvis du har valgt et design med tre kolonner). Side 70 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 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 overskriften længere op eller ned i billedet. Under ”tekstpositionens udgangspunkt” kan du vælge, hvor x og y-koordi- i udgangspunkt, vil teksten blive placeret horisontalt 10 pixels fra højre kant og vertikalt 8 pixels fra øverste kant. naterne regnes fra. Har du for eksempel For generel vejledning til skrifttypeindstil- valgt ”10,8” i tekstposition og ”top-højre” linger se sidepage 70. Design af hjemmesiden Side 72 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 70. 5. Klik på ”gem”-ikonet. Design af hjemmesiden Side 73 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 Formularer Om formularer Med e-mail 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 ”Email-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 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 Felt: Feltets navn i type (beskrives se- den mail du modta- nere i kapitlet). ger. Betegnelse: Dette er feltets tittel på Størrelse/kolonner/ rækker: Kan angive hjemmesiden. størrelse (højde) for visse felttyper. Påkrævet: Angiv om feltet skal ud- Max tegn: Du kan fyldes for at kunne her angive hvis der sende en formular. kun må indsættes et bestemt antal tegn. Værdi: Giver muligSend knap tekst: Hvad skal der stå på knappen men trykker på. Eks. ”Send besked” eller ”Tilmeld mig”. hed 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 email: her skriver du mailadressen på den person der skal modtage email formularen. Ønsker du flere modtagere kan du adskille flere mailadresser med et komma. Formularer Side 76 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 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 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å , da 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 e-mail 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å email eller lignende. Formularer Side 79 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 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 Formularer Side 82 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 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 4. Vælg Rediger og Marker alt 5. Vælg Rediger og Kopier for at kopiere teksten. Tips & Tricks Side 85 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 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 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 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 www.cutepdf.dk. 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 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 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 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 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 Google Analytics For at bruge Google Analytics er her en kort vejledning til hvordan du kommer i gang. 1. Gå til www.google.dk/analytics/ 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 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 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 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 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
© Copyright 2024