CMS - BRUGERMANUAL CMS

Transkript

1 CMS - BRUGERMANUAL

2 LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: Første gang du logger på: Brugernavn: admin Kodeord: admin

3 ÆNDRE DIT KODEORD Nu er du logget ind og får velkommen til adminstrationen siden frem. Det første vi vil anbefale dig at gøre er, at lave dit password om til dit helt eget. Sådan ændrer du dit kodeord/password I menuen til venstre finder du ikonet: Skift password Her indtaster du det nuværende password/kodeord: admin Derefter indtaster du dit nye og derefter gentager du dit nye password Næste gang du logger på, er dit nye password aktiveret, Dit brugernavn vil stadig være admin. Det nye login: Brugernavn: admin Kodeord: dit_nye_kodeord

4 OPBYGNINGER AF SIDER Opsætning af menupunkter Øverst i administrationspanelets venstre side finder du følgende ikon: Klik på ikonet og du kommer nu ind i CMS-administrationen. Her kan du oprette nye undersider, ved at klikke på Opret ny. Gennemgang af ikonerne: Du kan ændre rækkefølgen af dine sider ved hjælp af pilene op og ned. Med kopier/flyt-ikonet kan du flytte en allerede oprettet side ind under en anden side, således at det bliver et undermenu punkt til menupunktet som vist på det nederste billede til venstre. Under ikonet Rediger Det er her du opsætter dine undersider som du gerne vil have dem. Gennemgangen af dette ikon kommer i næste afsnit. Det sidste ikon er slet-ikonet Her sletter du en allerede oprettet side. Forside og Hvem er vi? er sidens navn og det er navnet på det menupunkt der bliver vist på din hjemmeside, disse kan ændres under ikonet rediger.

5 OPRET NY SIDE Oprettelse af sider Klik på Opret ny Herefter vælger du, om du vil lave en ny hovedside eller om det skal være en underside til en allerede eksisterende side. Hvis du gerne have en ny hovedside, så lad Vælg hovedside stå til: Ny hovedside. - Ny hovedside er et overordnet punkt i din menu, vælger du i stedet for: - forside kommer siden til at ligge som en underside til forsiden. Dernæst skal du give siden en overskrift, f.eks: Firmaprofil. Husk på, at det er overskriften, som er den tekst dit menupunkt vil få. Link navn: Hvis du lader link navn stå blank, men med flueben i auto link navn Auto link navn, så generere den selv linket. Feltet: Kort beskrivelse. Det er den tekst, du i de fleste tilfælde ser lige under linket i Googles resultatsider. Det er her, du har muligheden for at fortælle søgerne, hvad denne siden handler om, beskriv siden kort og præcist. - en god sidebeskrivelse kan fordoble eller tredoble antallet af besøg fra søgemaskinerne!

6 OPRET NY SIDE Under Aktiveret kan du vælge om din side er aktiv En side der er aktiveret bliver vist i menuen. eller ej På den måde kan du gemme gamle sider, som måske bliver aktuelle igen, så du ikke behøver at lave siden helt forfra. Under Indhold har du et kontrolpanel med en masse ikoner, som bliver gennemgået på næste side. Under dette ikonpanel er et stort felt, hvor du skriver sidens indhold og sætter billeder ind, som skal vises på din hjemmeside. Nederst er der en Gem-knap. Det er først, når du har trykket på Gem, at alt det data du har skrevet på din side, bliver oprettet, og resultatet kan ses på din hjemmeside.

7 IKON BESKRIVELSER Ikon Funktion Beskrivelse Ikon Funktion Beskrivelse Gem bold italic Højrejustering Midterjustering Venstrejustering trækjustering Paragraph Gemmer ændringer foretaget på hjemmesiden. Normal tekst. Bruges til brødtekst. Heading1 Heading: Den største overskrift på siden. Heading2 Subheading: Underoverskrift, dette bruges, hvis man ønsker at lave en overskrift på et nyt emne på samme side. Fed skrift. Skråtstillet skrift. Teksten justeres ind mod højre. Alt teksten justeres til center på siden. Alt teksten venstre justeres Teksten justeres lige, så teksten holder kant til højre og venstre. Punktliste Nummeret liste Indsæt tabel Række egenskaber Celle egenskaber Indsæt øvre række Indsæt nedre række Slet række Indsæt kolonne før Indsæt kolonne efter Slet kolonne Splidt celle Slå celler sammen Indsæt link Fjern link Anchor Listevisning med punkter. Nummeret listevisning. Indsæt en tabel på siden. Egenskaber for tabelrækker. Egenskaber for cellerækker. Indsætter en række, før den aktuelle række. Indsætter en række, efter den nuværende række. Slet række hvor cursoren (musepilen) er placeret i. Indsætter en kolonne, før den aktuelle kolonne. Indsætter en kolonne, efter den nuværende kolonne. Slet den markerede kolonne. Lav en celle til flere celler. Sammenslut flere celler til en stor celle. Indsæt eller ret et link. Slå linkfunktionen fra. Link længere nede på siden. oudent Markeret tekst indrykkes til venstre. Indsæt et billede Indsæt et billede. indent Markeret tekst indrykkes til højre. Fuldskærm Se siden i fuld skærm.

8 OPBYGNING AF SIDE Start med at klikke på Fuldskærm ikonet. Så er det lettere at se skærmen. Dit vindue skulle nu være som det til venstre. Placer din curser i det tomme hvide felt, nu kan vi begynde at lave siden. Starter med at lave en overskrift til siden. Skriv først tekten og gå derefter op i Format og vælg Heading 1 som vis her. Hvis du vil have en underoverskrift under din overskrift, vælger du Heading 2 og så fremdeles. Brødteksten skal du ligeledes give et format, denne skal sættes til Paragraph.

9 INDSÆT BILLEDE For at indsætte et billede på hjemmesiden, skal du placere din curser der hvor du ca. vil have det placeret. Klik på indsæt/rediger billedeikonet Nu får du et ny vindue frem. Under General > Image URL klikker du på browseikonet billede, der skal indsættes. for at finde det Der er ikke lagt nogle billeder op endnu - derfor er vinduet blankt. Hvis der allerede er lagt billeder ind på din hjemmeside, vil du kunne finde dem her. I toppen af vinduet til højre ser du tre ikoner: Create folder: Bruger du hvis du skal have mange billeder, så er det en fordel at ligge dem i en mappestruktur. Upload: Bruger du til at ligge nye billeder op på din hjemmeside. Refresh: Her opdatere du side indholdet. For at uploade billeder til brug på hjemmesiden, klik på upload

10 INDSÆT BILLEDE Nu skal du finde et billede som ligger på din egen maskine. I boxen der kommer frem står der følgende: Valid extensions: gif, jpg, png Max upload size: 10 MB Path: /imagemanager Det betyder at du kun kan ligge billeder op i formatet.gif.jpg.jpeg og.png, billedet må højest fylde 10MB. Er det større, vil du ikke kunne uploade det. Klik på Browse.. og du får nu adgang til din egen PC s data. Her kan du finde det billede, du vi have lagt op. Både fra CD-drev og USB-stick og hvad du ellers måtte have sluttet til PC en. Når du har fundet billedet klikker du på Åbn/Open Hvis dit billedes navn indeholder æøå eller andre specialtegn så som mellemrum % & mm. skal du i feltet As file name: give dit billede et nyt navn uden disse tegn, ellers vil du få følgende fejl Filename is not valid. Tryk på Upload og du vi få beskeden Upload successfull. Du kan vælge at uploade alle de billede du skal bruge med det samme eller lukke vinduet, ved at klikke på cancel-knappen.

11 INDSÆT BILLEDE Billedet du har uploadet vil nu ligge under din Imagemanager-mappe. Under billedet er der en lille sort trekant. Hvis du klikker på den, får du mulighed for at: Add favorite - læg billedet i din favorit-mappe. Indsert - sætte billedet ind på siden. Delete - slette billedet. Edit - redigere og beskære i billedet. View - se billedet i sin fulde størelse- Hvis dit billeder er alt for stort til hjemmesiden, skal du klikke på Edit. Læs mere om redigering af billeder i afsnittet REDIGER BILLEDER. Ellers klikker du bare på billedet for at sætte det ind.

12 INDSÆT BILLEDE Hvis du har klikket på indsæt billede, vi du nu få følgende vindue: Inden du klikker på insert mangler du nu kun at udfylde: Image description & Title I forbindelse med søgemaskineoptimering er det godt at skrive en kort tekst til alle dine billeder. Teksten anvendes egentlig som en løsning, hvis et givent billede af den ene eller anden årsag ikke kan vises. Men Alt tagget som denne tekst også hedder, kan således fyldes med gode søgeord der passer til din hjemmesides indhold. Du kan nu indsætte billedet. Klik på Upload - og billedet vil ligge sig under den tekst, du lige har skrevet.

13 REDIGER BILLEDE Hvis billedet er for stort og du allerrede har indsat det.. Makér det billede, der skal redigeres. Højreklik - insert/edit image eller klik på ikonet i panelet. Klik derefter på Browse ikonet og ImageManager-vinduet åber. Klik på den lille sorte pil på det billede, der skal redigeres og vælg Edit. ImageManager Editor vinduet har følgende muligheder: Save: Gemmer dit billede. Revert: Fortryd beskæring, resize, flip eller rotate. Crop: Beskær dit billede. Resize: Ændrer størrelsen på dit billede. Flip: Spejlvend billedet. Rotate: Roter billedet.

14 REDIGER BILLEDE Crop - beskær dit billede.. Klik på Makér det omåde af billedet du ønsker at anvende Når du er tilfreds, tryk på Apply. og derefter på Save.

15 REDIGER BILLEDE Resize - ændre størrelsen af dit billede.. Indtast værdien på den bredde og/eller højde du ønsker Når du er tilfreds tryk på Apply. og derefter på Save. Så længe der er i Constrain properties bevarer billedet sine propertioner og bliver ikke forvredet. Flip - spejlvend billede.. Spejlvend dit billede Horizontal=vandret eller Vertical=lodret Når du er tilfreds tryk på Apply. og derefter på Save. Rotate - roter dit billede.. Roter dit billede 90, 180 eller 270 grader med uret. Når du er tilfreds tryk på Apply. og derefter på Save.

16 TESKTOMBRYDNING OM BILLEDE Placér tekst ved siden af billede... Klik på indsæt/rediger-billede ikonet Skift fra General til Appearance Under Alignment kan du vælge: Baseline - Top - Middle - Bottom - Text top Text bottom - Left - Right Figuren til højre ændrer sig efter hvad du vælger - den viser hvordan teksten vil placere sig ved siden af billedet. For at få teksten placeret til venstre for billedet vælges Left For at få luft mellem billede og tekst indtastes en afstand i pixel under Horizontal space på 20. Figuren viser, at der nu laves margin på 20px på begge sider af billedet. For kun at få margin til venstre for billedet rettes Style Her stå følgende: margin-right: 20px; margin-left: 20px; float: left; Slet teksten: margin-left: 20px; Nu står der kun, margin-right 20px; float: left; Nu ser figuren rigtig ud og for at gemme, trykkes på Update.

17 TESKTOMBRYDNING OM BILLEDE Placér billeder side om side... Princippet er det samme som placér tekst ved siden af billede, følg den vejledening. Alle tre billeder har Style: float: left; margin-right: 20px Man kan også sætte ramme om sit billede, det gør man ved at sætte en border på 1 px eller den tykkelse man ønsker. Før tekstombrydning Efter tekstombrydning

18 BRUG AF TABELLER Billeder, tekst og tabeller... For at lave billedtekster under hvert af de tre billeder,er den letteset måde at styre placeringen af billeder og teksten, at bruge tabeller. Først laves en tabel. Sæt curseren enten lige ovenover eller nedenunder billederne - klik på tabel-ikonet Nu åbner Insert/Modify table vinduet

19 BRUG AF TABELLER Der skal bruges 3 kolloner og 2 rækker for at have en række, hvor billeder er i og en anden række hvor billedteksten kan være i. Udfyld indput felterne: Cols (kolloner): 3 Rows (rækker): 2 Cellpadding (margin mellem tabelrammen indtil indholdet): 0 Cellspacing (margin rundt og tabellen): sætter jeg til 0 Alignment (vensterjusteret, centreret, højrejusteret): sættes til left Border (ramme rund og tabellen): 0 Width (tabellens berde): sættes til 100% hvis den skal fylde hjemmesidens fulde bredde. Hight (tabellens højde): Behøver ikke udfyldes Klik insert og tabellen vil nu vises som en stiblet line under billederne - se næste side.

20 BRUG AF TABELLER Til venstre ser du tabellen under billederne. Nu kan billederne trækkes ned i forskellige kollonner i øverste række. Derefter skives billedteksten under hver billede. Husk at give teksten et format: paragraph. Se evt afsnittet opret ny side. Gem nu siden og tjek resultatet på din hjemmeside.

21 TEKST I TABELLER Hvis du vil lægge en tekst ind ved siden af billedet, vil du hurtigt opdage, at teksten vil placere sig midtfor billedet. Dette kan justere via Cell Properties som du finder ved at højreklikke i den celle, hvor teksten er placeret. Vælg Cell >>Table cell properties Under Table Cell Properties panelet sættes Vertical alignment til Top Tryk Update og nu er teksten rykket op i toppen af tabellen.

22 TEKST I TABELLER Du kan altid redigere og udvide din tabel ved at indsætte eller slette nye rækkerog indsætte eller slette flere kollonner. Det er også muligt, at lægge nogle af cellerne sammen, ved hjælp af tabelværktøjerne i panelet. Indsæt tabel Række egenskaber Celle egenskaber Indsæt øvre række Indsæt nedre række Slet række Indsæt kolonne før Indsæt kolonne efter Slet kolonne Splidt celle Slå celler sammen Indsæt en tabel på siden. Egenskaber for tabelrækker. Egenskaber for cellerækker. Indsætter en række, før den aktuelle række. Indsætter en række, efter den nuværende række. Slet række hvor cursoren (musepilen) er placeret i. Indsætter en kolonne, før den aktuelle kolonne. Indsætter en kolonne, efter den nuværende kolonne. Slet den markerede kolonne. Lav en celle til flere celler. Sammenslut flere celler til en stor celle.

23 INDSÆTTELSE AF LINKS Sådan Indsættes et link... Makér den tekst der skal virke som link - det vil sige, det man skal klikke på. Gå derefter op i værktøjspanelet og klik på link-ikonet Nu bliver Insert/edit link-vinduet åbnet. Under Link URL skriver du det url siden skal linke til. Hvis siden f.eks. skal linke til Google, skal du skrive Under Target skal du tage stilling til, om vinduet skal åbne i: Open in this window / frame Open in new window _blank Open in parent window Open in top window De to første muligheder er dem, du vil kommet til at bruge.

24 INDSÆTTELSE AF LINKS Open in this window / frame - skal du skulle bruge hvis du linker til en af dine egne sider på din hjemmeside Open in new window _blank - skal du bruge, hvis du linket til en andens hjemmeside. For at linke til google sættes Taget til Open in new window. Under Titel, anbefales det, at du skriver en lille tekst, ligesom i dette eksempel: se google s hjemmeside. Link-tekster skal gerne bestå af sætninger på 6-8 ord, som indeholder omkring 4-5 søgeord. Det er nogenlunde det samme som ALT-tag et ved billeder og det kan bruges til at beskrive nærmere, hvad linket fører hen til. Husk at angive en beskrivende tekst, som indeholder søgeord - gerne nogle af de samme søgeord, som allerede er blevet brugt på siden i f.eks. overskrifterne på siden. Afslut med at trykke på Insert Du kan altid rette i et allerede oprettet link ved at makere linket og derefter vælge link-ikonet På samme måde kan du slette dit link igen ved at klikke på Unlink