ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS

Transkript

1 ThinkPage CMS 2.0 Hurtigveiledning Av ThinkPage AS

2 ThinkPage CMS 2 Forord Dette er en midlertidig brukerveiledning tar for seg de viktigste basisfunksjonene i ThinkPage CMS og gir brukeren nødvendig innføring i hvordan man administrerer egne nettsider. Guiden presenteres med steg-for-steg -anvisninger og bilder. Innhold ThinkPage CMS 2 Forord... 2 ThinkPage CMS 2 Logge inn på admin. og forklaring for forsiden... 3 Forord... 3 ThinkPage CMS 2 Opprette ny underside... 6 Forord... 6 ThinkPage CMS 2 første gang du skal laste opp bilder... 8 Forord... 8 ThinkPage CMS 2 laste opp bilder Forord ThinkPage CMS 2 - legge ut bilder på en side Forord ThinkPage CMS 2 Generelt om editor/redigeringsverktøyet Forord Lagring

3 ThinkPage CMS 2 Logge inn på admin. og forklaring for forsiden Forord Som kunde hos ThinkPage og bruker av ThinkPage CMS 2 vil du få et eget brukernavn og passord som gir tilgang til administrasjonspanel. Panelet lar deg administrere alt som har med hjemmesiden din å gjøre. Dette innbærer alt innhold (bilder, multimediefiler, skjemaer, tekst og lignende). Videre har du muligheten til å legge til nye brukere i systemet, administrere e-postkontoer, se statistikk og mye mer. Denne punktet tar for seg innlogging til systemet, samt forklarer alle elementer på startsiden i ThinkPage CMS 2. Steg 1 For å logge inn til administrasjonen gjør du følgende (se også Figur 1) 1. Gå inn på 2. Logg her inn med brukerinformasjonen du har fått av oss. Vanligvis er dette post@internettadressen.no, med tilhørende passord. Ordet internettadressen byttes ut med ditt eget adressenavn. 3. Trykk knappen Login og du er inne. Figur 1 3

4 Steg 2 Når du har logget inn med brukerinformasjonen, vil følgende bilde bli synlig. Den tar det automatisk med til sideoversikten, som lister opp alle opprettede undersider du har på hjemmesiden din. Alle ikoner som vises i midten, sammen med Endre, Vis og Slett er ganske selvforklarende. Likevel har vi et Hurtighjelp -vindu til høyre i bilde som beskriver disse funksjonene. Merk deg de rød tallene og sammenlign med tallforklaringene under bildet (Figur 2). Figur 2 1. Innhold. Knappen hvor du redigerer alle hjemmesidefunksjoner/moduler med innhold 2. Disse tekstene er underkategori av Innhold og har i dag valgene: Sideoversikt (som også er avbildet), Bildearkiv, Filarkiv og Skjemaer. 3. Administrasjon. Her administrerer du din firmainformasjon (som normalt vises i en egen boks ute på hjemmesiden), brukere og e-postadresser. 4. Statistikk. Viser svært avansert statistikk over hjemmesiden din. Eksempler er antall besøk, søkeord fra søkemotorer, besøk fra hvilke land, klokkeslett, datoer og lignende. 5. Webmail. Send og motta e-post fra ThinkPage Webmail. Vår egen online nettleser. 6. Viser informasjon om deres produktpakke, samt informasjon om den innloggede brukeren. 7. Logg ut. Logger ut sikkert fra systemet. 4

5 8. Oversikt. Innholdet i fanen viser oversikt over opprettede undersider på hjemmesiden din. 9. Ny side. Her oppretter du nye undersider i hjemmesiden din. 10. Hurtighjelp. Tegnforklaring for ikoner i sideoversikten (punkt 8). 11. Snarveier. Snarveier til viktige funksjoner. 5

6 ThinkPage CMS 2 Opprette ny underside Forord I ThinkPage CMS kan du opprette undersider via administrasjonspanelet. Dette går ut på å velge hva slags underside den skal være (for eksempel standard, artikkel, bildealbum, osv.), velge tittelen og hvor i menyen den skal ligge. Steg 1 Gå til sideoversikten. Klikk så på fanen øverst som sier Ny side. Dette tar deg til et nytt bilde slik Figur 1 viser. Følg nå informasjonen steg for steg for å opprette den nye undersiden. Figur 3 Se på de røde tallene på skjermbildet og les samtidig punktene under. 1. Du er nå på riktig side; Ny side. 2. I denne rullegardinmenyen skal du velge hva slags type underside (modul) det skal være. Som oftest velges det Standard,, ettersom dette er den mest brukte modulen. Standardsider inneholder normale ting som tekst, bilder og annen informasjon man gjerne vil ut med. Andre valg er Kontaktskjema, Nyhetsside og Album.. Vi utvikler med tiden flere nye moduler. 6

7 3. Nå som vi har valgt at siden vi oppretter skal være en normal standardside, må vi plotte inn navnet i dette feltet. I vårt tilfelle ønsker vi at siden skal hete Diverse informasjon. Skriv dette i feltet ved siden av tretallet. 4. I steg 4 må vi velge hvor i hierarkiet vi vil ha inn Diverse informasjon -siden siden vår. I vårt tilfelle ønsker vi å plassere denne siden UNDER undersiden Forside (som allerede er opprettet). Som du ser er det tomme felter under hver (allerede) opprettet underside. Ettersom vi skal ha den nye undersiden under Forside,, klikker vi dette tommefeltet. Teksten Diverse informasjon blir nå synlig i grønt på riktig/valgt plass. Se Figur 2. Nå har vi valgt hvor siden skal opprettes og kan avslutte hele prosessen ved og enten klikke Opprett eller Opprett og legg inn innhold. Ved å klikke Opprette bringer systemet deg tilbake til sideoversikten. Ved å opprette i tillegg til å legge inn innhold, vil du bli tatt med til redigeringssiden for undersiden Diverse informasjon og du kan redigere siden med en gang. Figur 4 7

8 ThinkPage CMS 2 første gang du skal laste opp bilder Forord Dersom er det er første gang du (din maskin) skal laste opp bilder, vil nettleseren kreve at du installerer et plugin-program. Denne programvaren er helt ufarlig og er nødvendig for at du skal kunne laste opp bilder og andre filer til hjemmesiden din. Om du allerede Notat: Bruker du en annen nettleser enn Internet Explorer, brukes Java i stedet for ActiveX. Kontakt oss for mer informasjon. Denne guiden tar for seg denne prosessen steg for steg. Steg 1 Klikk deg inn i Bildearkiv, og klikk på fanen Last opp bilder. Du vil få beskjed om du behøver programtillegget. Dette gjør den i form av at vinduet i Figur 1 dukker opp og en lysegul informasjonslinje kommer i toppen. Klikk OK i denne vindusruten og gå videre til Steg 2. Figur 5 8

9 Steg 2 Fortsett installasjonsprosessen ved å klikke på den lysegule le informasjonslinjen øverst. En ekstrameny viser seg. Her klikker vi Installer ActiveX-kontroll. Figur 6 Steg 3 Du ser nå følgende melding (Figur 3). Klikk Installer på denne. Figur 7 9

10 Steg 4 Bildet i Figur 4 kommer til syne. Ignorer denne meldingen og klikk Fortsett likevel, ikke STOPP installasjonen. Figur 8 Steg 5 Som Figur 5 illustrerer, er installasjonen nå fullført, og du kan starte opplastingen av bilder og filer. Figur 9 10

11 Brukerveiledning ThinkPage CMS 2 ThinkPage CMS 2 laste opp bilder Forord I dette punktet viser vi hvordan du laster opp bilder fra din maskin til bildearkivet i ThinkPage CMS. Disse bildene kan senere brukes i et bildegalleri eller eller individuelt settes inn på en side. Denne guiden forutsetter at bildeopplastingsprogrammet er riktig installert på maskinen din via nettleseren se forrige punkt Vi går gjennom steg for steg. Figur 10 Steg 1 Klikk deg inn på Bildearkiv.. Her får du en oversikt over bilder som er lastet opp i gjeldende mappe. Mappen Mine bilder er standard. Her ser vi bildene i mappen album2. Klikk fanen øverst til høyre, Last opp bilder. bilder Steg 2 Ettersom du allerede har installert bildeopplastingsprogrammet, blir dette kjørt automatisk slik det vises i Figur 2 under. 11

12 På følgende side velger vi bildene vi ønsker å laste opp. I vårt tilfelle vil vi gjerne presentere den svarte versjonen av stolen ved navn Jet. Bla deg derfor fram på harddisken og finn ditt bilde. Hvert enkelt bilde har et lite avkrysningssymbol øverst i venstre hjørne. Klikk på dette, da blir det markert. Vi har nå fortalt systemet at vi ønsker å laste opp dette bildet. Sørg for at riktig mappe står i rullegardinmenyen øverst. Ved siden av teksten Last opp til mappe: skal det, som tidligere nevnt, stå album2. Figur 11 Steg 3 12

13 Brukerveiledning ThinkPage CMS 2 Se Figur 3.. Mens bildet lastes opp vises denne opplastingsprosessen med en grønn strek og avsluttes med en melding om at opplastingen er ferdig. Klikk OK her. Avslutningsvis blir du automatisk tatt tilbake til bildearkivet. Figur 12 Bildett du nettopp lastet opp er nå klar til bruk og kan lastes opp til hjemmesiden din. Steg 4 Dette steget er valgfritt. Dette steget er for deg som vil angi bildetittel og bildebeskrivelse. Sørg for at du ser bildearkivet, som vist på Figur 4. Trykk på Vis liste liste øverst til høyre. Du vil nå se en listevisning av alle albumene dine. Figur 13 13

14 Steg 5 Dette steget er valgfritt. Du ser nå følgende bilde (Figur 5). Utfør stegene i kronologisk rekkefølge, etter tallene. Figur Albumene du har lagt til vises i linjer nedover. Finn album2,, som var albumet vi lastet opp den sorte stolen i. Klikk plusstegnet helt til venstre, hvor ettallet står på skjermbildet over. Alle bilder i den aktuelle mappen vises nå i det store hvite feltet. 2. Finn bildet du ønsker å endre tittel og beskrivelse på. Den enkleste måten å gjøre dette, er å holde muspilen over bildeikonet ved siden av filnavnet. Da kommer det momentant opp en forhåndsvisning av bildet. Finn vår sorte stol. 3. Klikk endre på linjen hvor du fant den sorte stolen. 14

15 Steg 6 Dette steget er valgfritt. Et bilde likt dette vises (Se figur 6). Figur Sørg for at du redigerer riktig bilde. I dette tilfelle den sorte stolen vår. 2. Skriv inn bildetittel. 3. Skriv inn bildebeskrivelse 4. Avslutt med å klikke Lagre PS: : Både bildetittel og bildebeskrivelse er valgfritt. 15

16 ThinkPage CMS 2 - legge ut bilder på en side Forord Her viser vi deg hvordan du legger bilder inn på sider. Merk: Alle bilder du vil ha på websiden, må først lastes opp i bildearkivet. Steg 1 Om du ikke allerede ser bildet Figur 1 viser, må du trykke Sideoversikt under Innhold i venstre meny. Nå vil alle opprettede undersider på hjemmesiden din vises. Klikk Endre på ønsket underside som vist i Figur 2 viser. I vårt tilfelle endrer/redigerer vi undersiden Jet stol. Figur 16 Figur 17 Steg 2 Nå er vi inne på redigeringssiden for undersiden Jet stol, som vi valgte i Steg 1. Dette vinduet lar oss legge inn enten tekst, bilder, linker og generelle multimediafiler. 16

17 I dette tilfellet ønsker vi å legge inn litt tekst i overskriften, samt legge inn et nytt, klikkbart, bilde. Figur 18 Først ønsker vi å legge e inn det nye bildet, begynn med å klikke på bildeikonet slik Figur 4 viser. Gå så til Steg 3. Figur 19 17

18 Steg 3 Når du har trykket på bildeikonet dukker følgende bilde (Figur 5) opp. Figur 20 De røde tallene du ser i skjermbildet representerer rekkefølgen vi går gjennom for å legge ut bildet på hjemmesiden: 1. Velg hvilket album det aktuelle bildet ligger i. I dette eksempelet skal vi legge ut en svart versjon av Jet-stolen. Dette bildet ligger i katalogen album2. 2. Alle bilder som ligger i den aktuelle mappen listes opp i vinduet. Klikk en gang på bildet og systemet forstår at det er dette bildet du vil legge ut. 3. Om ønskelig kan du velge bildeplassering. Dette bildet vil vi gjerne ha liggende til venstre på hjemmesiden. 4. Velg størrelse. Vi vil gjerne at bildet skal være 200 piksler stort. Når dette er gjort er alt klart og du kan klikke Sett inn, helt nederst til venstre. 18

19 Steg 4 Når bildet er satt inn ser det slik ut på hjemmesiden. Over bildet skriver en passende overskrift for å informere brukeren om den røde stolen også finnes i sort. Figur 21 Steg 5 Det eneste som gjenstår nå, er å lagre og oppdatere Jet stol -undersiden. Dette må gjøres for at den skal være synlige for alle ute på internett. Disse knappene er lokalisert øverst i bildet og ser ut som i Figur 7. Figur 22 Når du er ferdig, kommer du tilbake til sideoversikten ved å klikke Lukk. 19

20 ThinkPage CMS 2 Generelt om editor/redigeringsverktøyet Forord I denne guiden skal du lære hvordan man bruker en av de viktigste funksjonene i ThinkPage CMS 2, editoren. Om du er kjent med Microsoft Word eller e-postprogrammet Outlook har du et godt fundament i forhånd. Med dette redigeringsverktøyet administreres undersidene dine. Dette i form av å opprette linker, tabeller, tekst eller bilder. Tenk deg at du skriver et dokument i Word, klikker lagre og resultatet av lagringen blir vist ute på hjemmesiden din. Dette er enkelt! Eksempelet under (Figur 1 og Figur 2) ) viser hvordan dette fungerer i praksis. Bildet til venstre er hjemmesiden slik besøkende ser den. Det andre bildet er hvordan du, som webansvarlig, ser den. Endringer i editor til høyre, gir resultater til venstre. Figur 23 Figur 24 Selv om øvelse gjør mester, går vi gjennom noen av de viktigste funksjonene i editoren og beskriver knappene. Ikon Funksjon Gjør markert tekst fet Gjør markert tekst kursiv Gjør markert tekst understreket Venstre-, høyre- eller midtjusterer tekst Kopierer markert tekst til minnet Klipper ut markert tekst til minnet Limer inn kopiert eller markert tekst Oppretter tabell Lager link og løser opp link Limer inn tekst direkte fra Word Lager liste med prikker Lager liste med tall Setter inn et opplastet bilde 20

21 Setter inn spesialtegn du ikke kan på tastaturet Endrer farge på markert tekst Endrer tekstformatering Hvordan opprette link Opprette linker i ThinkPage CMS er veldig lett. Dette går ut på at først markerer teksten/objektet du vil at skal være linken og klikker på linkikonet, slik du ser i tabellen over. Vinduet (Figur3) dukker nå opp. I feltet Lenkens URL skriver du adressen du vil linke til. I feltet Vindu velger du om linken skal ta brukeren til siden i samme vindu eller om det skal dukke opp et nytt. Vi synes det er lurest å velge samme vindu om linken er intern, til din egen side. Om du skal linke til en ekstern side (for eksempel er ny side det beste valget. Klikk Sett inn når du er klar og linken er opprettet. Figur 25 I samme vinduet har du selvsagt muligheten å lage direkte link til opplastede filer eller bilder. 21

22 Lagring Når du er fornøyd med resultatet kan du lagre og oppdatere siden. Dette resulterer i at endringene blir synlige på selve hjemmesiden. Slik ser lagreknappene ut (lokalisert øverst til høyre): Lagre Lagrer endringene du har gjort uten å legge det ut på internett Oppdater Oppdaterer OG lagrer endringene. Den gjør altså det samme som Lagre, men gjør også slik at endringene blir synlige ute på internett. Vis Viser en forhåndsvisning av hjemmesiden Lukk Lukker editoren og tar deg tilbake til sideoversikten 22