WEB kursus I. Grundkursus i CMS

Transkript

1 WEB kursus I Grundkursus i CMS 1

2 Link til manual på intranet: Nyttig information Support telefonnummer: Support Herudover kan du altid kontakte din lokale webredaktør med spørgsmål vedr. CMS: Hjælper ovennævnte ikke så kontakt WEB: Christian Wiggers: Søren Jensen: Peter Bach: 2

3 Afhængigt af hvilke sikkerhedsindstillinger der er på den pågældende PC du sidder ved, kan der forekomme en ActiveX besked som vist på billedet. Frygt ej og tryk ja. Indtast dit brugernavn og adgangskode Igen kan der være variation vedr. sikkerhedsindstillinger og igen skal du blot trykke ja! 3

4 Dette er icms startside. I midten ser du en oversigt over de hjemmesider eller forgreninger du har adgang til at rette. I venstre side ser du sideoversigten Sideoversigten fungerer på samme måde som mappestrukturen gør i Microsoft Windows. Siderne folder sig ud når man klikker på + et ud for en side. Hvis der ikke optræder et + ud for en side, har den ikke nogen sider underordnet sig. En hjemmeside er symboliseret ved en firkant med et grønt øje En alm. side er symboliseret ved et dokument 4

5 Venstreklik på + et for at se at siderne folder ud. Lav din første side Højreklik på hjemmesiden (det grønne øje) Lad musen glide ud og vælg: Nyt -> Dokument -> Standardside Venstreklik 5

6 Følgende side viser sig nu. Dette er et alm. redigeringsfelt til hjemmesider. Dette midlertidige redigeringsfelt, kaldes altid ikke navngivet og skrives også sådan i sidetræet, indtil man enten gemmer eller annullerer. Gem og annuller ligge nederst i højre hjørne. 6

7 Indtast titlen på din nye side i titelfeltet. Vælg skabelon. Typisk vil man vælge normal. Skabeloner er det layout der lægges ned over indholdet. Indtast noget tekst i indholdsfeltet. 7

8 Klik på indstillinger til højre. Her vises menuindstillinger. 1. Undermenupunkt Sættes flueben her, viser siden sig på din hjemmeside i din navigation, typisk til venstre. 2. Aktiv Fluebenet her gør at siden er aktiv. Hvis siden ikke er aktiv, kan den ikke ses på Internettet. 3. Søgbar Fluebenet her gør at siden kan søges frem ved at anvende søgefunktionen på ens hjemmeside. Virker også for andre søgemaskiner (f.eks. Google) 8

9 Tryk Gem Sidens navn i højre side har nu ændret sig fra ikke navngivet til dit nye navn på din side. I dette tilfælde min første side. 9

10 Når redigeringsruden lukker kan man ikke ændre i sin side. Men, blot se indholdet. Klik på Preview for at se hvordan din side ser ud på din hjemmeside. Skal du rette i en side, skal du trykke på Rediger. 10

11 Opret en underside Højreklik på din første side og vælg: Nyt -> Dokument -> Standardside Siden lægger sig ind under din første side. Følg derefter samme princip, som da du oprettede en ny side. 11

12 Rediger en side Klik på Rediger. Redigeringsfeltets proceslinje: Proceslinjen for redigeringsfeltet har mange funktioner. De mest anvendte er fremhævet nedenunder: 1. Punktopstilling 2. Koderenser 3. Links/ indsæt billede a. Opret link b. Fjern link c. Indsæt billede 4. Skrifttyper (fonte) 5. Fed, kursiv og understregning 6. Fortryd og annuller fortryd 7. Tabeller 8. Skriftfarve og baggrundsfarve (marker) 12

13 1. Punktopstilling Bemærk at man ikke kan benytte tabulatortasten, som man kender det fra Office. Man er her nødt til at bruge tabuler frem og tilbage tasterne. 2. Koderenser Når man eksempelvis indsætter noget tekst som man har kopieret fra Word, kommer der koder med som ikke er hensigtsmæssige. Derfor skal det renses. De typiske koder man fjerner, er enten Microsoft Word koder eller Alle HTML Tags 13

14 3. Links/ indsæt billeder Markér den tekst du ønsker skal være et link. Klik på ikonet med globen med en lukket kæde. Herefter dukker link menuen op. 14

15 Linkmenu 1. Eksterne links a. Eksterne link er links til steder uden for CMS systemet. Eks. b. Adressen indtastes i feltet: URL-adresse c. Udfyld linkbeskrivelse Det er teksten som man ser, når man holder musen over linket. d. Tryk på Gem nederst i højre hjørne. 2. Interne links a. Ved interne links folder man siderne ud ved at trykke på + erne og sætter et flueben i boksen ud for den side man ønsker at linke til. 15

16 3. links a. Her indtaster man den adresse man ønsker at linke til. Eks. OBS: Udfyld IKKE emnefeltet så går det galt for de fleste som skal benytte linket. 4. Fil link a. b. Klik på Opret fil øverst i venstre hjørne for at oprette en ny fil, som du vil linke til. c. Det midterste vindue popper op. d. Vælg en fil ved at klikke på Browse 16

17 e. Udfyld felterne Titel, Beskrivelse og vælg en filkategori/metadata ved at klikke på den blå kasse (her markeret med Metadata ) f. g. Når man vælger metadata/ filkategorier, så folder man emnerne ud på samme måde som siderne i Sideoversigten. Vælg her Region Syddanmark -> CMS Undervisning RSD h. Klik for at gemme klik Gem -> Gem - > Gem (der skal klikkes Gem i alle 3 vinduer) 5. Bogmærker a. Når man opretter et bogmærke, skal man først oprette hvad linket skal linke til (selve bogmærket) 17

18 b. Dernæst skal man oprette det link som linker til bogmærket c. 18

19 For at fjerne et link: Marker først det link som skal fjernes og dernæst klik på fjern link ikonet ved siden af opret link ikonet. For at indsætte et billede klik på indsæt billede ikonet i proceslinjen. Klik på Tilføj nyt Udfyld Filnavn, Titel, Beskrivelse Klik på den blå kasse, fold emnerne ud og vælg T -> Test 19

20 Tryk Ok Tryk Gem 20

21 4. Skrifttyper (fonte) Vi opfordrer til at dette ikke benyttes i andet end specielle tilfælde. 5. Fed, kursiv og understregning Bemærk at understregning kan forveksles med et link. Derfor frarådes det på det kraftigste ikke at anvende denne funktion. 6. Fortryd og annuller fortryd Knapperne fortryd eller annuller fortryd har samme funktion som kendt fra Word. 7. Tabeller Tabeller i webmaster opfører sig grundlæggende på samme måde som i Word. 21

22 Opret tabel Du opretter en ny tabel på én af 2 måder: Du skal under alle omstændigheder vælge hvor at tabellen skal indsættes, og herefter trykke på tabelikonet. Herefter kan du vælge enten at tegne tabellens størrelse eller klikke på tabeleditor i bunden af menuen. Når du har valgt tabellens størrelse og højde kan du højreklikke på tabellen og vælge Rediger tabel nederst i den fremkomne menu. Tabeleditoren Tabeleditoren har 3 faneblade som er inddelt efter hvad man stiller på: 1. I det første faneblad kan du justere på hvordan at tabellen er opbygget. Hvor mange kolonner og rækker der skal være, og nogle af cellerne skal flettes enten lodret eller vandret. 2. Omhandler selve tabellens layout. Om tabellen skal have rammer, hvilken farve tabellen og rammerne skal have, om layoutet generelt 3. I det sidste faneblad kan du justere på egenskaberne for den enkelte celle. Vælge en speciel farve til cellen, om indholdet skal være øverst, nederst, til højre eller venstre eller en kombination. Fanebladene og deres muligheder: 22

23 1. Her har du mulighed for at tilføje kolonner (kolonner er lodrette) til din tabel. Kolonnerne indsættes længst til højre (ved tryk på +), mens at man fjerner den kolonne man har markeret når man trykker på Her kan du flette 2 celler vandret, tabeleditoren fletter mod højre, dvs. at hvis man ønsker at flette 2 celler, så skal man markere den celle som er længst mod venstre, og herefter trykke på +. Vil man have opdelt en celle igen, er det blot nødvendigt at markere cellen som skal opdeles og trykke på. 3. Tilføjer nye rækker ved tryk på + og fjerner dem igen ved tryk på minus. (Rækker er vandrette) 4. Her kan du flette 2 celler lodret. Tabeleditoren fletter nedad, så for at flette 2 celler skal du markere den øverste og trykke på +. Du kan opdele cellerne igen ved at trykke på - 5. Gemmer de indstillinger du har valgt. Gem gælder for alle faneblade. 6. Annullerer alle de indstillinger du har lavet siden du trykkede på gem. 1. Bredde: Der er kun 2 fornuftige indstillinger af en tabels bredde. Enten skal den tilpasse sig indholdet, og så behøver man ikke at skrive noget i dette felt. Alternativt vil man gerne have at tabellen fylder hele sidens bredde. Hvis man ønsker dette, skal man skrive 100 % i dette felt. 2. Højde: Er højden på tabellen. Det er som regel aldrig nødvendigt selv at angive højden, da højde afhænger af bredden på tabellen og indholdet af tabellen 3. Celleafstand: Er afstanden mellem de enkelte celler og deres rammer. 4. Cellemargin: Cellemargin er den afstand der er inden i en celle, fra kanten af rammen til at teksten begynder. (som margin på en side i Word). Bemærk at margin gælder for alle 4 sider i cellen. 5. Justering. Justering er hvor på siden at tabellen vises. Du har 4 valgmuligheder: a. Normal: Der skrives tekst ovenover og nedenunder, selve tabellen vises til venstre. b. Venstre: Tabellen vises til venstre, og er der plads, skrives der tekst til højre for tabellen 23

24 c. Højre: Tabellen vises til højre, og hvis der er plads, skrives der tekst til venstre for tabellen. d. Centreret: Tabellen vises i midten af siden og der skrives tekst ovenover og nedenunder. 6. Baggrundsfarve. Baggrundsfarven er den farve alle celler vil have indeni. Som standard er alle celler hvide. 7. Rammefarven. Her kan du angive hvilken farve rammen skal have. Som standard er den sort. 8. Her kan du definere hvor tyk at rammen på din tabel skal være. Hvis du angiver rammen til at være 0, vises der ingen ramme. Du skal huske at du maksimalt har 600 px at boltre dig på. Rammen er også stregerne indeni tabellen. 9. Vis i fuld skærm. Hvis du slår denne funktionalitet til, fjernes tabellen fra din tekst, når den vises fra forsiden. I stedet vises et lille ikon for en tabel og det navn du angiver i titeltekst (10). Når læseren trykker på tabelikonet vises tabellen i fuld størrelse alene i browseren. 10. Her skal du angive tabellens navn, hvis du anvender funktionen vis i fuld skærm (9). Navnet vises over tabelikonet, som erstatter den rigtige tabel, når vis i fuld skærm er slået til. 11. Her kan du vælge hvilke ramme du ønsker. Du kan kombinere de forskellige muligheder stort set som du har lyst. Bemærk dog at webmaster har en beklagelig tendens til at glemme indstillingerne for rammen, så dette skal indstilles hver gang man gemmer. 1. En markeret celle. 2. Højde: En fast højde på cellen. Bemærk dog at cellen som er højest i en række, er den højde, som alle får. 3. Bredde: En fast bredde på cellen. Bemærk dog at cellen som er bredest i en kolonne, er den bredde der vinder. 4. Farve: Baggrundsfarven på den markerede celle. 5. Tekstombrydning: Betyder om teksten må splittes op i flere linier eller den skal vises præcis som den er skrevet. 6. Vandret justering: Hvor begynder teksten. Som standard til venstre, men f.eks. tal og beløb skrives tit til højre, ønskes dette vælges her højre. Muligheder: 24

25 a. Venstre b. Højre c. Center 7. Lodret justering: Hvordan skal teksten stå inde i cellen, Som standard står teksten altid i midten. Der er følgende valgmuligheder: a. Øverst b. Midten c. Nederst 8. Skriftfarve og baggrundsfarve (marker) Marker teksten som du ønsker at ændre baggrundsfarven eller tekstfarven på. Da layout er styret i skabelonerne anbefales det at IKKE at ændre baggrundsfarve og tekstfarve. 25