CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Begynne med side:

Download "CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS"

Transkript

1 Animasjon med CSS Gløer Olav Langslet Sandvika VGS Leksjon 11 Informasjonsteknologi 1 og 2 Animasjon med css Vi har tidligere sett at vi kan programmere bevegelse ved å bruke JavaScript, enten ved å bruke canvas, eller ved å endre css-egenskaper på html-elementer. Adobe Edge Animate gjør det siste, de bruker JavaScript til å flytte rundt på en div-elementer, og de kan også endre andre css-egenskaper som størrelse og gjennomsiktighet. I denne leksjonen skal vi for en gangs skyld la JavaScriptingen vår få hvile, og se om vi kan lage noen spik bare ved hjelp av css. Og det beste av alt er at dette er relativt enkelt. Før du vet ordet av det har du sendt en ball i full fart rundt omkring i nettleseren din.

2 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi setter i gang En hyllest først Da jeg studerte informatikk ved universitetet i Oslo, hadde vi en gang en gjesteforeleser i faget Utvikling av interaktive nettsider. Foreleseren denne dagen het Håkon Wium Lie, mannen som i sin tid lagde CSS. En nordmann! Hele presentasjonen hans var laget i html og css, og det så helt ut som en PowerPointpresentasjon. Fra den dag har han vært min største internett-helt. opprinnelige posisjon: Vi varmer opp med transforms Vi kan endre et element ved såkalte transforms. De forskjellige typene er: 2 translate() rotate() scale() skew() matrix() Dette er egenskaper vi kan endre over tid når vi skal lage animasjoner, men vi skal først se på hvordan de fungerer. translate Translate flytter et element fra sin translate(200px, 100px) flytter elementet 200px til høyre og 100px nedover. -ms er for IE9, -webkit er for Chrome og Safari, -o er for Opera og moz er for Firefox. Etter hvert kan vi droppe disse prefiksene. Transform.html

3 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Transforms og animasjoner er en del av CSS3. rotate() roterer et element. scale(1, 0.5) vil gjøre elementet halvparten så høyt som det opprinnelig var. Vi antar at vi har en liten firkant som har klasse transform i alle eksemplene. Altså <div class= transform ></div> Her har vi rotert den 45 grader. tate.html Legg merke til at elementet vokser fra midten og utover. I siste versjon av Firefox går det fint an å skrive bare transform, som dette: scale() Med scale kan vi skalere elementer, eller med andre ord endre størrelse på dem. scale(3,1) vil gjøre elementet 3 ganger så bredt, men med samme høyde som før. scale(2,2) vil gjøre elemetet dobbelt så stort. 3

4 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 La oss lage en liten animasjon Det er nå det blir morsomt. Med litt css kan vi starte med å flytte på en liten firkant: Først sier vi hva slags type animasjon vi skal lage. Vi angir egenskaper for hva som skal skje helt i starten (0%), deretter hvilke egenskaper som skal gjelde for elementet når animasjonen er ferdig (100%). I dette tilfellet flytter vi et element 400px til høyre. Animasjoner skal kunne gjenbrukes. De er derfor ikke knyttet direkte til elementene, men vi knytter animasjonen til div-elementet med klasse firkant ved å angi moz-animation, og deretter angi hvor lang tid animasjonen skal bruke, hva slags easing, og til slutt hvor mange ganger det skal skje. Hvis vi skal sikre oss for alle nettlesere må vi (dessverre) skrive: Det enkleste er å lage en versjon ferdig først, og teste den i din nettleser. I eksemplene i resten av denne leksjonen kommer vi til å skrive og animation: Eksemplene som ligger ute på nettsidene vil ha støtte for alle nettlesere. Test denne 4

5 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Hvikle nettlesere støtter denne typen animasjoner? Det er kun Internet Explorer < IE10 som ikke støtter det av de kjente og mest brukte nettleserne. IE10 støtter animasjoner med den Vi lar firkanten vår gå i bane Vi kan også angi hva som skal skje etter en bestemt tid: Denne kan du se her: 5

6 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Rotasjon Vi kan enkelt få et element til å rotere. La oss med det samme løse eksamensoppgaven fra høsten Her skal en sirkel med 3 andre figurer rotere rundt, og den skal i tillegg stoppe opp når vi tar musa over den. Vi starter opp med å lage en div for den store sirkelen, og inne i den legger vi de 3 figurene. Vi forsøker å løse hele denne oppgaven kun med html og css. HTML Hele animasjonen skal altså være 600 x 600. Det oppnår vi ved å sette stage til 600x600. Den store sirkelen er en div med id= storsirkel, og inne i den ligger de 3 små figurene. La oss legge til litt CSS for å ordne utseendet på figuren vår. 6

7 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 CSS Dette er ganske greit. Utfordringen er å lage en trekant med CSS, men der har vi et triks på lur. stage skal være 600x600. Vi legger på en liten kantlinje (border). Vi må huske på at denne gjør hele boksen litt bredere og høyere. Dette må vi trekke fra for å få eksakt 600x600. Vi bruker position:relative sånn at elementer som ligger inne i stage forholder seg til stage og ikke hele nettleseren når vi plasserer dem med absolutt posisjonering. Vi lager den store sirkelen Sånn ser det ut i krympet versjon. 7

8 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi lager en liten firkant Vi bruker også her absolutt posisjonering. Da kan vi i tillegg flytte rundt på den i Dreamweavers design-modus, hvis vi synes det er praktisk. Vi kan nå gå i Design Mode i Dreamweaver og flytte på firkanten. Den vil da oppdatere CSSen vår. Vi ser dessverre ikke den store sirkel-diven som en sirkel. Tilbake i Code-view, ser vi nå den oppdaterete CSSen vår: 8

9 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 9

10 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi lager en ellipse Vi har tidligere laget en sirkel med css ved å bruke border-radius. Med border-radius kan vi også lage en ellipse. Følg med. Trikset er å lage border-radius først for bredden, deretter for høyden. Da får vi en perfekt ellipse. Vi separerer verdiene med et dele-tegn ( / ). Så kan vi plassere den i Design mode, eller vi kan prøve oss frem med forskjellige verdier. Da skal de se omtrent slik ut: Da mangler vi bare trekanten. Måten vi lager den på er kanskje det merkeligste i hele denne leksjonen. 10

11 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi lager en trekant Trikset med å lage en trekant med CSS består i å sette på en border på for eksempel en div. Sett bredde og høyde på diven til 0. Deretter angir vi border for 3 sider, og lar 2 av dem være gjennomsiktige. Dette fant jeg en artikkel om her: Vi prøver oss med denne: Deretter flytter vi den på plass i Design mode, og får omtrent dette: Da er hele figuren klar 11

12 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi snurrer i vei Trikset nå er å definere en animasjon med rotasjon: Deretter knytter vi rotasjonen til den store sirkelen: Og dermed begynner den å snurre rundt og rundt. Vi skal kunne ta musa over sirkelen for å stoppe den. Dette løser vi ved å legge inn en animation-play-state for animasjonen. Denne kan være enten play eller paused. Vi kan sette den til paused når vi tar musa over. Vi setter med det samme cursor til pointer. Så setter vi den på pause når vi tar musa over. 12

13 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Hva med de andre figurene? Hvis vi kan få dem til å rotere den andre veien, vil det se ut som om de står stille omtrent som i et pariserhjul. Da definerer vi første en animasjon som går mot klokka: Til slutt knytter vi denne animasjonen til alle de 3 figurene. Altså alle div-elementene som ligger inne i den store sirkelen: På samme måte kan vi skru av denne animasjonen når vi tar musa over den store: Og dermed er vi ferdige! Ferdig eksempel finner du her: 13

14 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Pacman som går rundt Jeg har alltid vært fascinert av Pacman. Denne lille gule røveren som suser rundt på et brett mens han lager rare lyder og spiser spøkelser. Det burde være en smal sak å lage en liten pacman som kan gå litt rundt i nettleseren vår. HTML for Pacman Vi lager et brett med en liten pacman inni. Pacman skal også ha en liten munn som åpner og lukker seg kontinuerlig. CSS for Pacman Først brettet: Deretter Pacman og munnen: Legg merke til at pacman bare er en gul runding. Munnen er en sort trekant. Den store planen går ut på å sette denne av og på. 14

15 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi prøver å bevege munnen hans Prinsippet her må være at vi skaper 2 tilstander. Én hvor munnen vises, og én hvor den ikke vises. Vi prøver oss med: Setter animasjonen på munnen. Det ser ok ut, men den fader på en måte inn og ut. Det er ikke meningen. La oss legge inn noen flere stopp: Det gjør susen. Nå er den fullt synlig frem til 49%. Fadingen mellom 49% og 50% er ikke synlig for det blotte øye. Da kan vi sende ham litt rundt omkring på banen. 15

16 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Vi sender pacman litt rund omkring Vi prøver oss med en animasjon som heter flyttmeg: Denne er ganske enkel. Men vi kunne ha lagt inn litt rotasjon for å få ham til å gå nedover og oppover og til venstre. Prøv det selv! Til slutt knytter vi animasjonen til Pacman: 16

17 Skjemaer med HTML5 Informasjonsteknologi 1 og 2 Animasjon basert på hendelser Vi har sett at vi kan sette i gang en animasjon ved å bruke hover i CSSen vår. Men hva hvis vi vil sette den i gang når en bruker svarer på et spørsmål, eller når noen klikker på en knapp. La oss vise dette med et lite eksempel. Her må vi inn med litt JavaScript. Vi gjør dette meget enkelt. Lager to knapper og et spørsmål. Hvis du svarer riktig skal vi vise at det er rett svar og omvendt: Gjør svar om til en runding: Lager 2 animasjoner, en som gjør den stor og grønn, og en som gjør den liten og rød: La oss lage to klasser som knytter seg til hver av animasjonene: 17

18 sdsd Skjemaer med HTML5 Informasjonsteknologi 1 og 2 En for riktig og en for gal Det vi må gjøre nå, er å sette class=riktig på rundingen hvis det blir trykket på riktig knapp. Da skulle det fungere sånn passelig. 18

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS DOM og praktiske eksempler Gløer Olav Langslet Sandvika VGS Høst 2013 Informasjonsteknologi 2 DOM Document Object Model Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller

Detaljer

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Keyboard og bevegelse Gløer Olav Langslet Sandvika VGS 12.09.2012 Informasjonsteknologi 2 funksjoner som blir aktivert av hendelser Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler

Detaljer

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS Grafikk med canvas Gløer Olav Langslet Sandvika VGS Høsten 2011 Informasjonsteknologi 2 Canvas Læreplansmål Eleven skal kunne bruke programmeringsspråk i multimedieapplikasjoner Med CSS3, HTML og JavaScript

Detaljer

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Skjemaer med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 10 Informasjonsteknologi 1 og 2 Skjemaer på nettsider I denne leksjonen skal vi se litt nærmere på bruk av skjemaer på nettsider. Du har sett

Detaljer

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS Offline lagring med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 8 Informasjonsteknologi 2 Offline lagring I IT1 brukte vi databaser til å lagre data. Der kunne vi bygge tabeller og fylle dem med innhold

Detaljer

notater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS

notater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS Mine notater Gløer Olav Langslet Sandvika VGS Et praktisk eksempel med objekter Vi kjenner alle til korktavlen med gule lapper. Vi henger opp en lapp for at vi selv eller andre skal huske eller bli minnet

Detaljer

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS Alt er objekter Gløer Olav Langslet Sandvika VGS Høst - 2012 Informasjonsteknologi 2 Alt er objekter Se for deg en bil. Den har noe som er felles for alle biler. Den har hjul, ratt, og en motor. Læreplansmål

Detaljer

CSS: Animasjon Nybegynner

CSS: Animasjon Nybegynner CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen

Detaljer

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em; Oblig 2: Oppgave 1 Hva og hvorfor Jeg har valgt å lage et nettsted basert på relative målenheter. Det vil si at jeg tar i bruk prosent og em istedenfor pixler. For eksempel: section { width: 50%; height:

Detaljer

datatyper Hva er programmering? Variabler og Informasjonsteknologi 2 Kompetansesemål

datatyper Hva er programmering? Variabler og Informasjonsteknologi 2 Kompetansesemål Variabler og datatyper Gløer Olav Langslet Sandvika VGS Høst 2012 Informasjonsteknologi 2 Hva er programmering? Når du skal bake en kake følger du gjerne en oppskrift. Først er det beskrevet hva kaken

Detaljer

Varde Hartmark-presentasjon Brukerveiledning

Varde Hartmark-presentasjon Brukerveiledning Varde Hartmark-presentasjon Brukerveiledning INNHOLD Slik starter du den nedlastede presentasjonen... 3 Bytte av kundelogo i presentasjonen... 4 Forutsetning... 4 Hvordan... 4 Bytte av PowerPoint-presentasjon...

Detaljer

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett.

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett. Hvor i All Verden? Del 1 Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. I denne første leksjonen vil vi se på hvordan

Detaljer

JavaScriptbibliotek. Introduksjon MVVC. Informasjonsteknologi 2. Gløer Olav Langslet Sandvika VGS

JavaScriptbibliotek. Introduksjon MVVC. Informasjonsteknologi 2. Gløer Olav Langslet Sandvika VGS MVVC JavaScriptbibliotek Gløer Olav Langslet Sandvika VGS Knockout.js Informasjonsteknologi 2 Introduksjon I dag skal vi se nærmere på et JavaScriptbibliotek som heter Knockout. Knockout og andre biblioteker,

Detaljer

www.slektshistorielaget.no og Java

www.slektshistorielaget.no og Java www.slektshistorielaget.no og Java Versjon 3, 6 september 2015 G. Thorud Her beskrives konfigurering av Java på Windows 7, 8.0 og 8.1 for å bruke databaser på www.slektshistorielaget.no Windows 10 Oppskriften

Detaljer

Snake Expert Scratch PDF

Snake Expert Scratch PDF Snake Expert Scratch PDF Introduksjon En eller annen variant av Snake har eksistert på nesten alle personlige datamaskiner helt siden slutten av 1970-tallet. Ekstra populært ble spillet da det dukket opp

Detaljer

Soloball. Steg 1: En roterende katt. Sjekkliste. Test prosjektet. Introduksjon. Vi begynner med å se på hvordan vi kan få kattefiguren til å rotere.

Soloball. Steg 1: En roterende katt. Sjekkliste. Test prosjektet. Introduksjon. Vi begynner med å se på hvordan vi kan få kattefiguren til å rotere. Soloball Introduksjon Scratch Introduksjon Vi skal nå lære hvordan vi kan lage et enkelt ballspill med Scratch. I soloball skal du styre katten som kontrollerer ballen, slik at ballen ikke går i nettet.

Detaljer

if-tester Funksjoner, løkker og iftester Løkker og Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

if-tester Funksjoner, løkker og iftester Løkker og Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Løkker og if-tester Gløer Olav Langslet Sandvika VGS 29.08.2011 Informasjonsteknologi 2 Funksjoner, løkker og iftester Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller

Detaljer

Hvor i All Verden? Del 2 Erfaren Scratch PDF

Hvor i All Verden? Del 2 Erfaren Scratch PDF Hvor i All Verden? Del 2 Erfaren Scratch PDF Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. Dette er den andre leksjonen

Detaljer

Bursdag i Antarktis Nybegynner Scratch PDF

Bursdag i Antarktis Nybegynner Scratch PDF Bursdag i Antarktis Nybegynner Scratch PDF Introduksjon Bursdag i Antarktis er en interaktiv animasjon som forteller historien om en liten katt som har gått seg bort på bursdagen sin. Heldigvis treffer

Detaljer

Google Chrome. Microsoft Edge. Mozilla Firefox. Internet Explorer. Opera. Safari

Google Chrome. Microsoft Edge. Mozilla Firefox. Internet Explorer. Opera. Safari Google Chrome Microsoft Edge Mozilla Firefox Internet Explorer Opera Safari Google Chrome Dersom nettbanken ikke vises eller fungerer som den skal, så hjelper det ofte å slette midlertidige filer i din

Detaljer

Kursdokumentasjon for Dreamweaver

Kursdokumentasjon for Dreamweaver Kursdokumentasjon for Dreamweaver Skrevet av 2/13 1 Komme i gang med Dreamweaver... 3 2 Bruk av Dreamweaver... 4 2.1 Verktøylinja...5 2.2 Properties... 5 3 Sidens egenskaper... 6 4 Tekst... 7 4.1 Endre

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

Start med å åpne programmet ved å trykke på ikonet GIMP 2 på skjermen eller under startmenyen.

Start med å åpne programmet ved å trykke på ikonet GIMP 2 på skjermen eller under startmenyen. 1 Tegne i GIMP Det er flere måter å tegne på i Gimp. Man kan bruke frihåndstegning, og man kan bruke utvalgsverktøy. Man kan også hente opp bilder som kan manipuleres med ulike verktøy. Åpne Gimp Start

Detaljer

Hvordan komme i gang på www.nakos.no?

Hvordan komme i gang på www.nakos.no? Hvordan komme i gang på www.nakos.no? De fleste kurs og ressurser krever at du er registrert bruker for å få tilgang til innholdet. Du skriver inn www.nakos.no i adressefeltet i nettleseren, eller søker

Detaljer

Hvordan oppdatere Java.

Hvordan oppdatere Java. Hvordan oppdatere Java. Trykk på din nettleser under for veiledning til å oppdatere Java: Internet Explorer Mozilla Firefox Google Chrome Safari (Mac) Internet Explorer Skriv inn www.java.com i adressefeltet

Detaljer

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett.

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett. Norgestur Introduksjon Bli med på en rundreise i Norge! Vi skal lage et spill hvor du styrer et helikopter rundt omkring et kart over Norge, mens du prøver å raskest mulig finne steder og byer du blir

Detaljer

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1 Brukerveiledning Kom i gang publiseringsverktøy versjon 2 - revidert 10.02.2010 AESTON Side 1 Velkommen som bruker av Kameleon Introduksjon Kameleon er et publiseringsverktøy (Content Management system

Detaljer

CASCADING STYLESHEETS (CSS)

CASCADING STYLESHEETS (CSS) CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende

Detaljer

Kom i gang med Learn To Mod

Kom i gang med Learn To Mod Kom i gang med Learn To Mod Introduksjon Learn To Mod Introduksjon I denne veiledningen skal du lage en konto på Learn To Mod (LTM) og koble den til din Minecraft-konto. Lage en LTM-konto Åpne nettleseren

Detaljer

Bildebehandling i GIMP

Bildebehandling i GIMP Bildebehandling i GIMP 9.1 Opprette et dokument & 9.2 Bildestørrelse For å opprette et nytt dokument velger du File > New (Fil > Ny...) Da vil følgende vindu dukke opp: Her er bildets oppløsning satt til

Detaljer

Administrering av SafariSøk

Administrering av SafariSøk Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...

Detaljer

Norgestur. Introduksjon. Steg 1: Et norgeskart. Sjekkliste. Scratch. Skrevet av: Geir Arne Hjelle

Norgestur. Introduksjon. Steg 1: Et norgeskart. Sjekkliste. Scratch. Skrevet av: Geir Arne Hjelle Scratch Norgestur Skrevet av: Geir Arne Hjelle Kurs: Scratch Språk: Norsk bokmål Introduksjon Bli med på en rundreise i Norge! Vi skal lage et spill hvor du styrer et helikopter rundt omkring et kart over

Detaljer

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke JS Bin

Detaljer

Hvordan komme i gang på www.nakos.no?

Hvordan komme i gang på www.nakos.no? Hvordan komme i gang på www.nakos.no? De fleste kurs og ressurser krever at du er registrert bruker for å få tilgang til innholdet. Du skriver inn www.nakos.no i adressefeltet i nettleseren, eller søker

Detaljer

Animasjon med GIMP. Kompendiet er utarbeidet av Kari Saasen Strand 2011. [Skriv inn tekst]

Animasjon med GIMP. Kompendiet er utarbeidet av Kari Saasen Strand 2011. [Skriv inn tekst] Animasjon med GIMP Kompendiet er utarbeidet av Kari Saasen Strand 2011 [Skriv inn tekst] Innhold Lage en animasjon hvor filmbildene byttes ut med hverandre... 3 Eksempel 1 viser animasjon av en ball som

Detaljer

HTML: Del inn nettsiden

HTML: Del inn nettsiden HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen

Detaljer

Straffespark Introduksjon Scratch Lærerveiledning

Straffespark Introduksjon Scratch Lærerveiledning Straffespark Introduksjon Scratch Lærerveiledning Introduksjon Vi skal lage et enkelt fotballspill, hvor du skal prøve å score på så mange straffespark som mulig. Steg 1: Katten og fotballbanen Vi begynner

Detaljer

Hvor i All Verden? Del 3 Erfaren Scratch PDF

Hvor i All Verden? Del 3 Erfaren Scratch PDF Hvor i All Verden? Del 3 Erfaren Scratch PDF Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. Dette er den siste av tre

Detaljer

Easy Games. Spillsamling COPYRIGHT 2004: LÄRAMERA & LERIPA

Easy Games. Spillsamling COPYRIGHT 2004: LÄRAMERA & LERIPA Easy Games Spillsamling COPYRIGHT 2004: LÄRAMERA & LERIPA Norsk versjon ved NorMedia, Pb. 24, 1451 Nesoddtangen. Tlf. 66915440, Fax 66912045. kontakt@normedia.no www.normedia.no 1 Innhold Easy Games 3

Detaljer

Kodetime for Nordstrand barneskole

Kodetime for Nordstrand barneskole Kodetime for Nordstrand barneskole av Veronika Heimsbakk og Lars Erik Realfsen 1 Hva er Processing? Processing er et programmeringsspråk som er gratis, og tilgjengelig for alle! Man kan programmere i Processing

Detaljer

Memoz brukerveiledning

Memoz brukerveiledning Memoz brukerveiledning http://memoz.hib.no Pålogging...1 Oversikt...2 Profilside...2 Inne i en memoz...3 Legg til ting...3 Tekstboks...3 Rediger og flytte på en boks...4 Bildeboks...5 Videoboks...7 HTML-boks...7

Detaljer

Brukerguide for www.altadykkerklubb.com

Brukerguide for www.altadykkerklubb.com Brukerguide for www.altadykkerklubb.com Utgitt første gang: 27/09-07 Sist oppdatert: 23/03-09 1 Innledning Dette er den nye siden til Alta Dykkerklubb! Den er blitt laget over et system som gjør det mulig

Detaljer

www.ir.hiof.no/~eb/viz.htm Side 1 av 12

www.ir.hiof.no/~eb/viz.htm Side 1 av 12 VIZhtm Side 1 av 12 Innhold Side MÅL 1 OPPGAVE / RESULTAT 1 BESKRIVELSE ØVING 6A 2 BESKRIVELSE ØVING 6B 9 BESKRIVELSE ØVING 6C 12 MÅL Når du har utført denne øvingen, skal du kunne: Benytte et kamera som

Detaljer

Løpende strekmann Erfaren Videregående Python PDF

Løpende strekmann Erfaren Videregående Python PDF Løpende strekmann Erfaren Videregående Python PDF Introduksjon I denne oppgaven skal du lage et spill der du styrer en strekmann som hopper over hindringer. Steg 1: Ny fil Begynn med å lage en fil som

Detaljer

Halloweenimasjon Introduksjon Scratch PDF

Halloweenimasjon Introduksjon Scratch PDF Halloweenimasjon Introduksjon Scratch PDF Introduksjon Vi vil her se på hvordan vi kan lage forskjellige animasjoner med et Halloween-tema. Disse kan vi enten dele med vennene våre gjennom Scratch, eller

Detaljer

Brukerveiledning WISEflow

Brukerveiledning WISEflow Brukerveiledning WISEflow Pålogging WISEflow s.2 Installasjon og test av Flowlock- browser s.4 Innlevering av oppgaver/hjemmeeksamen via WISEflow s. 6 Hvordan slette cookies? s. 9 1 Pålogging WISEflow

Detaljer

Bygge en pyramide. Steg 1: Lage en ny mod. Sjekkliste. Introduksjon

Bygge en pyramide. Steg 1: Lage en ny mod. Sjekkliste. Introduksjon Bygge en pyramide Introduksjon Learn To Mod Introduksjon La oss gjøre som Egypterne og bygge en pyramide! Denne oppgaven har ikke så detaljerte instruksjoner som "Bygge en kube", den passer fint som oppgave

Detaljer

Komme i gang. Skrift o Pass på størrelsen Den må være lesbar o Ikke alt for mye farger Bilder o De bør ha noe med presentasjonen å gjøre

Komme i gang. Skrift o Pass på størrelsen Den må være lesbar o Ikke alt for mye farger Bilder o De bør ha noe med presentasjonen å gjøre PowerPoint 3 1 2 1. Her vil alle lysbildene våre dukke opp. Hver gang vi legger til et nytt lysbilde, så vil vi få en ny firkant som representerer det lysbildet i denne listen. Dersom vi vil endre rekkefølge

Detaljer

Mesteparten av kodingen av Donkey Kong skal du gjøre selv. Underveis vil du lære hvordan du lager et enkelt plattform-spill i Scratch.

Mesteparten av kodingen av Donkey Kong skal du gjøre selv. Underveis vil du lære hvordan du lager et enkelt plattform-spill i Scratch. Donkey Kong Ekspert Scratch Introduksjon Donkey Kong var det første virkelig plattform-spillet da det ble gitt ut i 1981. I tillegg til Donkey Kong var det også her vi første gang ble kjent med Super Mario

Detaljer

Bruk av kildeavskrifter som er merket med grønn kule

Bruk av kildeavskrifter som er merket med grønn kule www.slektshistorielaget.no Bruk av kildeavskrifter som er merket med grønn kule Hvorfor er dette nyttig? De aller fleste av avskriftene som er markert med grønn kule er lagret i databaser på lagets hjemmeside

Detaljer

Brukerveiledning til. KS- Læring. Innlogging Registering av arbeidssted Lage snarvei

Brukerveiledning til. KS- Læring. Innlogging Registering av arbeidssted Lage snarvei Brukerveiledning til KS- Læring Innlogging Registering av arbeidssted Lage snarvei Innlogging i KS Læring Brukerveiledning Brukerveiledning KS-Læring 1 KS Læring er en lærings- og delingsarena for kommunene.

Detaljer

Lage en ny spillverden

Lage en ny spillverden Et spill er ikke like spennende om man bare kan gå rundt og snakke med folk. I denne utfordringen lærer du å legge til små hendelser, som her kan gjøre at man vinner og taper spillet. Du vil også lære

Detaljer

Tegneprogram Journeyman Scratch PDF

Tegneprogram Journeyman Scratch PDF Tegneprogram Journeyman Scratch PDF Introduksjon I dette prosjektet lager vi et tegneprogram slik at du etterpå kan lage din egen kunst. Du kan tegne med forskjellige farger, bruke viskelær, lage stempler

Detaljer

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.

I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. JS: Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke

Detaljer

CSS-formatering: stilark med kommentarer

CSS-formatering: stilark med kommentarer CSS-formatering: stilark med kommentarer /* Demonstrasjon av stilarkregler. Jeg har satt inn forslag til farger og fonter, men du setter inn dine egne valg selvfølgelig. */ /* Stilregler for html-taggen

Detaljer

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert 29.01.2014. Gevir IT Drift AS Webside: www.gevir.no.

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert 29.01.2014. Gevir IT Drift AS Webside: www.gevir.no. Brukerveiledning Kom i gang publiseringsverktøy versjon 7 - revidert 29.01.2014 Gevir IT Drift AS Webside: www.gevir.no Side 1 Velkommen som bruker av Kameleon Introduksjon Kameleon er et publiseringsverktøy

Detaljer

Vis filer fra banken Filoverføring forenklet

Vis filer fra banken Filoverføring forenklet Vis filer fra banken gir deg en oversikt over de filer som kan hentes fra banken. Dette forutsetter som regel at du tidligere har opprettet en filbestilling. Bestillingen opprettes via Bestill fil fra

Detaljer

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS står for Cascading Style Sheets CSS blir brukt til å bestemme hvordan HTML-elementene skal se ut (farge, størrelse,

Detaljer

OBLIG 2 WEBUTVIKLING

OBLIG 2 WEBUTVIKLING OBLIG 2 WEBUTVIKLING Oppgave 1 Design ved hjelp av skisser eller wireframes et nettsted med et "avansert" design. Lag spesifikke design for ulike skjermstørrelser og utskrift. Fokuser spesielt på å få

Detaljer

Bygge et hus. Steg 1: Vegger. Sjekkliste. Introduksjon

Bygge et hus. Steg 1: Vegger. Sjekkliste. Introduksjon Bygge et hus Erfaren Learn To Mod Introduksjon Du må ha et hus så du kan bo i stil! La oss kode en modd som bygger et hus med vegger og tak, flere etasjer, vinduer, dører og trapp mellom hver etasje. Steg

Detaljer

Hvordan bruker jeg Lærerens digitalbok?

Hvordan bruker jeg Lærerens digitalbok? Hvordan bruker jeg Lærerens digitalbok? Hvilke verktøy og tilleggsressurser finner du i Lærerens digitalbok? Her får du en kort oversikt over hvilke verktøy og tilleggsressurser som finnes, hva du kan

Detaljer

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd.

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd. Brukerveiledning for Postens Pensjonistforbunds webside for avdelinger Utgave 002 03.05.2017 Karl Gudmund Helland, avd. Sunnmøre Start en nettleser 2 Pålogging for å redigere avdelingens nettside 2 Skifte

Detaljer

www.ir.hiof.no/~eb/viz.htm Side 1 av 11

www.ir.hiof.no/~eb/viz.htm Side 1 av 11 www.ir.hiof.no/~eb/viz.htm Side 1 av 11 Innhold Side MÅL. 1 OPPGAVE / RESULTAT. 1 BESKRIVELSE ØVING 5A. 2 BESKRIVELSE ØVING 5B. 6 VIKTIGE KOMMANDOER 9 MÅL Når du har utført denne øvingen, skal du kunne:

Detaljer

Snurrige figurer. Steg 1: En snurrig figur. Sjekkliste. Introduksjon

Snurrige figurer. Steg 1: En snurrig figur. Sjekkliste. Introduksjon Snurrige figurer Nybegynner Scratch Introduksjon Det er ganske enkelt å lage interessante animasjoner i Scratch. Her skal vi se hvordan vi kan flytte og snurre på figurer for å skape spennende mønstre.

Detaljer

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

3. Introduksjon til prosjektet Hringr. Scratch fra scratch Enkel programmering for nybegynnere

3. Introduksjon til prosjektet Hringr. Scratch fra scratch Enkel programmering for nybegynnere 3. Introduksjon til prosjektet Hringr 29 Sammenlikninger hvis og hvis-ellers Vi mennesker bruker sammenlikninger hundrevis av ganger hver eneste dag. Når vi utfører oppgaver, når vi tenker og når vi jobber.

Detaljer

Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF

Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF Else Lervik, august 2010 (Av hensyn til JSF-delen av kurset anbefaler vi at du sørger for å ha NetBeans-versjon 6.9.) I den grad denne veiledningen

Detaljer

Hvordan installere Adobe Digital Editions?

Hvordan installere Adobe Digital Editions? Hvordan installere Adobe Digital Editions? Denne prosedyren forutsetter at du allerede har Adobe Flash Player installert på din maskin. Dersom du ikke har det, kan programmet lastes ned gratis fra Adobes

Detaljer

OBLIG 1 - WEBUTVIKLING

OBLIG 1 - WEBUTVIKLING OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For

Detaljer

Kanter, kanter, mange mangekanter

Kanter, kanter, mange mangekanter Kanter, kanter, mange mangekanter Nybegynner Processing PDF Introduksjon: Her skal vi se på litt mer avansert opptegning og bevegelse. Vi skal ta utgangspunkt i oppgaven om den sprettende ballen, men bytte

Detaljer

Inf109 Programmering for realister Uke 5. I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse.

Inf109 Programmering for realister Uke 5. I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse. Inf109 Programmering for realister Uke 5 I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse. Før du starter må du kopiere filen graphics.py fra http://www.ii.uib.no/~matthew/inf1092014

Detaljer

VEDLEGG 1 KRAVSPESIFIKASJON

VEDLEGG 1 KRAVSPESIFIKASJON VEDLEGG 1 KRAVSPESIFIKASJON INNHOLDSFORTEGNELSE Forord... 2 1 Systembeskrivelse... 2 2 Mål for systemet... 3 3 Funksjonelle krav... 4 4 Ikke-funksjonelle krav... 5 5 Use-case diagram... 6 6 Rammekrav...

Detaljer

Brukerveiledning digital eksamen via WISEflow

Brukerveiledning digital eksamen via WISEflow Brukerveiledning digital eksamen via WISEflow. For å kunne gjennomføre en skriftlig skoleeksamen i WISEflow, må du ha installert en egen browser i forkant. Du logger deg på via https://uia.wiseflow.dk.

Detaljer

Steg 2: La løvinnen og papegøyen bevege seg

Steg 2: La løvinnen og papegøyen bevege seg Ørkenløp Introduksjon Dette er et spill for to, der en papegøye og en løvinne kjemper om å komme først gjennom ørkenen. Hver spiller må trykke en tast så fort og ofte som mulig for å flytte figuren sin,

Detaljer

Bruksanvisning. for Roundcube webmail. Utseende: Larry. Versjon

Bruksanvisning. for Roundcube webmail. Utseende: Larry. Versjon Bruksanvisning for Roundcube webmail Utseende: Larry Versjon 05 11.09.2017 Start en nettleser 3 Pålogging til epost-systemet 3 Innstilling av utseende og norsk språk 3 Skifte av passord 4 Verktøy-linja

Detaljer

Når skjermen er ulåst, trykker du langt trykk (ca 2 sekunder) på skjermlåsknappen

Når skjermen er ulåst, trykker du langt trykk (ca 2 sekunder) på skjermlåsknappen Contents Slå av enheten... 2 Stopp tilbakemeldinger fra TalkBack midlertidig... 3 Ta imot eller avslutte en telefonsamtale... 3 Bli kjent med skjermtastaturet... 4 Redigere tekst... 9 Veksle mellom skjermtastatur

Detaljer

INF1040 Oppgavesett 4: CSS

INF1040 Oppgavesett 4: CSS INF1040 Oppgavesett 4: CSS (Kapittel 5) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der nøyaktig ett

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 Internettprogrammering Uke 44, høst 2007 MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige

Detaljer

Hvordan gjøre fjernhjelp til noen som ønsker hjelp med Hageselskapets portal? Av Ole Petter Vik, Asker Versjon 1.2-27.09.2012

Hvordan gjøre fjernhjelp til noen som ønsker hjelp med Hageselskapets portal? Av Ole Petter Vik, Asker Versjon 1.2-27.09.2012 Hvordan gjøre fjernhjelp til noen som ønsker hjelp med Hageselskapets portal? Av Ole Petter Vik, Asker Versjon 1.2-27.09.2012 Mange får spørsmål om å hjelpe noen med å bruke Hageselskapets portal. Enkle

Detaljer

Kart for regionalt miljøtilskudd. Brukerveiledning

Kart for regionalt miljøtilskudd. Brukerveiledning Kart for regionalt miljøtilskudd Brukerveiledning Når du søker regionalt miljøtilskudd elektronisk tegner du tiltakene dine i et elektronisk kart. Du slipper derfor papirvedlegg. Eiendommene du har registrert

Detaljer

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd.

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd. Brukerveiledning for Postens Pensjonistforbunds webside for avdelinger Utgave 004 08.05.2017 Karl Gudmund Helland, avd. Sunnmøre Start en nettleser 2 Pålogging for å redigere avdelingens nettside 2 Skifte

Detaljer

Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted

Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted 1 Åpne Internett explorer. Gå til http://www.tana.kommune.no/admin/ Det enkleste er å lage en snarvei til skrivebordet. Når du har kommet

Detaljer

IST Skole Fravær - Foresatt

IST Skole Fravær - Foresatt IST Skole Fravær - Foresatt Velkommen til en ny skole! IST tar nå steget fra kun å levere programvare til å forenkle og utvikle alle skolens funksjoner. Våre løsninger tar hånd om prosessene fra den dagen

Detaljer

Hvordan levere en video på en oppgave

Hvordan levere en video på en oppgave Hvordan levere en video på en oppgave Mediasite (MS) er HSN sin videoløsning og er integrert i Canvas. Du finner tjenesten i emnet under knappen «My Mediasite» - du kommer til MS kun via denne knappen,

Detaljer

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

Detaljer

1. Programmering: Hva og hvorfor? Scratch fra scratch Enkel programmering for nybegynnere

1. Programmering: Hva og hvorfor? Scratch fra scratch Enkel programmering for nybegynnere 1. Programmering: Hva og hvorfor? 1. Programmering: Hva og hvorfor? Du har nå valgt å lære deg å programmere. Gratulerer med et flott valg! Programmering er en allsidig og nyttig aktivitet, og det er et

Detaljer

Hvordan hente ut listen over et hagelags medlemmer fra Hageselskapets nye portal

Hvordan hente ut listen over et hagelags medlemmer fra Hageselskapets nye portal Hvordan hente ut listen over et hagelags medlemmer fra Hageselskapets nye portal Av Ole Petter Vik, Asker Versjon 2.3 20.03.2012 Beskrivelsene for hvert enkelt skritt er over hvert skjermbilde. Via Hageselskapets

Detaljer

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Når man tar pilen over fanene, dukker det opp utrolig mange tagger. Dvs alt er

Detaljer

YouTube. Amerikansk nettside Gratis Video og musikk Må registrere deg for å kunne dele egne videosnutter.

YouTube. Amerikansk nettside Gratis Video og musikk Må registrere deg for å kunne dele egne videosnutter. YouTube Amerikansk nettside Gratis Video og musikk Må registrere deg for å kunne dele egne videosnutter. Registrering Når du skal registrere deg på YouTube klikker du på Opprett konto (se bildet under).

Detaljer

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon Klask-en-Muldvarp Introduksjon App Inventor Introduksjon I denne oppgaven skal vi lage et veldig enkelt spill med litt animasjon. Det som skal skje er at en muldvarp hopper rundt på spillbrettet mens du

Detaljer

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1 Brukerveiledning nettsted Stjørdal kajakklubb Tilgang til siden... 1 Opprette bruker?... 1 Nyheter / artikler... 3 Lage artikkel... 3 Redigerer artikkel... 11 Slette artikkel... 12 Tilgang til siden Opprette

Detaljer

Bruksanvisning. for Roundcube webmail. Utseende: Larry

Bruksanvisning. for Roundcube webmail. Utseende: Larry Bruksanvisning for Roundcube webmail Utseende: Larry Start en nettleser 3 Pålogging til epost-systemet 3 Innstilling av utseende og norsk språk 3 Skifte av passord 4 Verktøy-linja 5 Mappene 6 Lage en mappe

Detaljer

Installasjon InfoMediaPlayer:

Installasjon InfoMediaPlayer: Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.

Detaljer

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd.

Brukerveiledning. for Postens Pensjonistforbunds webside. for avdelinger. Utgave Karl Gudmund Helland, avd. Brukerveiledning for Postens Pensjonistforbunds webside for avdelinger Utgave 005 27.10.2017 Karl Gudmund Helland, avd. Sunnmøre 1. Start en nettleser 2 2. Pålogging for å redigere avdelingens nettside

Detaljer

Til frihet. Jesus kom for å sette de undertrykte og de som er i fangenskap fri. Du kan også si at kom slik at vi kan oppleve frihet.

Til frihet. Jesus kom for å sette de undertrykte og de som er i fangenskap fri. Du kan også si at kom slik at vi kan oppleve frihet. Til frihet (Galaterne 5:1 NB) Til frihet har Kristus frigjort oss. Stå derfor fast, og la dere ikke igjen legge under trelldommens åk. Gal 5:1 Stå derfor fast i den frihet som Kristus har frigjort oss

Detaljer

IST Skole Vurdering - Foresatt

IST Skole Vurdering - Foresatt IST Skole Vurdering - Foresatt Velkommen til en ny skole! IST tar nå steget fra kun å levere programvare til å forenkle og utvikle alle skolens funksjoner. Våre løsninger tar hånd om prosessene fra den

Detaljer

Oppgave 1.1 Kjør rett fram Programmere roboten til å kjøre rett fram ved å bruke begge motorer. Deretter rygge tilbake.

Oppgave 1.1 Kjør rett fram Programmere roboten til å kjøre rett fram ved å bruke begge motorer. Deretter rygge tilbake. Lego Mindstorms EV3 Del 1 Generell programmering med blokker for å kjøre rett fram og svinge, samt bruk av løkker for å gjenta en bevegelse. Roboten skal være satt opp med standardoppsett. Oppgave 1.1

Detaljer

Bruksanvisning for Zotero (oppdatert 30/06/2017)

Bruksanvisning for Zotero (oppdatert 30/06/2017) Bruksanvisning for Zotero (oppdatert 30/06/2017) Zotero er et referansehåndteringsprogram som brukes til å samle, spare og organisere referanser bøker, bokkapittel, artikler, websider, etc. Du kan lage

Detaljer

Følgende «tommelfinger-regler» bør (må) følges:

Følgende «tommelfinger-regler» bør (må) følges: Notat Denne «oppskriften» er basert på erfaringer om hva som går bra når en benytter Word til å lage navigasjonsdiagrammer. Det finnes sikkert andre måter som også gir et brukbart resultat. Det er bare

Detaljer

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene.

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer