Tilgjegelighet av XHTML-forms
|
|
- Lena Bjørnstad
- 8 år siden
- Visninger:
Transkript
1 [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 08/02-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Eksempel 1: For å lage en liten array (bare 5 innførsler) kan vi bruke følgende PHP-kode: $byer=array("oslo", "Bergen", "Trondheim", "Stavanger", "Kristiansand"); Vi får en sekvensiell array med noen innførsler, hvor hver innførsel automatisk får en indeks. Kan illustreres på følgende måte: Tilgjegelighet av XHTML-forms (+ Løkker, rep. og utvidelse) Tilbakeblikk Byggestein så langt: variabler betinget utføring løkker Med hjelp av disse indeksene kan vi gjennomgå arrayen systematisk. Vi bruker denne arrayen i noen eksempler. Eksempel 2: Skriv alle innførslene til nettleseren I tillegg: Idag: enkle arrayer innebygde funksjoner, slik som print() og count(). repetisjon av løkker og arrayer (med en liten utvidelse) om å lage bedre XHTML-forms Repetisjon: løkker og arrayer - norske byer En løkke: systematisk gjentagelse av en sekvens med instruksjoner Vi bruker løkker når vi skal håndtere grupper av objekter: studenter, databaseposter osv. Vi har sett på while-løkker (fortrinnsvis) og for-løkker. En array: en variabel som kan ha flere verdier til enhver tid. Arrayen kan ha mange innførsler. Hver innførsel kan ses på som en selvstendig variabel som kan ha en verdi. Hver av innførslene har en indeks (foreløpig et nummer). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN". $byer=array("oslo", "Bergen", "Trondheim", "Stavanger", "Kristiansand"); $antallbyer = count($byer); $i=0;//oppstart while( $i < $antallbyer ){ print("$i: $byer[$i]"); $i = $i + 1 ; //oppdatering 0: Oslo 2: Trondheim 3: Stavanger 4: Kristiansand
2 Eksempel 3: Skriv bare annenhver innførsel til nettleseren $byer=array("oslo", "Bergen", "Trondheim", "Stavanger", "Kristiansand"); $antallbyer = count($byer); $i=0;//oppstart while( $i < $antallbyer ){ print("$i: $byer[$i]"); $i = $i + 2 ; //oppdatering 0: Oslo 2: Trondheim 4: Kristiansand Eksempel 4: Skriv bare navnet på byen som har indeks 1 til nettleseren. Grupper av "ting" behandles ikke alltid 100% likt. If-tester i løkkens nyttekode kan stå for variert behandling Her kombinerer vi en if-test i en løkke. Hver gang løkkekoden kjøres, blir betingelsen (linje 7) sjekket. Setningen på linje 8 blir bare kjørt når betingelsen stemmer $byer=array("oslo", "Bergen", "Trondheim", 3. "Stavanger", "Kristiansand"); 4. $antallbyer = count($byer); 5. $i=0;//oppstart 6. while( $i < $antallbyer ){ 7. if($i == 1){ 8. print("$i: $byer[$i]"); print("$i"); 11. $i = $i + 1; //oppdatering Legg merke til at bynavnet skrives ut bare én gang, fordi betingelsen stemmer bare en gang indeksen skrives ut hver gang Eksempel 5: En liten rettelse til det foregående eksemplet $byer=array("oslo", "Bergen", "Trondheim", 3. "Stavanger", "Kristiansand"); 4. $antallbyer = count($byer); 5. $i=0;//oppstart 6. while( $i < $antallbyer ){ 7. if($i == 1){ 8. print("$i: $byer[$i]"); else{ 11. print("$i"); $i = $i + 1; //oppdatering Eksempel 6: Skriv bare navnet til de tre første byene til nettleseren. Også her kombinerer vi en if-test i en løkke. Hver omgang løkken kjøres, blir betingelsen (linje 7) sjekket. Setningen på linje 8 blir bare kjørt de gangene betingelsen stemmer $byer=array("oslo", "Bergen", "Trondheim", 3. "Stavanger", "Kristiansand"); 4. $antallbyer = count($byer); 5. $i=0;//oppstart 6. while( $i < $antallbyer ){ 7. if($i < 3){ 8. print("$i: $byer[$i]"); 9. else{ 10. print("$i"); $i = $i + 1; //oppdatering : Oslo 2: Trondheim 3 4 indeksen 1 skrives (separat) rett at etter bynavnet skrives ut
3 Assosiative Arrayer Assosiative arrayer indekserer sine innførsler med tekststrenger Så langt har vi sett på, og arbeidet med sekvensielle arrayer (med tallindeks). Innførslene i de assosiative arrayene har tekststreng-indeks. Eksempel 7: fødselsdager Vi ønsker å holde orden på fødselsdagsdatoene til noen av våre venner Med en assosiativ array kan vi gjøre det på følgende måte: //Oppretter arrayen $fodselsdager["niels"] = "11. desember"; $fodselsdager["jens"] = "12. juni"; $fodslesdager["mari"] = "21. oktober"; Assosiative arrayer holder mer informasjon enn de tall-indekserte Arrayen i eksemplet ovenfor gir oss mulighet til å ha to typer informasjon i arrayen samtidig: vennens navn Å legge en innførsel i en assosiativ array kan gjøres som følger: $fodselsdager["niels"]="11.desember"; vennens fødselsdag Dette fordi indeksen er assosiativ (henger sammen med innholdet). De "gamle" sekvensielle arrayene lagrer bare én type informasjon. Der angir indeksen bare rekkefølgen. Hvordan kunne vi brukt våre gamle arrayer til å holde orden på fødselsdagsinformasjonen? ett mulig svar (klikk) (Se også Horgens hjemmeside for en liten videosnutt) Assosiative arrayer brukes mye i forbindelse med databaser!
4 En kommentar ang. fnutter / hermetegn I PHP kan vi i mange tilfeller bruke fnutter og anførselstegn om hverandre når vi avgrenser tekststrenger Samme tegn må dog stå på begge sider av samme streng. "Niels' går ikke. Et unntak er variabeltolking. Strenger avgrenset av anførselstegn tolker variabler $navn = "Michael"; print ("Mitt navn er $navn"); gir Mitt navn er Michael Strenger avgrenset av fnutter tolker ikke variabler $navn = "Michael"; print ('Mitt navn er $navn'); gir Forms, brukervennlighet og tilgjengelighet Våre forms bør være brukervennlige, innbydende og lette å bruke Forms-standarden har hjelpemidler som bidrar til å gjøre våre former mer innbydende og mer forståelige. Dette går på enkeltelementene, presentasjonen og bruken av dem hele formens struktur Våre forms bør designes slik at de også er tilgjengelige for funksjonshemmede Dette har flere aspekter, bl.a: Formene bør bli lett å bruke for folk som har svekket syn, og allikevel bruker skjermen, tastaturet og musen. Formene bør bli lettere å tolke, slik at skjermlesere, som tilrettelegger formen for blinde, lett kan tolke dem og presentere dem riktig. Dette støttes av at vi unngår bruk av HTML-tabeller forms-utlegg holder oss til noen enkle regler når vi utformer forms. Vi ser på bruken av <fieldset> og <label>, samt noen enkle regler. Vi ser også på kontroll av utlegg og utseende med hjelp av CSS. Mitt navn er $navn $_GET er også en assosiativ array. Verdier fra elementnavn i forms fyller den assosiative array $_GET. Det betyr at stort sett kan, også her, fnutter og anførselstegn brukes om hverandre. Dette har egentlig ikke store konsekvenser, men kan være greit å vite.
5 Bruk av Label-elementet Label: En formell tilknytting mellom et merketekst og et input-element Label-elementet, <label>, er en formell måte å knytte sammen en merketekst og et input-element. Eksempel 9: Tekstelementet med navnet "fornavn" og id'en id_fornavn koblet til et labelelement Fornavn? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN". <form action= "respons_tekst.php"> <label for="id_fornavn"> Fornavn? </label> <input type="text" name= "fornavn" id="id_fornavn" /> <input type="submit" /> <input type="reset" /> </form> Med label-taggen er teksten "Fornavn?" formelt koblet til input-elementet med id=id_fornavn. for-attributtet kobler label-elementet til input-elementet gjennom inputelementets id-nummer. Label-elementet gir oss mer brukervennlige form-elementer Vi kan, for eksempel, klikke teksten "Fornavn?" for å plassere markøren i elementets tekstfeltet. Eksempel 10: Radioknapper og label-elementer Student? ja nei <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN". <form action= "respons_radio.php"> Student? <input type="radio" id="id_es_ja" name="erstudent" value= "ja" /> <label for="id_es_ja"> ja </label> <input type="radio" id="id_es_nei" name="erstudent" value="nei" /> <label for="id_es_nei"> nei </label> <input type="submit"/> </form> Fordelene er enda mer markante med radioknapper. Legg merke til at vi kan klikke tekstene ja og nei for å velge riktig radioknapp. Vi slipper å "treffe" punktet. Bruk av Fieldsets for synliggjøring av struktur Med <fieldset> kan vi dele våre forms inn i meningsfylte avsnitt. Så langt har vi delt våre forms med hjelp av, på en litt tilfeldig måte. Vi kunne også ha brukt <div>, omtrent på samme måte. Det betyr at tekstelementer, radioknapper, avkryssingsbokser osv. ble skrevet inn i hver sine avsnitt. Dermed blir Formene "flate", og strukturen vanskelig å tyde. Noen bruker tabeller, slik at man får en layout-messig fleksibilitet. Dette kan bli unødvendig komplisert, og bør unngås, særlig i enkle tilfeller. fieldsets gir oss en lettvint mulighet til å strukturere våre forms både logisk og visuelt. Enhver fieldset kan ha et legend-element, som brukes til å gi den en overskrift.
6 Eksempel 11: En XHTML-forms delt med fieldsets Personalia Fornavn? Akademisk status Er du student? Ja Nei Handling!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN". <form action= "respons_stor.php"> <fieldset> <legend> Personalia </legend> <label for="fn">fornavn?</label> <input type="text" id="fn" name="fornavn"/> </fieldset> <fieldset> <legend>akademisk status </legend> Er du student? <input type="radio" name= "erstudent" value="ja" id="es_ja"/> <label for="es_ja"> ja</label> <input type="radio" name= "erstudent" value="nei" id="es_nei"/> <label for="es_nei">nei</label>i </fieldset> <fieldset> <legend>handling!!!</legend> <input type="submit" name="submit2" /> <input type="reset" name="reset2" /> </fieldset> </form> Vi kontrollerer utseendet på <fieldsets> med hjelp av stilark. Følgende stildefinisjon ble brukt på formen ovenfor fieldset{ border:solid; border-color:#000000; border-width:thin; legend{ font-size:1.2em; font-weight:bold; margin-left:auto; margin-right:auto; Utlegg av forms og tekster Ha riktig rekkefølge på tekster og elementer Tekst-input og nedtrekksmenyer: Ha teksten foran input-elementet, enten på samme linje eller linjen foran. Radioknapp og avkrysningsboks: Ha teksten etter selve boksen (gjerne på samme linje) Tabeller bør brukes med forsiktighet Tabeller brukes ofte for å dele opp skjermen og plassere forms-elementer på ønsket sted. Tabeller kan dermed hjelpe med å få en fin, og i og for seg leselig utforming, men kan skape tilgjengelighetsproblemer. Dersom man allikevel bruker en tabell, bør man holde hvert element og sine tekster (for eksempel labels) samlet i samme celle. Slikt unngår man at en skjermleser feilassosierer tekster med element og vise versa. PHP-funksjoner Vi har allerede sett og brukt noen funksjoner i PHP (uten å snakke høyt om det). Eks: print, count. Funksjoner tar ofte argumenter: Ressurser print ("Jeg liker å programmere"): argumentet "Jeg liker å programmere" (en tekststreng) er det som funksjonen print skal printe til nettleservinduet count ($byer) : argumentet $byer (en array), er det som funksjonen count skal telle innførslene i. Finnes mange mange mange mange andre ( Mer om forms og brukervennlighet i følgende ressurser: Sauers, Michael P. (2006): XHTML and CSS Essentials for Library Web Design - Neal Schuman Publishers Inc s. - ISBN: (se spesielt kapittel 8) Tilgjengelig innhold Norges Blindeforbund. - URL: /internett/tilgjengelighet/internett/internett-for-utviklere/tilgjengelig-innhold/ [lesedato ] (Se spesielt under "Skjemaer") Sist oppdatert 08/02-14 av Michael Preminger, michael.preminger@jbi.hio.no
Utvikling av dynamiske nettsteder med PHP og databaser, våren 2009
[Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, våren 2009 Michael Preminger (michaelp@hio.no) 30/01-09 Eksempel 1: For å lage en liten array (bare 5 innførsler) kan vi
DetaljerEn enkel while-løkke. 1 of 12 15.09.2015 15:28. 2 of 12 15.09.2015 15:28. while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt
while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 15/09-15 En liten repetisjon Løkker Arrayer (tabeller) Løkker
Detaljerwhile-økker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Eksempel 1: en enkel while-løkke
[Kurssidene] [ ABI - fagsider bibin ] Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 while-økker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Michael Preminger
Detaljerwhile-løkker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Eksempel 1: en enkel while-løkke
while-løkker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 01/09-17 En liten repetisjon Løkker Arrayer
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Vi kommer for det meste til å bruke while-løkker, men for-løkker anses viktige å kjenne til Michael
DetaljerIntroduksjon til beslutningsstrukturer
[Kurssidene] [ ABI - fagsider bibin ] Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Introduksjon til beslutningsstrukturer Michael Preminger (michaelp@hio.no) 24/01-14 Repitisjon fra
Detaljer[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 07/09-15. Vi holder orden på verdier med hjelp av variabler
[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 07/09-15 Vi holder orden på verdier med hjelp av variabler Vi lagrer verdier i variabler. Variabelnavn uttrykker verdienes rolle
Detaljer$antall_maaneder =12; Variablene $pris og $antall_maaneder i eksemplet ovenfor har
Et program som legger sammen to brukergitte tall må hente det ene hente det andre legge tallene sammen [Kurssidene] [ ABI - fagsider bibin ] presentere resultatet. Mellom operasjonene må data tas vare
DetaljerWebprogrammering høsten 2017
for-løkker - innføring og eksempel Webprogrammering høsten 2017 for-løkker gjentar instruksjonene et gitt antall ganger. for-løkkens oppbygging: [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon til kontrollstrukturer Michael Preminger (michaelp@hio.no) 07/09-06 I denne forelesningen
DetaljerNår en bruker skriver sitt navn ("Ole") i et form-element med name="fornavn" som attributt. klikker på submit-knappen
Når en bruker skriver sitt navn ("Ole") i et form-element med name="fornavn" som attributt klikker på submit-knappen [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 09/09-16...
Detaljer<?php. count tar en array som argument, og returnerer et tall som uttrykker antallet innførsler i arrayen.
Hver gang funksjonen printhallo kalles utføres instruksjonene spesifisert i den. [Kurssidene] [ ABI - fagsider bibin ] Webprogrammering høsten 2015 //funksjonskall printhallo(); //enda en gang printhallo();
DetaljerVerdier, variabler og forms
[Kurssidene] [ ABI - fagsider bibin ] Verdier, variabler og forms Michael Preminger (michaelp@hio.no) 16/01-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Litt om forrige times øvelsesoppgaver
Detaljer$i < 5 forsettelsesbetingelsen - false => Løkken slutter.
for-løkker gjentar instruksjonene et gitt antall ganger. for-løkkens oppbygging: [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 17/09-18 Byggestein så langt: variabler, betinget
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Et program som er installert på en tjenermaskin, og som tillater eksterne programmer å utføre spørringer
Detaljer}?> <!DOCTYPE... <html xmlns="http://www.w3.org/1999/xhtml"> <head>... </head> <body> <p>nå skal vi printe hallo:</p> <?php //funksjonskall
Hver gang funksjonen printhallo kalles utføres instruksjonene spesifisert i den. [Kurssidene] [ ABI - fagsider bibin ] //funksjonskall printhallo(); //enda en gang printhallo(); Michael Preminger (michaelp@hio.no)
DetaljerEt forsøk på definisjon. Eksempel 1
[Kurssidene] [ ABI - fagsider bibin ] Introduksjon Michael Preminger (michael.preminger@hioa.no) 13/12-13 I denne forelesningen: Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Motivasjon:
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Verdier, variabler og forms Michael Preminger (michaelp@hio.no) 30/08-06 Et program kan ha mange variabler, og alle trenger
DetaljerAritmetiske operasjoner. Litt om forrige times øvelsesoppgaver
Aritmetiske operasjoner Numeriske variabler (som har en tallverdi) kan brukes i aritmetiske operasjoner Variablene $pris, $maaneder og $gebyr ovenfor er numeriske. [Kurssidene] [ ABI - fagsider bibin ]
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 21/08-16 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
DetaljerEt forsøk på definisjon. Eksempel 1
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michael.preminger@hioa.no) 19/08-15 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon Michael Preminger (michaelp@hio.no) 23/08-06 I denne forelesningen: Motivasjon: Hvorfor vi lærer å programmere
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 18/08-17 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
Detaljerpraktiske 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</html> </head> <form action= rtkst.php > <p> Fornavn? <input type= text name= fornavn <input type= submit />
2.3. Variabler og forms Eksempel 2.K: Et tekstelementet gir verdi til en PHP-variabel. Nedenfor: form-sidens kode med nettleserbilde. Motstående side: målprogramet med nettleserbilde av kjøringen (URLen
Detaljerif-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
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 PHP og databaser IV Eksempel 1: koden for nedtrekksmenyen (kopi av eksempel 3 fra uke 43) Michael
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 11. mai 2004 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LV197D Webprogrammering med PHP FU Studiepoeng:
DetaljerRepetisjon Novice Videregående Python PDF
Repetisjon Novice Videregående Python PDF Introduksjon I denne oppgaven skal vi repetere litt Python-syntaks. Hele dette kurset er for de som har programmert Python før. Dersom ikke har mye erfaring med
Detaljer1.2 Dynamiske, tjenerbaserte og interaktive nettsteder
Kapittel 1 Innledning og motivasjon 1.1 Innledning Mye av dagens virksomhet på WWW, alt fra nettbanker til bibliotekkataloger, er dynamisk, interaktiv og databasestyrt. Alle som leser denne boken har brukt
DetaljerArgumenter fra kommandolinjen
Argumenter fra kommandolinjen Denne veiledningen er laget for å vise hvordan man kan overføre argumenter fra kommandolinjen til et program. Hvordan transportere data fra en kommandolinje slik at dataene
DetaljerTDT4110 IT Grunnkurs Høst 2014
TDT4110 IT Grunnkurs Høst 2014 Norges teknisk naturvitenskapelige universitet Institutt for datateknikk og informasjonsvitenskap Auditorieøving 1 Navn: Linje: Brukernavn (blokkbokstaver): Oppgavesettet
DetaljerMattespill Nybegynner Python PDF
Mattespill Nybegynner Python PDF Introduksjon I denne leksjonen vil vi se litt nærmere på hvordan Python jobber med tall, og vi vil lage et enkelt mattespill. Vi vil også se hvordan vi kan gjøre ting tilfeldige.
DetaljerInnføring i bruk av CGI4VB
Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen
DetaljerKlasser. Webprogrammering høsten 2015. Objekter. Eksempelklasser og -objekter. 2 of 11 14.10.2015 07:56. 1 of 11 14.10.2015 07:56
[Kurssidene] [ ABI - fagsider bibin ] Objekter Webprogrammering høsten 2015 Et objekt er en "ting" som representeres i et program. Representasjonen tar for seg attributter og oppførsel Attributter (egenskaper)
DetaljerJS: Grunnleggende JavaScript Nybegynner
JS: Grunnleggende JavaScript Nybegynner Web Introduksjon I denne oppgaven skal du lære helt enkle og grunnleggende elementer av JavaScript. Du vil lære om variabler, if-setninger, funksjoner og løkker.
DetaljerPython: Løkker. TDT4110 IT Grunnkurs Professor Guttorm Sindre
Python: Løkker TDT4110 IT Grunnkurs Professor Guttorm Sindre Denne uka Vi trenger å Støttes av Hente data fra bruker Vise data til bruker Lagre data i minnet for bruk videre i programmet Fra tastatur:
DetaljerINF1000 EKSTRATILBUD. Stoff fra uke 1-5 (6) 3. oktober 2012 Siri Moe Jensen
INF1000 EKSTRATILBUD Stoff fra uke 1-5 (6) 3. oktober 2012 Siri Moe Jensen PLAN FOR DAGEN gjennomgå stoff fra uke 1-5(6), men med en litt annen tilnærming kun gjennomgått stoff, men vekt på konsepter og
DetaljerEn liten rekap. Spørrespråk. I dag SELECT
[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 06/11-15 Databaser høsten 2015 En liten rekap ER-diagram - vi modellerer dataene våre til danne best mulig grunnlag for informasjonen
DetaljerHTML5. 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
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Kandidatnr: Eksamensdato: 17.desember 2001 Varighet: 0900-1300 Fagnummer: LV192D Fagnavn: Web-programmering med ASP Klasser: 1hsf Vekttall:
DetaljerSELECT DISTINCT Fornavn, Etternavn, Programtittel FROM Program P, Medvirkende M, Deltagelse D. SELECT Tilgjengelighet FROM Program
[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 10/11-15 DISTINCT Pregnante navn på kolonner Boolske operatorer: OR, NOT Beregningsfunksjoner og Gruppering NULL-verdier Maria
DetaljerCommunicate SymWriter: R5. Brett og knapper
Communicate SymWriter: R5. Brett og knapper Innhold R5.1 Hva er et brett - en oversikt...2 R5.2 Lage et brett....................................................2 R5.3 Endre utseendet på et brett....6
DetaljerSprettball Erfaren ComputerCraft PDF
Sprettball Erfaren ComputerCraft PDF Introduksjon Nå skal vi lære hvordan vi kan koble en skjerm til datamaskinen. Med en ekstra skjerm kan vi bruke datamaskinen til å kommunisere med verden rundt oss.
DetaljerWebformularer, PHP og databaser
PHP-arkitektur Webformularer, PHP og databaser Jfr Fra kjernen og ut, fra skallet og inn Appendix B WWWklient Netscape, Internet Explorer, Opera Dynamisk web-side bygges opp på grunnlag av spørring mot
Detaljernotater 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
DetaljerOBLIG 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å
Detaljer13.09.2012 LITT OM OPPLEGGET. INF1000 EKSTRATILBUD Stoff fra uke 1-3 12. September 2012 Siri Moe Jensen EKSEMPLER
.9.22 LITT OM OPPLEGGET INF EKSTRATILBUD Stoff fra uke - 2. September 22 Siri Moe Jensen Målgruppe: De som mangler forståelse for konseptene gjennomgått så langt. Trening får du ved å jobbe med oppgaver,
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 18. mai 2006 Varighet: 3 timer (09:00 12:00) Fagnummer: Fagnavn: Klasse(r): LV197D Webprogrammering med
DetaljerOppbygging av innhold på responsive nettsider.
Oppbygging av innhold på responsive nettsider. HTML og CSS er koder som forteller nettleseren hvordan strukturen og utseende på en nettside skal vises på skjermen din. Selv om du ikke ser kildekoden når
DetaljerHØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 12. desember 2002 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LO116D Programmering i Visual Basic FU
DetaljerDIAGNOSERAPPORT. for. Dato:05.12.2012 Utført av: Jon P Hellesvik
DIAGNOSERAPPORT for Dato:05.12.2012 Utført av: Jon P Hellesvik Generell synlighet (pagerank) En god start er å sjekke den generelle synligheten på siden. Dette er en test som rangerer med utgangspunkt
DetaljerKursdokumentasjon 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
DetaljerInnføring i bruk av CGI4VB
Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen
DetaljerKapittel 1. Innledning og motivasjon. 1.1 Innledning. 1.2 Dynamiske, tjenerbaserte og interaktive nettsteder. 1.2.1 Dynamiske nettsider
1.2. Dynamiske, tjenerbaserte og interaktive nettsteer Kapittel 1 Innlening og motivasjon 1.1 Innlening Mye av agens virksomhet på WWW, alt fra nettbanker til bibliotekkataloger, er ynamisk, interaktiv
DetaljerOppsummering - Til nå... (1/ )
Oppsummering - Til nå... (1/10-2015) Grunnleggende HTML... 1 Basic JavaScript... 1 Variabler:... 2 Operatorer:... 3 Klikkhendelser... 4 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...
DetaljerInnhold uke 4. INF 1000 høsten 2011 Uke 4: 13. september. Deklarasjon av peker og opprettelse av arrayobjektet. Representasjon av array i Java
INF høsten 2 Uke 4: 3. september Grunnkurs i Objektorientert Programmering Institutt for Informatikk Universitetet i Oslo Siri Moe Jensen og Arne Maus Mål for uke 4: Innhold uke 4 Repetisjon m/ utvidelser:
DetaljerSnake 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
DetaljerOblig 5 Webutvikling. Av Thomas Gitlevaag
Oblig 5 Webutvikling Av Thomas Gitlevaag For oppgave 1 og 2 skal dere levere en funksjonell webside på deres hjemmeområde. Dere skal også levere alle phps-filene slik at man for en hver side kan slenge
DetaljerRepetisjon, del 2. TDT 4110 IT Grunnkurs Professor Guttorm Sindre
Repetisjon, del 2 TDT 4110 IT Grunnkurs Professor Guttorm Sindre Premieutdeling Kahoot Vinnere av enkeltrunder: Datamaskinens historie: mr.oyster (7311) Variable, aritmetiske op., etc.: Sha-ra (6155) if-setn.,
DetaljerKanter, 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
DetaljerKOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5
Innhold KOMME I GANG 2 Logge på 2 I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5 Lukk 6 Ny 6 Flytt opp/ Flytt ned 6 Klipp 7 Kopier 7 Lim inn (krysspubliser, ny,
DetaljerOppsummering fra sist
1 av 34 Kunnskap for en bedre verden TDT4110 Informasjonsteknologi grunnkurs: Tema: Løkker/Sløyfer Utgave 3: Kap. 4 Terje Rydland - IDI/NTNU 2 av 34 Oppsummering fra sist Betingelser i Python: ,
DetaljerINF1000 Metoder. Marit Nybakken marnybak@ifi.uio.no 16. februar 2004
INF1000 Metoder Marit Nybakken marnybak@ifi.uio.no 16. februar 2004 Motivasjon Når man begynner å skrive store programmer, vil man fort oppleve at programmene blir uoversiktlige. Det blir vanskeligere
DetaljerHØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 15. mai 2003 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LO116D Programmering i Visual Basic FU Studiepoeng:
DetaljerET LITE TILBAKEBLIKK PÅ TEKSTSTRENGER...
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Ingredienser og mye krydder i PHP Svend Andreas Horgen Lærestoffet er utviklet for faget IINI3003Webprogrammering med PHP Resymé: Programmering
DetaljerHvordan 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
DetaljerWeb fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand
Web fundamentals Webdesign 17. januar 2008 Monica Strand Webdesign 17. januar 2008 1 Web design Fagområdet Web design inneholder flere disipliner Grafisk design Informasjonsdesign Brukergrensesnittdesign
DetaljerBli Kjent med Datamaskinen Introduksjon ComputerCraft PDF
Bli Kjent med Datamaskinen Introduksjon ComputerCraft PDF Introduksjon Vi begynner med å bygge en enkel datamaskin. Etter å ha brukt litt tid på å bli kjent med hvordan datamaskinen virker, bruker vi den
DetaljerHTML og relasjonsdatabaser med PHP
HTML og relasjonsdatabaser med PHP Oppgaveveiledning Kent Dahl Informasjonsbehandling Brukersystemer Orkdal videregående skole (7. mars 2004) Innholdsfortegnelse 1. Introduksjon...2 1.1.
DetaljerJS: Grunnleggende JavaScript
JS: Grunnleggende JavaScript Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon
DetaljerINF1040 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
DetaljerInformasjon Eksamen i IN1000 og IN1001 høsten a) 1 poeng. 1b) 1 poeng. Tid. Oppgavene. Tillatte hjelpemidler. 30. november kl. 14.
IN1000-INF1001-2018 Informasjon Eksamen i IN1000 og IN1001 høsten 2018 Tid 30. november kl. 14.30 (4 timer) Faglærere vil besøke lokalet ca kl 15-16. Oppgavene Oppgave 1a-f er kortsvarsoppgaver som rettes
DetaljerUNIVERSITETET I OSLO
Side 1 UNIVERSITETET I OSLO Kandidatnr Det matematisk-naturvitenskapelige fakultet Eksamen i: PRØVEEKSAMEN INF1000 Eksamensdag: Prøveeksamen 22.11.2011 Tid for eksamen: 12:15-16:15 Oppgavesettet er på
DetaljerHver ting i en liste kalles et element. En liste lages ved å skrive elementer inni [], med, mellom elementene:
Lister og indekser Skrevet av: Ole Kristian Pedersen, Kodeklubben Trondheim Kurs: Python Tema: Tekstbasert Fag: Programmering Klassetrinn: 5.-7. klasse, 8.-10. klasse Introduksjon Denne oppgaven handler
DetaljerI denne oppgaven skal vi repetere litt Python-syntaks, det er en god blanding av alle tingene du har lært i Python til nå.
Repetisjon Skrevet av: Ole Kristian Pedersen, Kodeklubben Trondheim Kurs: Python Tema: Tekstbasert Fag: Programmering Klassetrinn: 8.-10. klasse Introduksjon I denne oppgaven skal vi repetere litt Python-syntaks,
DetaljerSUKKERGRIS. 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
DetaljerOblig 4 (av 4) INF1000, høsten 2012 Værdata, leveres innen 9. nov. kl. 23.59
Oblig 4 (av 4) INF1000, høsten 2012 Værdata, leveres innen 9. nov. kl. 23.59 Formål Formålet med denne oppgaven er å gi trening i hele pensum og i å lage et større program. Løsningen du lager skal være
DetaljerSystemarkitektur. Webformularer, PHP og databaser et crash-kurs. Hva skal applikasjonsprogrammet gjøre? PHP
Systemarkitektur Virkeligheten (interesseområdet) Webformularer, PHP og databaser et crash-kurs Dynamisk nettside bygges evt. opp på grunnlag av spørring mot databasen Jfr. Fra kjernen og ut, fra skallet
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 PHP og databaser III Fremvisning av resultater i (X)HTML-tabeller Tabeller er en naturlig måte
DetaljerStart 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
Detaljerfile:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html
1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte
DetaljerHvor 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
DetaljerEn bedre verden med AJAX
En bedre verden med AJAX Frode Eika Sandnes Hva er AJAX Har ikke noe med rengjøringsmidler å gjøre AJAX er et (morsomt) akronym Asynchronous Javascript And XML Henskikt: lage interaktive webapplikasjoner
Detaljer9. ASP med databasekopling, del II
Else Lervik 23.03.2004 Opphavsrett: Forfatter og Stiftelsen TISIP Lærestoffet er utviklet for faget LV192D Web-programmering med ASP 9. Resymé: I forrige leksjon så vi hvordan ASP kunne brukes til å vise
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 16.desember 2005 Varighet: Fagnummer: Fagnavn: 3 timer LO116D Programmering i Visual Basic Klasse(r): FU
Detaljer2 Om statiske variable/konstanter og statiske metoder.
Litt om datastrukturer i Java Av Stein Gjessing, Institutt for informatikk, Universitetet i Oslo 1 Innledning Dette notatet beskriver noe av det som foregår i primærlageret når et Javaprogram utføres.
DetaljerUtseende. Lauri Watts Oversettelse: Bjørn Steensrud
Lauri Watts Oversettelse: Bjørn Steensrud 2 Contents 1 Utseende 4 1.1 Generelt........................................... 4 1.2 Skrifter............................................ 4 1.3 Stilsett............................................
DetaljerInf109 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
DetaljerREFLEKSJONSNOTAT FOR WEBPERIODEN
9. 11. 2010 HEIDI BJELLAND 2MKA REFLEKSJONSNOTAT FOR WEBPERIODEN HØSTEN 2010 Webdesign www.omfoto.net23.net Heidi Bjelland Jeg valgte prosjektoppgave C som var å lage en informativ side om foto. Målgruppen
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 11. mai 2004 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LV197D Webprogrammering med PHP FU Studiepoeng:
DetaljerInnhold 1 Universelt utformete og tilgjengelige PDF dokumenter... 2 1.1 Hvorfor PDF?... 2 1.2 Gjør det lettere for deg selv... 2 2 Eksporter fra Word
Innhold 1 Universelt utformete og tilgjengelige PDF dokumenter... 2 1.1 Hvorfor PDF?... 2 1.2 Gjør det lettere for deg selv... 2 2 Eksporter fra Word til PDF... 2 3 Gjør tilgjengelighetsverktøyene synlige
DetaljerMAT1030 Plenumsregning 1
MAT1030 Plenumsregning 1 Kapittel 1 Mathias Barra - 16. januar 2009 (Sist oppdatert: 2009-02-02 14:21) Plenumsregning 1 Velkommen til plenumsregning for MAT1030 Fredager 12:15 14:00 Vi vil gjennomgå utvalgte
DetaljerOblig 4 Undervisningshefte i grunnleggende JavaScript programmering
Oblig 4 Undervisningshefte i grunnleggende JavaScript programmering Innhold: Variabler Boolske verdier Kontrollstrukturer Datastrukturer Løkker Funksjoner Events DOM behandling av Christine Skjønhaug Færø
DetaljerPython: Løkker. TDT4110 IT Grunnkurs Professor Guttorm Sindre
Python: Løkker TDT4110 IT Grunnkurs Professor Guttorm Sindre Referansegruppe MTTK: havardmellbye@gmail.com MTMT: Daniel.Vadseth@hotmail.com MTDESIGN 9valinn@gmail.com MTKOM: jonbs@stud.ntnu.no MLREAL:
DetaljerEKSAMEN. Les gjennom alle oppgavene før du begynner. Husk at det ikke er gitt at oppgavene står sortert etter økende vanskelighetsgrad.
EKSAMEN Emnekode: Emne: ITF10208 Webprogrammering 1 Dato: Eksamenstid: 09/12-2008 09.00-13.00 Hjelpemidler: 2 A4 ark (4 sider) med egenproduserte notater (håndskrevne/maskinskrevne) Faglærer: Tom Heine
Detaljerlage og bruke funksjoner som tar argumenter lage og bruke funksjoner med returverdier forklare forskjellen mellom globale og lokale variabler
42 Funksjoner Kapittel 4 Funksjoner Etter dette kapitlet skal du kunne lage og bruke enkle funksjoner lage og bruke funksjoner som tar argumenter lage og bruke funksjoner med returverdier forklare forskjellen
Detaljerløsningsforslag-uke5.txt
INF 1000 LØSNINGSFORSLAG TIL UKEOPPGAVER FOR UKE 5 1) Setningen er kompakt skrivemåte for int[] a; a = new int[50]; hvor den første setningen deklarerer arrayen a, og den andre setningen oppretter et array-objekt
DetaljerOppsummering - Kurset (10/11-2015)
Oppsummering - Kurset (10/11-2015) Grunnleggende HTML... 1 Basic JavaScript... 2 Variabler:... 3 Operatorer:... 4 Klikkhendelser... 5 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...
DetaljerHjelpemidler: 4 A4-sider (2 to-sidige ark eller 4 en-sidige ark) med egenproduserte notater (håndskrevne/maskinskrevne)
Informasjon om eksamen EKSAMEN Emnekode: ITF10213 Emnenavn: Innføring i programmering Dato: 05/12-2017 Eksamenstid: 09.00-13.00, 4 timer Hjelpemidler: 4 A4-sider (2 to-sidige ark eller 4 en-sidige ark)
Detaljer