Manual KATJ CMS 2.0

KATJ CMS 2.0

Brugervejledning

Side 1 af 12 kreation aps | www.kreation.dk | [email protected] | +45 70 22 81 51

KATJ CMS 2.0

Hvad betyder CMS?Content Management System (CMS) betyder "et system til at holde styr på indhold".

Et Content Management System er altså et værktøj, der holder styr på indhold, som skalpræsenteres for de besøgende på websitet. Dette indhold kan være tekst, billeder, film, musik ellerandre elektroniske medier.

Hvad er KATJ CMS 2.0?KATJ CMS 2.0 er et ContentManagement System med 100%fokus på Content Management –altså styring af indhold. I udviklingenaf systemet har der hele tiden væretfokus på tilgængeligheden til de mestanvendte funktioner. Det harligeledes været en mission, at alleskulle være i stand til at bruge det.Derfor har fokus ligeledes været påbrugervenligheden, hvorfor mange afde tekniske finurligheder er gemt afvejen. Man skriver hverken html, csseller scripts som bruger af systemet.Ligeledes har man intet meddatabasen at gøre. Det hele er gemtaf vejen som vist til højre.

Den tekniske forklaring.KATJ CMS er et program der kører på webserveren. På illustrationen til højre har vi forsøgt at vise hvorledes KATJ CMS opererer.Det dybeste lag er en database, der holder alt information omkring indhold, struktur, brugere,statistik, sprog etc.Oven på dette lag ligger selve Content Management Systemet som læser i databasen hvilkeinformationer der skal bruges for at vise f.eks. ”forside” på et website. Selve præsentationen af siden”forside” tager side-templaten sig af. Kort sagt er det side-templaten der bestemmer hvorledes siden på websitet skal vises – og det erContent Management Systemet der bestemmer hvad der skal vises – og databasen holder styr påalle disse informationer.

Hvorledes fungerer KATJ CMS 2.0?KATJ CMS bygger websites ud fra en filosofi om at hvert website har et eller flere sprog. Under dissesprog er der nogle sider/menupunkter. Disse sider kan have undersider, som igen kan have deresegne undersider osv. Hver side hører altså til et sprog og er ordnet i et hierarki for dette sprog. Hver side har tilknyttet noget indhold. Indholdet bliver lagt i en ”holder”, som i KATJ CMS 2.0 kaldesen pagelet. Pagelet'en kan holde 1 eller flere indholds-elementer. Det vil sige:– et website har et sprog– sproget har en hierarkisk opbygget struktur– strukturen/siderne har pagelets– pagelet'en har indhold i form af indholds-elementer.

For menupunktet/siden, pagelet'en, indholdselementerne gælder det, at de har en template tilknyttet.Templaten bestemmer præsentationen. Dette betyder, at side-templaten bestemmer den samlede


KATJ CMS 2.0

sides udseende. Herunder placering af struktur-navigationen ( menuen ), pagelets og evt. andreelementer der skal placeres fast på siden. Pagelet'en placeres af side-templaten, har igen sin egentemplate, som bestemmer hvorledes deindholdselementer den holder skal vises. Dette kanf.eks. være som 1-, 2-, 3- eller 4-kolonnes.Selve indholdselementet har også en templatetilknyttet.Illustrationen til højre vise med de farvede stregerhvilke templates der håndtere hvad.

• Den blå streg er side-templaten• Den sorte streg viser placeringen af de

dynamiske områder på side-templaten. Tilvenstre vises menustrukturen – til højre dendynamiske indholdsområde.

• Den orange streg viser et eksempel på enpagelet der har templaten 2-koloner.

• Den grønne streg er et eksempel på etindholds-element med en template. I detteeksempel tildeler templaten en margin til selveindholds-elementet.

Det, at hver enkelt del på siden kan have sin egen template, giver bred mulighed for at præsenteresider, struktur og indhold på meget forskellig måde for hver enkelt side på websitet.

Hvorledes struktur, indhold, templates etc. defineres i systemet, vil vi beskrive her.

Hvorledes bruges KATJ CMS 2.0?

Log indFor at få adgang til at vedligeholde dit website, skal du værelogget ind. Dette gøres ved at finde det ”skjulte” område på ditwebsite, som aktiverer login-boksen. Dette ligger typisk i venstretop eller bund. Du kan også skrive /katj/ efter dit domæne ( f.eks.kreation.dk = http://kreation.dk/katj/ ). Når du har fundet den,udfyldes login-informationen, og du bliver logget ind.


KATJ CMS 2.0

Når du er logget ind, kommer følgende bar frem i toppen:

Topbaren viser dine muligheder på den side du står på nu. Ønsker du f.eks. at se hele websitetsstruktur, kan du klikke på ikonet. Dette åbner sitemap'et. Her vises hele strukturen for det valgtesprog. Du kan her skifte sprog, navigere rundt påwebsitets sider, ændre sidernes indbyrdes placering ogflytte på siderne.

Ved at klikke på ikonet får du mulighed for at vælgeen ny ”forældre” til den valgte side. Vil du f.eks. flytte enside fra 1.2.2 til 1.1.4, så bruges dette værktøj til det.

Sitemap funktionen er rar at have, hvis man har etmeget stort website, hvor det måske ikke er såoverskueligt af navigere i selve websitet.

Online / Offline:Som det kan ses i sitemap'et til højre, er ikonet for siden[nyheder] lidt mørkere end de andre. Det er den fordisiden er sat offline. Den vises altså ikke på websitet –men vises i sitemap'et for webmasteren. Skal du derforadministrere indhold på en side der er offline, så skal dunavigere dig frem til den via sitemap'et.Hvorledes du sætter sider online/offline vil vi komme indpå i beskrivelserne på de næste sider.

På de næste sider vil vi løbe igennem hvorledes du laver de mest almindelige operationer i KATJCMS. Har du spørgsmål ud over det du finder her, så kontakt din sælger – eller kontakt kreation påkreation.dk/kontakt.


KATJ CMS 2.0

Tilføj ny sideØnsker du at tilføje en ny side , skal duklikke på [ side indstillinger ] og så på[ ny side ] hvis den nye side skal være påsammen niveau som den side du står pånu – og på [ ny underside ], hvis der skalvære en underside til din aktuelle side.

Dette åbner et vindue, der giver digmulighed for at angive et navn til den nyeside. Det åbnede vindue åbner somstandard til tilføjelsen af TEKST-MENU.

Felterne [navn] og [plugin] bruges tilnavn og titel-givning af siden. Det er kunnødvendigt at udfylde et af felterne. Navner det der kommer til at stå øverst ibrowseren, titel er det der står i selvemenuen. Årsagen til at der bruges 2 felterer f.eks. websites hvor du gerne vil have atman kan klikke på menu-punktet”FORSIDE” - men at siden hedder:”Firmanavn – din vej til succes”.

Ønsker du et billede som menupunkt, kandu klikke på [ skift type ] øverst i højrehjørne, og så vælge [ billede ] eller[ aktivt billede ]. Her skal du huske atangive navn for siden – ellers vil det ikkefremgår hvilken side du er på i strukturen.

Template Du kan også i dette vindue folde områdetmed [template] ud, så du kan vælge dentemplate du ønsker for denne nye side. Dukan ligeledes vælge en ”style” for siden.

AdgangDu kan ligeledes angive rettigheder forsiden. Der er dels læse adgang – altsåhvilke brugere har adgang til at se denneside – og dels vælge hvilke brugere påsystemet der må rette på din nye side.

OnlineSkal siden du opretter ikke vises påwebsitet med det samme – eller pilles afefter noget tid, kan du her fjerne [v] hak ionline feltet og vælge start/slut dato og tid.

Når du har udfyldt de ting på siden du vil,klikkes på [ opret ] - og siden er tilføjet tilstrukturen – og menuen opdateret.


KATJ CMS 2.0

Rediger side navn eller titel eller skiftmenubilledeSkulle du fortryde at sidens navn og titel erdet samme (du valgte kun at udfylde denene), eller skal siden ændres, menubilledeskiftes, så klikker du [ side indstillinger ]og vælger [ rediger side ]. Du får nusamme vindue som vist under oprettelse.Du kan nu ændre i de felter du ønsker ogklikke på [opdater] – og siden opdateresmed det samme.

Punktet [side elementer ] under [sideindstillinger ] går til en side med enstruktureret visning af sidens pagelets ogdisses indholdselementer.

Tilføj indholdKlik på -ikonet og editoren åbner, og dukan frit tilføje tekst, billede, film eller lyd tilsiden.

Rette indhold på sideØnsker du at rette i en tekst på en side,gør du følgende:

• Kør musen hen over den tekst/indholddu gerne vil redigere.

• Dobbeltklik når du har -markøren.• Editoren åbnes nu i et nyt vindue, og du

kan frit rette dit indhold.

EditorenEditoren er en af de helt centrale ting i KATJ CMS, og alt arbejde med indhold på dine sider foregårher.

Kort forklaring af feltnavne og deres betydning:[navn]: Navnet på indholdselementet. Dette er også et ”anker” til siden, og kommer ikke til at kunneses nogen steder på den færdige side, men kan i visse tilfælde være brugbar, f.eks. når man harmange, lange artikler på en side, og ønsker overskuelighed.

[overskrift]: Denne kommer til at stå over din tekst. Skrifttype og -størrelse kan ikke ændres, og dukan ikke tilføje effekter, da dette kan ødelægge designet/layoutet/udseendet på websiden.

[sammendrag]: Er ikke aktiveret for alle løsninger. Kort tekst som indledning til f.eks. en artikel.


KATJ CMS 2.0

[editor]: Selve redigeringen af de indhold der skal præsenteres i pagelet'en.

[adgang]: samme regler som for tekstmenuen.

[online]: samme regler som for tekstmenuen.

Editoren og dens funktionaliteter:

[ fed ] gør teksten fed / kraftigere.[ kursiv ] gør teksten kursiv. [ understreg ] understreger teksten.[ hævet skrift ] hæver og formindsker teksten i forhold til den foregående tekst.[ sænket skrift ] sænker og formindsker teksten i forhold til den foregående tekst.[ skriftfarve ] åbner et vindue, hvor du kan vælge en ny skriftfarve. Denne knap er aktiv indtilder klikkes på den igen.


KATJ CMS 2.0

[ baggrundsfarve ] åbner et vindue, hvor du kan vælge en ny baggrundsfarve for den aktuelletekst. Denne knap er aktiv indtil der klikkes på den igen.[ fjern formattering ] fjerner effekten af de ovenfor nævnte knapper. Ønsker du at fjerne detfra allerede skrevet tekst, markeres teksten, og der klikkes på knappen.Du kan ikke ændre skrifttype og -størrelse på teksten i editoren, se dog ”Ændring af tekstensudseende”. [ tilpas venstre ] tilpasser teksten til venstre margin.[ tilpas centrum ] tilpasser teksten omkring midten.[ tilpas højre ] tilpasser teksten til højre margin.[ tilpas lige ] tilpasser teksten til lige margin i begge sider.[ ordnet liste ] laver en ordnet liste.[ uordnet liste ] laver en punktopstillet liste.[ klip ] klipper den markerede tekst ud.[ kopier ] kopierer den markerede tekst.[ sæt ind ] sætter den klippede eller kopierede tekst ind ved tekstmarkøren. ( virker ikke i allebrowsere pga. browserens sikkerhedsindstillinger ).[ fortryd ] fortryder en handling.[ annuller fortryd ] annullerer en fortrudt handling.[ ryk ud ] rykker teksten ud.[ ryk ind ] rykker teksten ind.[ horisontal linje ] indsætter en horisontal linje.[ indsæt eksternt link ] åbner et vindue, hvor du kan lave et link til en webadresse eller enemail adresse, se dog næste punkt. Se desuden ”Indsæt et eksternt link”.[ indsæt email link ] findes ikke i Microsoft Internet Explorer, men hvis din browsere f.eks. erFirefox eller Mozilla. Åbner et vindue, hvor du kan indtaste og linke til en email adresse. Sedesuden ”Indsæt et eksternt link”.[ fjerne link ] fjerner link til websider eller email adresser ved at man markerer teksten, ogklikker på knappen.[ indsæt ny linje til sidst i dokumentet ] slutter dokumentet af med en tom linje.

Knapper til venstre i teksteditoren.[ indsæt billede ] åbner et vindue hvor du kan udvælge og tilpasse et billede, der skalindsættes i teksten, se desuden ”Indsæt billede”.[ indsæt link til dokument ] åbner et vindue hvor du kan vælge at linke til et dokument. Sedesuden ”Indsæt link til dokument”.[ indsæt internt link ] åbner et vindue hvor du kan vælge at linke til en af dine andre sider. Sedesuden ”Indsæt et internt link”. [ indsæt film ] åbner et vindue hvor du kan vælge et filmklip, der skal indsættes på siden. Sedesuden ”Indsæt film”. [ indsæt lyd ] åbner et vindue hvor du kan vælge et lydklip, der skal indsættes på siden. Sedesuden ”Indsæt lyd”. [ indsæt tabel ] gør det muligt at indsætte en tabel på siden. Åbner først en dialogboks, hvordu skal angive antallet af rækker, og derefter en dialogboks, hvor du bliver bedt om at angiveantallet af kolonner. Indtast det ønskede antal, og tryk OK.[ indsæt style ] åbner et vindue hvor du kan tilføje en style til den markerede tekst. Sedesuden ”Ændring af tekstens udseende”. [ indsæt menu ] Giver mulighed for at indsætte en menu som genereres ud fra den strukturdu står med. Vil du f.eks. vise alle underpunkter til den side du står på – indsættes menu fordet underlæggende niveau.


KATJ CMS 2.0

[ personalisering ] placerer de valgte felter på siden for den bruger der er logget på systemet.Har du f.eks. et bruger login, kan du f.eks. have en artikel med teksten: ”Kære [fornavn][efternavn]...”.[ indsæt brugerform ] indsætter en ”brugerform”, hvor den besøgende kan udfylde denønskede information. F.eks. [fornavn] [efternavn] [email].

Kopiere tekst fra Microsoft WordDet kan desværre ikke lade sig gøre at bruge Microsoft Word til at skrive sit indhold og når det erfærdigt kopiere det over i KATJ-editoren. Årsagen til dette er teknisk og står længere nede.

Hvis man gør dette, sker der det at man får en hel masse ekstra ting med, som ødelægger detdesign man har valgt på forhånd. I stedet bør man kopiere det via f.eks. notepad og derefter til KATJ,på den måde forhindrer man Microsoft Word i at ødelægge designet, men man mister også denformatering man har lavet på teksten.Det bedste er at blive fortrolig med editoren og kun bruge den. Og hvis man skal kopiere indhold fraMicrosoft Word, så huske at bruge notepad.

Det tekniske.Når Microsoft Windows kopierer indholdet fra Microsoft Word og til Microsoft InternetExplorer, ved systemet at det er html det har med at gøre. Det der sker er at MicrosoftWindows for at efterligne det der er skrevet i Microsoft Word sætter en massestylesheet informationer ind i KATJ-editoren. Problemet er nu at vi ikke er interesseret ihvilken skrift størrelse og type, der blev brugt i Microsoft Word, da vi har defineret detét sted for hele hjemmesiden.

Hvorfor fjerner I så ikke bare denne information?

Det kunne vi også gøre, men desværre kan man ikke få et signal om at der bliverkopieret tekst ind i Microsoft Internet Explorer, derfor kan vi først fjerne informationennår vi gemmer dokumentet. Da det HTML Microsoft Internet Explorer laver, er forskellig fra version til version, vilman som udgangspunkt gerne fjerne al formatering fra det kopierede, men når vi førstkan lede efter det, når teksten skal gemmes, fjerner vi ikke kun Microsoft Wordformateringen, men også det der ellers er formateret i editoren. F.eks. vil man ogsåfjerne farvekoder eller fed skrift, som egentligt var ønsket.

Indsæt internt link Hvis du vil indsætte et link til en af de andre sider på dit website,markeres den tekst der skal linke, og derefter klikkes på

[ indsæt internt link ]. Der åbnes nu et vindue, hvor du kanvælge den side du vil linke til.

Opret underside vha. teksteditor Du kan også oprette en underside direkte i teksteditoren ved atindsætte et internt link. Det er samme fremgangsmåde somovenfor – men i stedet for at vælge en eksisterende side, klikkes på ikonet med den røde cirkelomkring – og du kan nu lave din nye side. Når denne er lavet, har editoren selv lavet linket på denmarkerede tekst.

Indsæt et eksternt linkØnsker du at indsætte et link til f.eks. et andet website, åbnes editoren, og den tekst/billede der skal


KATJ CMS 2.0

klikkes på for at komme til det andet website, markeres. Herefter klikker du på , vælger hyperlinkog skriver linket til websitet i tekstboksen. Hyperlink vælges ud fra funktion, hvis du f.eks. ønsker atlinke til en mail-adresse, vælges ”mailto:”. Som standard er ”http:” valgt.

Hvis du bruger en anden browser end Microsoft Internet Explorer, skal du selv skrive hyperlinket, hvisdu ønsker et andet end ”http:”. Desuden kan du klikke på [ indsæt email link ] for at linke til enemail adresse.

Indsæt billede Når du vil indsætte et billede, gøres dette ved atsætte markøren på det sted i teksten, hvor du gernevil have billedet. Herefter klikkes på [indsætbillede], og der kommer et vindue frem som vist tilhøjre.

Du kan nu vælge et billede der allerede ligger påwebserveren, ved at klikke på fil listen, som i detteeksempel har teksten ”blank.gif”.

Du har også mulighed for at bruge et billede fra dinegen computer, ved at klikke på [ Gennemse ]. Nufår du et vindue, hvor du kan vælge din fil. Efter duhar klikket [ OK ], kommer du tilbage til det vistevindue, og du vil kunne se det valgte billede i lilleformat i toppen af vinduet.

Nu kan du indstille billedets tilpasning til teksten. Dukan vælge mellem:

Top Billedets top sættes som udgangspunkt for teksten.Venstre Billedet sættes til venstre for teksten.Højre Billedet sættes til højre for teksten.Bund Billedets bund sættes som udgangspunkt for teksten.Midt Billedets midte sættes som udgangspunkt for teksten.

Du kan også vælge at navngive billedet, så man ved at føre musen over, får vist hvad billedethedder. ( på illustrationen er navnet: ”Demo” )

Til sidst indsættes billedet ved at klikke på [indsæt].

Indsæt link til dokument Du kan lave et link til et dokument ved enten at placere markøren på det sted i teksten hvor duønsker at indsætte linket, eller du kan markere et stykke tekst. Har du markeret et stykke tekst, vildette være linket, og ellers vil linket stå som dokumentets navn. Herefter klikkes på [ indsæt link tildokument ], og der kommer et nyt vindue frem.

I vinduet skal du vælge det dokument der skal uploades, det gøres ved at klikke på [gennemse/browse ]. Du får nu et nyt vindue, hvor du skal navigere dig hen til dit dokument, ogvælge den fil du vil have. Klik [ OK ], og du kommer tilbage til det tidligere vindue. Du skal nu klikke [indsæt ], og linket til dit dokument bliver oprettet.


KATJ CMS 2.0

Indsæt film Ønsker du en film på din side, skal du klikke på [ indsæt film ]. Denne åbner et nyt vindue, hvor duskal angive placeringen af din film på din egen computer. Det gøres ved at klikke [gennemse/browse ], hvorefter du får endnu et vindue, hvor du navigerer dig frem til filen. Herefterklikkes [ åbn ].

Nu kan du tilføje et kontrolpanel til filmen, så brugere af siden kan vælge at stoppe filmen, se denigen osv. Det gøres ved at markere boksen [ tilføj kontrolpanel ].

Du kan også få filmen til at køre i ring, ved at markere boksen [ loop ].

Til sidst kan du tilpasse størrelsen af det område filmen skal vises i, ved at ændre på tallene iboksene [ størrelse ]. Tallene er angivet i pixels.

Indsæt lyd Du kan indsætte en lydfil nogenlunde på samme måde som du indsætter et link til et dokument.Enten placeres markøren på det sted i teksten hvor du ønsker at indsætte linket til din fil, eller du kanmarkere et stykke tekst. Har du markeret et stykke tekst, vil dette være linket, og ellers vil linket ståsom lydfilens navn. Herefter klikkes på [ indsæt lyd ], og der kommer et nyt vindue frem.

I vinduet skal du vælge den lydfil der skal uploades, det gøres ved at klikke på[ gennemse/browse ]. Du får nu et nyt vindue, hvor du skal navigere dig hen til dit dokument, ogvælge den fil du vil have. Klik [ OK ], og du kommer tilbage til det tidligere vindue. Du skal nu klikke [indsæt ], og linket til din lydfil bliver oprettet.

Ændring af tekstens udseende Ønsker du et andet udseende til din tekst, kan du vælge at påføre den markerede tekst en style vedat klikke på [ indsæt style ]. Dette åbner et vindue, hvor du kan vælge mellem forskellige styles.Disse styles er bestemt ud fra de templates der er tilknyttet websitet. Altså ikke noget designeren afwebsitet ønsker skal ændres.

Det kan anbefales ikke at prøve at påføre en style til en tekst, der allerede er ændret ved f.eks. atvære et link eller lignende.


KATJ CMS 2.0

KATJ IndstillingerHer finder du indstillingerne forhele sitet.

Områderne er inddelt i:• Siteadministration• Brugere & Grupper• Sprog

Siteadministration er nogetman typisk roder med én gangfor hvert sprog, da der her mandefinere websitets navn,søgeord, templates m.m.

Brugere & Grupper er til styringaf brugere, firmaer ogadgangsgrupper for hele sitet.

SprogTil styring af sprog

Statistik

Hvis ikke andet er angivet/ønsket af udvikleren af templaten for websitet, anvendes et Open Sourceprodukt til at føre statistik på websitets besøgende. Læs evt. mere om produktet påwww.phpopentracker.de

Har du problemer med din KATJ CMS 2.0-løsning kan du kigge forbi http://help.katj.it – eller kontaktekreation på kreation.dk/kontakt.


Documents

Manual KATJ CMS 2.0