Brugervejledning. Hjemmesider med Cmsimple.

Transkript

1 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab til EDB, og som gerne vil rette og redigere i egen Lokalhistorisk hjemmeside. Det forudsættes dog at vedkommende har kendskab på brugernivue, og kan betjene programmer som Word, Exel og ved hvordan man arbejder med filer. Det anbefales at man har en computer til rådighed, samtiddig man læser denne brugervejledning og at man prøver at indtaste og indsætte de forskellige steder efterhånden som man kommer frem i læsningen af brugervejledningen. Hvis forannævnte er noget volapyk for en, ja så er brugervejledningen ikke noget for Dem. Samvirkets hjemmeside er lavet ved hjælp et stykke software ved navn 'Cmsimple' og der giver mulighed for at hvert enkel Lokalhistorisk Arkiv kan få deres egen hjemmeside under Samvirket, og det giver mulighed for at hver engkelt Arkiv kan redigere og ændre deres egen hjemmeside. God fornøjelser med jeres hjemmesider Version 1.05 Medlem af hjemmeside gruppen Frede Vendelbo Jensen

2 2af23 INDHOLD: 1. Forord 2. Opstart af siden 3. Beskrev editoren 4. Brug af editoren 5. Indsæt et billede 6. Indsæt en ny side 7. Indsæt en Fil 8. En link til en Hjemmeside på Internettet 9. Indsæt en færdig funktion 10. Litteraturhenvisninger

3 3af23 2.Opstart af hjemmesiden På skrivebordet startes din browser, i det her til fælde Internet Explore På skrivebordet fører man kurseren hen over browseren, i dette tifælde Windows Internet Explorer, og trykker 2 gange på den venstre musetast. Den skifter farve og musen bliver til et timeglas. Siden skifter efter et kort øjeblik til noget i retning af nedennævnte. Windows Internet explorer er startet og kommer frem med den opstartside den er indstillet til, i det hert tilfælde er det TDC Online.

4 4af23 Intast navnet på jeres hjemmreside i addressefeltet som er angivet ved den røde pil. Det er kun første gang man skal ind på siden man skal skrive navnet, de efterfølgende gange kan gemme den under favoritter. Se nedenfor. Er den hjemmeside så intreressant for dig, kan du jo gemme addressen under favoritsider, så er du fri for at huske navnet på siden og skal indtaste den rigtigt hver gang du skal ind på siden. Det gøres ved at føre kuseren op under ikonet for tilføj til favoritter, trykke på venstre museknap. Frem kommer der et pop op vindue, hvori du kan finde den mappe eller indtaste en ny mappe hvor du vil gemme adressen på hjemmesiden. Du skal blot klikke på Tilføj og siden er gemt. Frem kommer der et popop vindue og man finder den mappe adressen er gemt under, går ned på adressen og klikke. Skal du ind på hjemmesiden trykker du på den lille stjerne i retning af pilen og tryk på fanen med hjemmesider.

5 5af23 Du har nu fået startet din egen hjemmeside op, og du kan nu blade rundt i menuen ved at føre musen over en af tekstene oppe til venstre i pilens (1) retning og trykke på venstre musetast. Du kan også gå ind i administrative del, hvor du kan ændre og rette på hjemmesiden eller siderne. Dette gøres ved at du logger dig ind på jeres hjemmeside. Det gøres ved at føre musen hen over det login (2) og taster på den venstre musetast, og derefter fremkommer nedennævnte billede. Tast jeres pasword ind (3) og tryk login

6 6af23 Der fremkommer en blanding af jeres hjemmeside og et værktøj til at ændre og redigere i jeres hjemmeside. Det øverste felt er afsat til billeder, som kun webmaster for Skla hjemmeside kan indsætte. Du vælger det eller de billeder, der skal indsættes, formaterer dem og sender dem til webmaster på en mail. Dette felt fremkommer automatisk, afhængig af hvordan du vælger at opdele din hjemmeside. Hver gang du begynder med H1 laver Cmsimple en ny side og en menutekst som vist. Underpunkter laves med H2 og underpunkter derunder igen med H3

7 7af23 Feltet her er et fast defineret felt og kan kun ændres af webmaster. Det store felt er vor du kan boltre dig og vise dine kreative evner. Her kan du skrive en fri tekst, indføre billeder og grafik. Du kan designe siden med farver og mønstre. Bjælken nederst må ikke fjernes eller ændres, da det er ejerens af Cmsimple og det er det eneste vi betaler for at benytte softwaren.

8 8 af 23 3.Beskrivelse af editoren. Efter man har lokket sig ind den administrative del, får man komandoerne i editoren tilgængelige. Det viser sig at det er stort set de nødvendige kommandoer som man skal bruge til at man kan ændre og redigere hjemmesiderne med. NORMAL: Fjerner editoren og viser siden som den er. VALIDER LINKS: Afprøver de forskellige links man har på hjemmesiden, om de er ok. BILLEDER: Kan man bruge til at udsøge i de billeder man har på computeren og downloade dem til hjemmesiden. DOWNLOAD FIL: På tilsvarende vis kan man havde et dokument, som man vil have en link til på hjemmesiden. Så kan man download en fil til hjemmesiden. (f.eks Brugervejledningen) INDSTILLINGER: Der kan du gå ind og foretage ændringer på designet og strukturen på hele hjemmesiden, men du skal vide hvad du gør. Det skal nævnes at det nok kun er for kennere af softwaren. LOGOUT: Når man er færdig med at redigere, trykker man på gem hvis man vil beholde ændringerne og Logout når man forlader aministrationsdelen. Hjemmesiden er nu ændret og man kan straks gå ind på hjemmesiden og kontrollere sine ændringer 4.Forklaring til de øvrige kommandoer i Editoren GEM KLIP KOPIER INDSÆT INDSÆT REN TEKST INDSÆT FRA WORD

9 9af23 De mest almindelige knapper

10 10af23 Sider: Indeholder de side der er lavet på hjemmesiden og ved aktivere knappen kan man se hvilke sider der er til hjemmesiden og hvordan de er struktueret. Billeder: Indeholder de billeder man har downloadet op til hjemmesiden, og man kan frit vælge iblandt dem og indføre dem på siden man arbejde med. Afsnit: Her vælger du forskellige typografier, om du skal skrive en menu og om du begynder på en ny side o.s.v. Stilarter: Her kan du også vælge bestemte typografier eller stilarter. 5.Insæt et billede. Når der skal indsættes billeder på hjemmesiden, er det vigtigt at de har den rigtige størrelse. Du skal som regel behandle billedet i et billebehandlingsprogram og vi har valgt at bruge IrfanView, til at redigere i billederne og til at tilpasse dem i størrelse. Se brugervejledningen for IrfanView, findes på Billedernes størrelse måles i antal pixel højde x antal pixel bredde. Et billede taget med et normalt digitalkamera fylder fra 1200 x 1600 pixel og opad. På hjemmesiden: Den maksimale bredde på et billede i tekstfeltet er 550 pixel. Ved billeder i bredformat (ligger ned): Skal der være 1 billede giver en størrelse på pixel bredde et pænt resultat. Skal der være 2 billeder ved siden af hinanden giver en størrelse på pixel det bedste resultat. Hvis billedet er i højformat, så er det blot højde der skal være de nævnte tal. Tallene er kun forslag, men bruges de går det ikke helt galt. Det er også meget afhængig af om der beskæres i billedet formatmæssigt. Billederne der skal bruges på hjemmesiden skal altid først ændres, så de har den rigtige størrelse. Det giver en hurtigere hjemmeside og bruger ikke så meget plads. Efter at du har logget ind den administrative del af cmsimple og du vælger den side du ønsker skal præsenteres med et billede. Du har i forvejen sikret dig at billedet er i computeren, og det har den rigtige størrelse og form. Du trykker dig ind på BILLEDER i ovenstående øverste menu.

11 11af23 Tryk på gemmense (1) og du kan nu finde den mappe hvor du har det eller de ønskede billede gemt. Vælg et billede og marker det, og tryk på Upload.(2) Det pågældende billede overføres til din hjemmesides billedarkiv. Ved at gentage ovenstående procedure(1)(2)flere gange kan du overføre de billeder du vil have med på din hjemmeside. Pas på at billedere ikke bliver for store, de fylder ret meget, så det kan være du behandler dem i billedhånteringsprogram inden du Uploader dem. Du kan se hvilke billeder du har fået uploadet under shroolbar forneden hvor der står Billeder. Der kan bladres i billederne du har uploadet og du kan vælge et du kan indsætte på et given sted på hjemmesiden. Hvis du skal have skrift rundt om billedet eller du skal have flere billeder ved siden af hinanden, gøres dette nemmest ved at lave en tabel med det antal kolonner og rækker du ønsker.

12 12af23 For eksempel: Tryk på tabel (1) og der fremkommer et popup vindue som er et værktøj til at etablere en tabel. Der er mange muligheder for at bestemme en tabel og hvordan den skal se ud, men først og fremmest antallet af rækker (3) og antallet af kolonner (2) skal man definere. Idet næste billede kan man se tabellen som vi definerede. For at gøre tabellen helt færdig skal man have celleegenskaber frem ved at trykke den ikon (1) Dernæst skal man definere hvor i hver celle man skal begynde med tekst eller et billede. Vi indstiller den til at vi begynder i toppen af hver celle (4)og til venstre i hver celle.(3), og endelig definere vi det for hele tabellen.(2)

13 13af23 Ved at trykke på en af de små firkanterne i tabellen(1), kan man trække tabellen hen hvor man vil have den, ligesom at den kan gøres lille og stor altefter hvad opgaven kræver det. Vi vil have et billede placeret i højre øverste hjørne, hvorfor vi markerer dette ved at placere kurceren i denne celle.(2) Vi vælger et fra billedarkivet (1), og tilpasser det ved at trække det på siderne, når man har markeret billedet. Skriften kan nu skrives (2) i cellen til venstre for billedet, og typågrafien bestemme ved at vælge under afsnit eller stilarter til højre i billedet.

14 14af23 6.Indsæt en ny side Vil man indsætte en ny side og her en ny side der skal plaseres mellem Aktiviteter og Nyheder. (1) Det kan gøres på flere måder, som i senere vil opdage og jeg vil gennemgå en af dem. Klik jer ind på siden Nyheder, og lav lidt plads foroven (1) ved at klike på ny linie. Den nye side skal have en overskrift og et navn, vi kalder den En ny side (1). Det næste vi skal fastlægge er hvordan siden skal fremtræde i menuen og det gør vi i det næste billede.

15 15af23 Ved at klikke ind på Typografi og Overskrift 1 (1) vælger vi overskriften h1 der gør at for det første får vi en ny side, og for det andet, at i menuen kommer den til at stå i hovedmenuen. Havde vi valgt Overskrift 2 eller Overskrift 3 havde vi også fået en ny side, men så var den kommet til at stå i undermenuen og i underundermenuen. Overskrifttene 4, 5, og 6, som svarer til h4, h5 og h6 giver ikke en ny side, men ændrer kun på typografien. Man kan ændre lidt på typografien ved at lave forskellige kombinationer af stilarter og overskrifter, prøv selv. Det kan godt være, at det nemmeste er at lave det i word og så klippe og klistre det over i hjemmesiden. Ctrl C I word og Ctr V for at indsættedet i hjemmesiden. Husk at trykke på gem når du har afsluttet, eller du har fremtryllet noget som du syntes der er værd og gemme. En anden måde at bestemme hvor i menuen siden skal plaseres, eventuelt et helt andet sted og det kan være at der skal slettes en side, er at benytte sig af noget færdig software også kaldet plugin. De vil blive gennemgået i et senere afsnit Indsæt en færdig funktion 7.Indsæt en fil Først skal filen uploades til hjemmesiden. Vælg Download Filer

16 16af23 Tryk på Gennemse Vælg filen du vil uploade: Tryk på Upload : Og filen Uploades til hjemmesiden. Du kan se filen som nummer 3 i nedenstående liste:

17 17af23 Find den side på hjemmesiden hvor filen skal lægges. Her er valgt Kegnæs siden. Skriv linkteksten, her: Bestyrelses referat Marker hele teksten der skal være link til filen: Klik på til højre for feltet Rul ned indtil du finder din fil, og klik på den.

18 18af23 Linket til filen er nu lavet. Klik mens cursor står bag linket på for at få prikken foran linket: Du er nu færdig, og resultatet ser sådan ud: Husk at gemme ved at trykke på.

19 19af23 8 En link til en hjemmeside på Internettet. Find den side hvor du vil lave en link til en anden hjemmeside, du skal være logget ind på siden. På siden skriver du en teskt du vil kalde linket, det behøver ikke være selve link adressen, men bare noget der ligner. Marker teksten (1), og tryk på kædeledet som findes i editoren (2). Frem kommer der et pop up vindue, hvor du kan skrive den nøjagtige linkaddresse.(1) Husk at skrive forest, og så for eks. Tryk på (2) indsæt eller opdater

20 20af23 Nu er det nye link færdig, (1) Du kan slette linket ved at (2) trykke på det afbrudte kædeled. Nu mangler du kun at trykke (3) på Gem for at det nye link er gemt, log ud for at se om linket virker, ved at aktivere linket kommer du ind på hjemmesiden for Du kan også prøve at trykke (4) VALIDER LINKS, der fremkommer nu en liste over alle de links der er lavet på den pågældende Hjemmeside, og du vil kunne se om der er fejl på nogle af dem, eller om de er fejlfrie.

21 21af23 9.Indsæt en færdig funktion Færdige funktioner eller Plugins, som de også kaldes, kan være mange forskellige små stykker softwarer som opfylder et bestemt formål. Det er webmaster der bestemmer vilke Plugins der er tilgængelige her i Cmsimple, men hvis man støder på nogle der er interressante, så kontakt webmaster for og drøft det med ham. For tiden er der 3 stk Plugins til rådighed, nemlig en kalender funktion, en Gallery funktion og ikke mindst en menumanager funktion. Menumanager Funktionen vil jeg gennemgå lidt mere i detajler i det efterfølgende. Log jer ind på jeres hjemmeside og i er i Cmsimples editor og i klikker på normal (1) Der fremkommer et billede hvor menuen ses available Plugins og vi trykker os ind Select Plugin (1) Vi trykker os ind på Menumanager (2) og der fremkommer et grafisk billede af menustrukturen af vor hjemmeside.

22 22af23 Menumanageren viser overskriften på alle dine sider i hjemmesiden og hvordan de er struktureret. Du kan tage fat i de bjælker (1) og flytte dem hen hvor du ønsker de skal være, du kan med andre ord helt omstruktuere din hjemmeside på et øjeblik. Du kan flytte dem ud i level 2 og 3, og så bliver de til undermenu og underundermenu.(3) Det kan være et par af siderne har overlevet sig selv og skal slettes, og så flytter man dem ud under hvor der står slet.(2) Man skal husker at trykke gem, for at ændringerne bliver foretaget, og så kan du gå tilbage og se ændringerne. Du har her et godt overblik over din hjemmeside, og du kan nemt omstruktuere og slette i din hjemmeside.

23 23af23 10.Litteraturhenvisninger Brugervejledningen, forskellige hjælpesider, opgaver, IrfanView og hjælp til downloads.