Eksempelrapport

Fortsetter fra denne

Trinn 7 - Sette inn bilder

Bilder kan man sette inn mange steder. Til venstre, i midten, til høyre. I teksten eller i bokser. I tillegg kan man sette inn bilder i gallerier eller galleristriper, med eller uten ramme. De kan settes inn i 2 forskjellige størrelser. Alle disse valgmulighetene gir muligheter for tilpasning, men det gjør også at det kan virke litt uoversiktelig for noen.
Her forklarer jeg kun kort hvordan de bildene jeg setter inn i denne eksempelrapporten settes inn.

Jeg vil sette inn et mellomstort bilde oppe til høyre i rapporten.

mortenh_eksempelrapport10.jpg
  • Jeg lager noen blanke linjer mellom box-elementet og den første overskriften i teksten. Med markøren stående der (oransje strek), klikker jeg på knappen for å sette inn bildet (oransje ring). Dette forutsetter at jeg har lastet opp bildet allerede.
mortenh_eksempelrapport11.jpg
  • Følgende vindu kommer da opp. Jeg klikker på bildet jeg ønsker å sette inn (oransje hake). Da kommer det et nytt vindu oppå derigjen. Der skriver jeg bildeteksten jeg ønsker å ha til bildet. Jeg velger plassering (venstre, midtstilt, høyre), i dette tilfellet høyrejustert.
  • Videre velger jeg størrelse på bildet og om det skal være med eller uten ramme. Jeg velger mellomstort med ramme.
  • Jeg avslutter med å trykke knappen "Sett inn wikikode".
mortenh_eksempelrapport12.jpg
  • Wikikoden er nå satt inn. Den består av to hakeparantes etterfulgt av image: (= bilde) og så filnavnet. Deretter en vertikalstrek som brukes til å skille parametre, etterfulgt av bildeteksten, ny vertikalstrek, og til slutt flere parametre som mellomstor, innrammet og høyrejustert. Disse paramterne trenger man ikke forstå om man kun bruker boksen til å sette inn koden, men noe som kan være kjekt er å ha hele bildelementet fra første hakeparantes til siste hakeparantes stående på en egen linje og ikke midt inne i øvrig tekst. Det har ingenting å si for layouten.
  • For å se resultatet, trykker jeg på forhåndsvis-knappen.
mortenh_eksempelrapport13.jpg
  • Og resultatet så langt ser slik ut :)
  • Jeg gjentar så prosessen et par ulike steder i rapporten.
  • Jeg går inn i den venstre justerte boksen jeg laget tidligere og setter inn en horisontal linje og overskriften Bilder: og et par bilder under der. Alltid med et nytt wikielement på en ny linje.

Trinn 8: Sette inn et galleri

Det er to måter å sette inn bilder på. Det er som mellomstore eller små bilder et hvilket som helst sted i teksten eller inne i bokser og andre elementer slik som vist i trinn 7, eller i gallerielementer. Det er to gallerielementer i peakbook: Enten <gallery> (sort knapp med G på) eller <imageslider> (sort knapp med S på). Førstnevnte gir en tabellarisk boks med småbilder hvor bildeteksten kun vises når man holder musa over, mens sistnevnte gir en horisontal bildestripe med inntil 3 linjer av bildeteksten vist under småbilde.
Disse kan settes inn hvor som helst i turrapporten. I denne eksempelrapporten vil jeg sette inn et galleri i bunn av teksten.

  • Jeg går inn i redigeringsvinduet for turrapporten og ruller meg ned til bunnen.
  • Her setter jeg først inn en ny overskrift: ==Flere bilder==
  • Deretter trykker jeg enter slik at markøren står på en ny linje under overskriften og trykker på den sorte knappen med G på.
1. Jeg lager en ny overskrift. 
2. Jeg trykker enter og med markøren på en ny fri linje trykker jeg på den sorte knappen med G på.
3. Resultatet ser slik ut.
4. Med markøren stående på en ledig linje mellom de to <gallery> </gallery> taggene trykker jeg på knappen med bilde og pil opp (for å laste opp og sette inn bilde i en og samme operasjon).
1. Jeg lager en ny overskrift. 2. Jeg trykker enter og med markøren på en ny fri linje trykker jeg på den sorte knappen med G på. 3. Resultatet ser slik ut. 4. Med markøren stående på en ledig linje mellom de to <gallery> </gallery> taggene trykker jeg på knappen med bilde og pil opp (for å laste opp og sette inn bilde i en og samme operasjon).

  • Jeg kommer så til opplastingsvinduet for bilder gått gjennom tidligere, og fyller ut det og gjennomfører opplastingen.
  • Når opplastingen av bildet er ferdig, kommer jeg direkte videre til et dialogvindu for å sette inn bildet i rapporten.
Som forklart tidligere, skriver jeg inn en bildetekst. Men i motsetning til tidligere trenger jeg ikke å vurdere plasseringen av bildet i forhold til tekst (venstre, midtstill eller høyre), det eneste jeg skal gjør når jeg vil ha bildet inn i et galleri eller en bildestripe er å velge alternativet: "Sett inn som gallerielement". Gjør jeg ikke det vil ikke bildet vises i galleriet eller bildestripa.
Som forklart tidligere, skriver jeg inn en bildetekst. Men i motsetning til tidligere trenger jeg ikke å vurdere plasseringen av bildet i forhold til tekst (venstre, midtstill eller høyre), det eneste jeg skal gjør når jeg vil ha bildet inn i et galleri eller en bildestripe er å velge alternativet: "Sett inn som gallerielement". Gjør jeg ikke det vil ikke bildet vises i galleriet eller bildestripa.

Slik ser det ut i rapporten når jeg har satt inn bildet. Hvis wikikoden er kryptisk, ikke tenk mer på det, men hvis den sier deg noe, ser du at syntaksen er litt annerledes enn for de bildene vi satte inn i teksten litt lenger oppe.
Slik ser det ut i rapporten når jeg har satt inn bildet. Hvis wikikoden er kryptisk, ikke tenk mer på det, men hvis den sier deg noe, ser du at syntaksen er litt annerledes enn for de bildene vi satte inn i teksten litt lenger oppe.

Jeg gjentar prosedyren flere ganger og påser at markøren står på en ledig linje hver gang jeg laster opp nytt bilde (og husker på å marker "Sett inn som gallerielement hver gang siden den står annerledes som standard). Markøren skal for øvrig automatisk bli satt på en ny linje etter innsetting av et gallerielementbilde.
Jeg gjentar prosedyren flere ganger og påser at markøren står på en ledig linje hver gang jeg laster opp nytt bilde (og husker på å marker "Sett inn som gallerielement hver gang siden den står annerledes som standard). Markøren skal for øvrig automatisk bli satt på en ny linje etter innsetting av et gallerielementbilde.

Slik ser den delen av rapporten hvor galleriet er satt inn.
Slik ser den delen av rapporten hvor galleriet er satt inn.

Se også disse sidene for mer info om galleri og bildestripe

Trinn 9: Sette inn kartelementer i venstreboks på toppen

  • Jeg går inn i redigeringsvinduet og helt øverst finner jeg venstreboksen <box class="column left"> som jeg laget tidligere.
Illustrasjon som viser trinnene jeg benytter.
Illustrasjon som viser trinnene jeg benytter.
  1. Med markøren under første element, turdeltakere, i venstreboksen, trykker jeg på knappen for å sette inn en horisontal linje.
  2. På linja under trykker jeg på knappen for fet skrift og skriver Kart:

Så langt så vel, disse to punktene er ganske enkle, nå kommer en noe mer abstrakt operasjon. Det første jeg vil sette inn er et lite kartbilde basert på autogenererte kart. På peakbook.org er det en egen wikikode for dette ift. norske kart levert av statkart. Den er ikke tilgjengelig via noen knapp, dvs. man må skrive koden inn direkte og den er som følger:
[[map:statkart:pbe:toppID|200px]]
Det eneste jeg selv må definere er toppID og størrelsen. Når jeg setter den inn i en smal venstreboks må den være maks 200px (200 piksler), men hvis jeg vil sette inn et slikt kart annetsteds i rapporten kan jeg velge at det skal være større. ToppID er databasenummeret til en topp sentralt i området der turen foregikk. I dette tilfelle gikk turen til Bukkehøe og Skardstinden, ganske nær hverandre, jeg velger toppnummeret til Skardstinden som er 14.
Koden blir derfor: [[map:statkart:pbe:14|200px]]

Hvordan finner jeg toppID? Se her

I tillegg ønsker jeg å sette inn et kart med påtegnet rute. Det er etter hvert to måter å gjøre det på. Enten ved å laste opp et gps spor i form av en GPX fil eller som jeg har gjort her ved å tegne ruta på en skjermdump av et kart og laste opp og sette inn som et vanlig bilde.

Sistnevnte kan gjøres på flere måter. F.eks. å ta en skjermdump (skjermdump tar man med alt+print scrn når det aktuelle nettleservinduet er aktivt) av kartet i peakbook.org eller hos andre karttjenester som gislink.no eller kart.statkart.no.
Deretter ta inn utsnittet i et bilderedigeringsprogram og tegne ruta på, beskjære og lagre utsnittet og så laste det opp som et bilde og sette det inn, i dette tilfelle i venstreboksen, men i utgangspunktet kan det settes inn hvor som helst.

Tips: Laster du opp et kartutsnitt, angi Statens Kartverk som opphavsmann og ikke deg selv.

Trinn 10: Fylle ut flere valg

Nederst til høyre er det en link som heter: Vis flere alternativer.

Linken rødet ut nede til høyre bytter ut nedre del av redigeringsboksen med flere alternativer.
Linken rødet ut nede til høyre bytter ut nedre del av redigeringsboksen med flere alternativer.

Klikker du på denne linken reduseres størrelsen på redigeringsboksen til fordel for flere valg. Hvis man fyller ut informasjon her vil noe av denne komme med i oppsummeringsboksen på toppen av turrapporten. Annen informasjon vil kunne danne grunnlaget for senere statistikk.

Dersom du ønsker større redigeringsvindu igjen, kan du enkelt klikke på linken: Skjul flere alternativer.

Skjermbilde av redigeringsvinduet med flere valg åpent.
Skjermbilde av redigeringsvinduet med flere valg åpent.

Jeg går ikke gjennom hver enkel post her, men nevner at opplasting av GPS-spor er i arbeid i september 2011 og kommer. Noen av informasjonspostene vises i faktaboksen på toppen av turrapporten om du fyller de ut, mens andre ikke gjør det foreløpig. F.es. høydeforskjell som mest er tenkt å inngå i statistikkgrunnlag for dem som fyller det ut.


Kommentarer

Tittel:
Tilgjengelige tegn: 1000
Kommentartekst: