INF1040 Oppgavesett 4: CSS
|
|
- Ine Iversen
- 8 år siden
- Visninger:
Transkript
1 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 svar er riktig. 1. Ved bruk av eksternt (linked) stilark, hvor i XHTML-dokumentet plasseres referansen til dette? (a) Øverst i dokumentet. (b) I <head>-elementet. (c) Mellom </head> og <body>. (d) I <body>-elementet. (e) Kan plasseres hvor som helst. 2. Ved bruk av internt (embedded) stilark, hvor i XHTML-dokumentet plasseres dette? (a) Øverst i dokumentet. (b) I <head>-elementet. (c) Mellom </head> og <body>. (d) I <body>-elementet. (e) Kan plasseres hvor som helst. 1
2 3. Hvilket XHTML-attributt brukes for å definere inline-stiler? (a) class (b) css (c) font (d) inline (e) style 4. Hva er korrekt CSS syntaks? (a) h1 {color:blue;} (b) h1 {color=blue;} (c) {h1; color:blue;} (d) {h1: color=blue;} (e) h1.color {blue;} 5. Hvordan skrives kommentarer i CSS? (a) */ Kommentar */ (b) /* Kommentar */ (c) // Kommentar (d) <!-- Kommentar --> (e) Kommentar 6. Anta en situasjon der et eksternt stilark, et internt stilark og en inlinestil alle definerer ulik font-størrelse for et bestemt avsnitt på en nettside. Hvilken stil er det da som vil bli brukt? (a) Font-størrelsen angitt i det eksterne stilarket. (b) Font-størrelsen angitt i det interne stilarket. (c) Font-størrelsen angitt i inline-stilen. (d) Den største av de angitte font-størrelsene. (e) Nettleseren står fritt til å velge mellom de angitt font-størrelsene. 7. I deklarasjonen p {font-weight:bolder;} er p (a) et attributt (b) en egenskap (c) en selektor (d) en stil (e) en verdi 2
3 8. I deklarasjonen p {font-weight:bolder;} er font-weight (a) et attributt (b) en egenskap (c) en selektor (d) en stil (e) en verdi 9. I deklarasjonen p {font-weight:bolder;} er bolder (a) et attributt (b) en egenskap (c) en selektor (d) en stil (e) en verdi 10. Hva er effekten av deklarasjonen div.font {font-family:arial;} hvis vi antar at det ikke er angitt noen andre stiler som vinner over denne. (a) All tekst i alle elementer med id="font" bruker fonten Arial. (b) All tekst i alle elementer med class="font" bruker fonten Arial. (c) All tekst i alle div-elementer bruker fonten Arial. (d) All tekst i alle div-elementer med id="font" bruker fonten Arial. (e) All tekst i alle div-elementer med class="font" bruker fonten Arial. 11. Hva er den viktigste grunnen til at man bør bruke relative fremfor absolutte mål i CSS-deklarasjoner? (a) Det blir enklere for nettleseren, og siden kan vises frem raskere for brukeren. (b) Hvis et eksternt og et internt stilark inneholder samme deklarasjon dobles effekten. (c) Man tar høyde for at ulike brukere kan ha satt ulike preferanser i nettleseren. (d) Man slipper å huske hvilke absolutte verdier som er lovlige for de ulike egenskapene. (e) Det blir lettere for andre å forstå effekten av deklarasjonen. 3
4 Tenk selv -oppgaver 12. Om stilark generelt (a) Hvorfor er det hensiktsmessig å skille beskrivelse av innhold fra beskrivelse av hvordan innholdet skal vises fram? (b) I forbindelse med XHTML beskrives utseendet ved hjelp av Cascading Style Sheets. Hvorfor betegnelsen Cascading? (c) En valgt stil kan gjøres tilgjengelig for et XHTML-dokument eller deler av det på fire ulike måter. Hvilke? (d) Hvilke fordeler og ulemper har bruken av linket (eksternt) stilark sammenliknet med alternativene? (e) Anta at det i det linkede stilarket står h1{color:red;} og i en h1-markering står style="color:blue" Hvilken farge får overskriften, og hvorfor? 13. Om layout (a) Hva er forskjellen på blokk-modellens in-line -bokser og blokkbokser? (b) Anta at du skal sette opp en layout med en del tekster under hverandre i en kolonne. Tekstene ligger i blokkbokser avgrenset med en usynlig kant. Er det da det samme om du regulerer den vertikale avstanden mellom tekstene med polstring ( padding ) eller med marg ( margin )? (c) Hva er forskjellen mellom div- og span-elementet? (d) Hvilke konstruksjoner bruker vi i målangivelser for å få relative mål? Prøv selv -oppgaver 14. Bruk av stilark Bygg opp ditt eget nettsted ved hjelp av malen i kapittel 5. Gjør gjerne endringer i stilarket slik at du får et utseende du liker. Malen består av de to filene mal.html og malstiler.css (finnes på no/~inf1040/nettsidemal/). Godt råd: Mens du arbeider, ha XHTML-dokumentet og stilarket oppe i hvert sitt editor-vindu. Begynn med et enkelt stilark som du bygger ut etter hvert. Ta opp resultatet i en nettleser hver gang du gjør en endring. Husk å validere både XHTML-dokumentet og stilarket. 4
5 15. Endre XHTML-dokumentet til å henvise til et annet stilark (som ikke eksisterer). Hva skjer i nettleseren da? Validerer XHTML-dokumentet fortsatt? 16. CSS vs tabeller Under ser du et eksempel på en nettside fremvist i Firefox. Du skal nå lage to versjoner av denne nettsiden. Forsidebildet av læreboken finner du på (a) Lag først en versjon der du bruker CSS til å bestemme all layout. (b) Lag deretter en versjon der du bruker tabeller til å bestemme plasseringen av de ulike elementene i forhold til hverandre. (c) Sammenlign de to løsningene. Hvilke fordeler/ulemper ser du ved å bruke henholdsvis CSS og tabeller, både i dette konkrete eksempelet og mer generelt? Programmeringsoppgaver (for deg som tar/har tatt INF1000) Ingen programmeringsoppgaver denne gang. 5
6 Fasit til fasitoppgaver og flervalgsoppgaver Hvis du finner feil i fasiten er det fint om du gir beskjed om dette ved å sende en mail til ragnhilk@ifi.uio.no 1. (b) 2. (b) 3. (e) 4. (a) 5. (b) 6. (c) 7. (c) 8. (b) 9. (e) 10. (e) 11. (c) 6
INF1040 Oppgavesett 5: XML
INF1040 Oppgavesett 5: XML (Kapittel 3) Husk: De viktigste oppgavetypene i oppgavesettet er Tenk selv - og Prøv selv - oppgavene. Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under.
DetaljerMMT105 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
DetaljerCASCADING 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
DetaljerINF1040 Oppgavesett 2: Nettsider og XHTML
INF1040 Oppgavesett 2: Nettsider og XHTML (Kapittel 4) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der
DetaljerStilark Cascading Style Sheets - CSS
Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 INF1040-CSS-1 Boks-modellen Et XHTML-dokument er satt sammen
DetaljerStilark Cascading Style Sheets - CSS
Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 Boks-modellen Et XHTML-dokument er satt sammen av elementer
DetaljerOBLIG 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
DetaljerHåkon Tolsby. 25.08.2014 Håkon Tolsby
HTML5 og CSS Håkon Tolsby 25.08.2014 Håkon Tolsby 1 En webside min webside en html5 side dett er min første
DetaljerCSS. 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,
DetaljerEKSAMEN Web-publisering
EKSAMEN 6101 Web-publisering 02.06.2016 Tid: Målform: Sidetall: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du bruker mellom
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
DetaljerLa 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
DetaljerOppgave 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. Svar: Ved første øyekast har utvikleren av nestesiden plasser altfor mange div
DetaljerTENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE
TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE JULIE HILL ROA MIRA THOEN FEIRING HVA ER WEBUTVIKLING? SERVER KLIENT HTTP request HTML, CSS, JavaScript HTTP response HTML Innhold CSS Utseende JAVASCRIPT Oppførsel
DetaljerCSS-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
DetaljerOppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 Oppdatert: 10/09 Nye oppgaver Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 2 (Etter
Detaljerfile:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html
1 of 10 09.04.2015 15:49 Fra forrige gang: Om tabeller Tabeller er i utgangspunktet en måte å presentere data på. Skal ikke brukes for å legge ut sider Dreamweaver har fasiliteter for å opprette, redigere
DetaljerOblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 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 arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er
DetaljerHTML: 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
DetaljerOBLIG 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.
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. Tar lang tid å laste inn siden: Mye bilder Mange animasjoner
DetaljerHøgskoleni østfold EKSAMEN
Høgskoleni østfold EKSAMEN Emnekode: Emne: ITF10511 Webutvikling Dato: Eksamenstid: 03/12-2014 09.00-13.00 Hjelpemidler: Faglærer: In en Tom Heine Nått Eksamensoppgaven: Oppgavesettet består av 6 sider
DetaljerStilark "Cascading Style Sheets" CSS
Stilark "Cascading Style Sheets" CSS /* Eksempel på stilark */ h1 { font-size:18pt; text-align: center; color: blue; } Vær oppmerksom på at enkelte nettlesere kan henge litt etter med implementering av
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Kandidat nr: Eksamensdato: 13. mai 2005 Varighet: 3 timer (9:00 12:00) Fagnummer: LO515D Fagnavn: Klasser: NETT2005V Studiepoeng: 6 Faglærer:
DetaljerStilark "Cascading Style Sheets" CSS
Boks-modellen Et XHTML-dokument er satt sammen av elementer i bokser Stilark "Cascading Style Sheets" CSS /* Eksempel på stilark */ h1 { font-size:18pt; text-align: center; color: blue; Vær oppmerksom
DetaljerEKSAMEN Webpublisering
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 03.12.2015 Tid: Målform: Sidetal: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerHTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag
HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144
Detaljer(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26.
(X)HTML, CSS og JavaScript Grunnleggende programmering i Java Monica Strand 26. november 2007 Gr. leggende Java 26. november 2007 1 HTML HTML = Hyper Text Markup Language Strukturerer tekstinnhold HTML
DetaljerHåkon Tolsby Håkon Tolsby
HTML5 og CSS Håkon Tolsby 27.08.2018 Håkon Tolsby 1 En webside min webside en html5 side dett er min første
Detaljer1. Cascading Style Sheet (CSS)
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lene Hoff 18.7.2007 Lærestoffet er utviklet for faget LN515D XML Teknologi 1. Resymé: I denne leksjonen skal vi ta for oss CSS (Cascading
DetaljerOppgave 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
DetaljerOblig 1 Webutvikling av Jon-Håkon Rabben
Oblig 1 Webutvikling av Jon-Håkon Rabben Oppgave 2 og 3) http://www.it-stud.hiof.no/~jhrabben/boxmodel.html Oppgave 6) http://www.it-stud.hiof.no/~jhrabben/oblig1oppg6.html Oppgave 1) Siden tar lang tid
DetaljerJavascript. Mer om layout
Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)
DetaljerSteg 1: Vi starter fra toppen
CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan
DetaljerIntro til WWW, HTML5 og CSS
Intro til WWW, HTML5 og CSS Håkon Tolsby 20.08.2015 Håkon Tolsby 1 World Wide Web Webserver: Programvare som distribuerer websider og/eller maskin hvor programmet kjører Webbrowser (nettleser): Program
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
DetaljerEKSAMEN / 6101N WebPublisering
EKSAMEN 6101 / 6101N WebPublisering 09.12.2016 Tid: Målform: Antall sider: 3 timer Bokmål 8 (inkludert denne) Hjelpemidler: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du
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............................................
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
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
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
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å
DetaljerCSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu
CSS: Style nettsider Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Nå skal vi lære å endre på
DetaljerBruk av oppgaver og grupper i
Bruk av oppgaver og grupper i Versjon 02.07.2007 Ansvarlig for dokumentet Multimedisenteret/NTNU Innhold Innhold...1 Komme i gang med oppgaver...2 Legge til en oppgave...2 En oppgaves egenskaper...2 For
DetaljerWebutvikling oblig 1 Marius Hanssen
Webutvikling oblig 1 Marius Hanssen Oppgave 1 arngren.net er en rotete nettside, enkelt sett forpestet med et uorganisert layout og en kode så grov at jeg ikke skjønner hvordan de klarte å finne en så
DetaljerINF1040 Oppgavesett 14: Kryptering og steganografi
INF1040 Oppgavesett 14: Kryptering og steganografi (Kapittel 19) Husk: De viktigste oppgavetypene i oppgavesettet er Tenk selv - og Prøv selv - oppgavene. Fasitoppgaver 1. Krypter følgende strenger ved
DetaljerAdministrering 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...
DetaljerINF1040 Oppgavesett 6: Lagring og overføring av data
INF1040 Oppgavesett 6: Lagring og overføring av data (Kapittel 1.5 1.8) Husk: De viktigste oppgavetypene i oppgavesettet er Tenk selv -oppgavene. Fasitoppgaver Denne seksjonen inneholder innledende oppgaver
DetaljerStyling og formatering av tekst
Lesson 5 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. Styling og formatering
DetaljerOblig 1 Erlend Hannestad
Oblig 1 Erlend Hannestad Oppgave 1 Nettsiden er ustrukturert og uryddig når det kommer til layout og design, det er vanskelig å holde oversikt over alt som vises på siden, det er rett og slett for mye
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
DetaljerHJELPEGUIDE TIL WEB-TIME
HJELPEGUIDE TIL WEB-TIME OPPDRAGSGIVER (web-time godkjennere) 1. Innlogging web-time 2. Oversikt web-time 3. Kontroll av timelister 4. Vanlige spørsmål 1 1. Innlogging web-time For at du som oppdragsgiver
Detaljer1. Opprett betalinger uten bruk av mappe 2. Opprett betalinger med bruk av mappe
I kom godt i gang dokumentet Min første betaling ble det vist 2 forskjellige måter å opprette en betaling på. 1. Opprett betalinger uten bruk av mappe 2. Opprett betalinger med bruk av mappe Godkjennelsesprosedyren
DetaljerINF109 - Uke 1b 20.01.2016
INF109 - Uke 1b 20.01.2016 1 Variabler Et program er ikke til stor hjelp hvis det er statisk. Statisk betyr at programmet bare bearbeider faste data som er lagt inn i programkoden. For å gjøre programmer
DetaljerINF1040 Oppgavesett 1: Tallsystemer og binærtall
INF1040 Oppgavesett 1: Tallsystemer og binærtall (Kapittel 1.1 1.4, 6, 7.2 7.3) Fasitoppgaver 1. Skriv tallene fra 1 10 til 20 10 som binærtall. 2. Skriv tallene fra 1 10 til 20 10 som heksadesimale tall.
DetaljerPBL Barnehageweb. Brukerveiledning
PBL Barnehageweb Brukerveiledning 1 1. Innledning Gratulerer med valget av nye PBL Barnehageweb! Med PBL Barnehageweb skal det være enkelt å lage en brukervennlig, moderne og profesjonell nettside for
DetaljerLøsningsskisse prøve IT1
Løsningsskisse prøve IT1 Etikk og regler Forklar disse begrepene åndsverk litterært, vitenskapelig eller kunstnerisk visst minimum av original, skapende innsats verkshøyde for å ha opphavsrettslig vern
DetaljerI 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
DetaljerBilder, tabeller. Kirsten Ribu 26.09
Bilder, tabeller Kirsten Ribu 26.09 1 Repetisjon: div taggen Blokker () Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes med . Blokker benyttes i dokumenter der
DetaljerCSS: Style nettsider Nybegynner
CSS: Style nettsider Nybegynner Web Introduksjon Nå skal vi lære å endre på stilen til nettsider. I denne oppgaven forventer vi at du har gjort HTML-oppgavene eller er litt kjent med HTML fra før av. I
DetaljerStraffespark 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
DetaljerBrukerveiledning gjovard.com
Gjø-Vard orienteringslag Brukerveiledning gjovard.com http://gjovard.com/kartarkiv/ Torbjørn Kravdal 31.05.2016 0 INNHOLD 0 Innhold... 1 1 Samtykke for bruk av bilder/film... 2 2 Brukerveiledning for gjovard.com
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
DetaljerMer om stiler og stilark. Layout. Litt Design
Mer om stiler og stilark. Layout. Litt Design Webpublisering 13.09.2004 Webpublisering - HiO - Kirsten Ribu - 2004 1 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger
DetaljerAktiviteter. Lærerveiledning til www.varsomt.org
Aktiviteter Lærerveiledning til www.varsomt.org 2 Innledning I denne veiledningen foreslår vi aktiviteter knyttet til nettstedet varsomt.org. Forslagene er utviklet med sikte på å gjøre bruken av nettsiden
DetaljerNCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012
NCE TOURISM FJORD NORWAY FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012 HACKERS HOUR Hvor langt kommer vi med FjordNett rammeverket? Html CSS Javascript Hva er bestanddelene av en nettside? Html
DetaljerBrukermanual. www.bygdekvinnelaget.no
Brukermanual www.bygdekvinnelaget.no Viktige endringer Nye Bygdekvinnelaget.no er lagt opp på en måte der brukere og redaktører står for innhold, mens systemet i enda større grad en tidligere står for
DetaljerOppgave 1. Index Mobil. About me Mobil
Oppgave 1 Index Mobil About me Mobil Index webside About me webside Print Oppgave E.1 Forklar den praktiske forskjell på følgende to måter å linke inn et print-stilark sammen med et annet stilark for visning
DetaljerImportere referanser fra databaser
Importere referanser fra databaser Databaser EndNote Sist oppdatert 19. november 2014 1 Innhold 1. Importere referanser... 3 1.1. Apple/IOS... 3 2. Importere referanser fra Oria... 4 3. Importere referanser
DetaljerHvordan 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
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
DetaljerBRUKERVEILEDNING - P360 VED NMBU
BRUKERVEILEDNING - P360 VED NMBU 2 Arbeidsflyt internt til gjennomgang eller godkjenning Versjon/dato for revisjon: 03.03.2015 P360-klient: Outlook og web Utarbeidet av: Monica Blomli Dato: 01.10.2014
DetaljerVeiledning for vedlikehold av støtteapparat og spillere i Oppegård IL Fotball
Veiledning for vedlikehold av støtteapparat og spillere i Oppegård IL Fotball Innhold 1. Pålogging lagsider 2. Kontroll av lagets støtteapparat 3. Kontroll av lagets spillerliste 4. Oppdatering av lagets
DetaljerAdministrasjon av kataloger - Oversikt over innstillinger på kataloger
Administrasjon av kataloger - Oversikt over innstillinger på kataloger COPYRIGHT Syzweb AS 2010 Alle Rettigheter Reservert Side 1 av 10 Innledning... 3 Hva er en katalog?... 4 Katalogtreet... 4 Opprette
DetaljerLagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac
Lagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac EndNote leveres kun et begrenset antall populære stiler. Finner du ikke tidsskriftstilen du trenger, må du gå til EndNote s hjemmeside
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
DetaljerIST Skole - Foresattepålogging Oktober 2010 versjon 1.0
IST Skole - Foresattepålogging Oktober 2010 versjon 1.0 Side 1 av 12 Velkommen til en ny skole! IST er den markedsledende leverandøren av IT-løsninger for utdanningssektoren. Vi tilbyr våre kunder en unik
DetaljerI 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
DetaljerKart 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
DetaljerAdministrasjon av saker. - Redigere saker med standard mal
Administrasjon av saker - Redigere saker med standard mal Admin V3 September 2015 INNLEDNING... 3 HVA ER EN ARTIKKEL?... 4 FANE: INNHOLD... 4 Felter i en standard artikkel... 5 LAGE EN NY ARTIKKEL... 6
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
DetaljerLæringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari
1 2 Læringsmål og pensum TDT4105/4110 Informasjonsteknologi grunnkurs: Uke 35/36 HTML Førsteamanuensis Alf Inge Wang Læringsmål Lære å lage statiske hjemmesider Bilder Lenker Lister Tabeller Skjema for
DetaljerBrukerveiledning for sertifisører Miljøfyrtårnportalen
Brukerveiledning for sertifisører Miljøfyrtårnportalen 10.6.2014 Dette kan du gjøre i Miljøfyrtårnportalen: 1. du ser alle virksomheter du har fått tilgang til 2. på hver virksomhets side kan du se detaljer
DetaljerNettsider og XHTML. SGML-familien. Hvordan lage et nettsted
Nettsider og XHTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> En minimal nettside Hallo, verden!
DetaljerCSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS
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
DetaljerSENSORVEILEDNING. Dato: Eventuelt:
SENSORVEILEDNING Emnekode: ITF10511 Emnenavn: Eksamensform: Webutvikling Digital Dato: 03.12.2018 Faglærer(e): Michael A. Lundsveen Eventuelt: Læringsutbytte for emnet KUNNSKAP: Studenten kan forstå nettsteders
Detaljerbuildingsmart Norge Guiden
Kom-i-gang med buildingsmart Norge Guiden Innhold 1. Om prosjektguider og maler... 1 2. Opprette bruker... 2 3. Logge inn... 3 4. Opprette prosjektguide og invitere brukere... 4 5. Åpne prosjektguide...
Detaljer4. Dynamisk skjemaer (GUI)
4. Dynamisk skjemaer (GUI) I drofus kan flere skjermbilder selv defineres av prosjektet. Disse skjermbildene kan redigeres av en med administratortilgang til prosjektet. For tiden kan følgende skjemaer
DetaljerBrukermanual. Quality PayBack Starter Edition
Brukermanual Quality PayBack Starter Edition Innhold 1. Kapittel 1 Innledning 1.1. Dette dokumentet 1.2. Quality PayBack 1.3. Kort oversikt over funksjoner i QPB. 2. Registering 2.1. Generelt 2.1.1. Logg
DetaljerInnføring i Dynamisk HTML
Innføring i Dynamisk HTML Her kommer en enkel innføring i dynamisk HTML (DHTML). DHTML er en webside (et web dokument) som kan endres etter at den er lastet inn i webleseren. Når brukeren fører musepekeren
DetaljerMedlemshåndtering eroom
Medlemshåndtering eroom Norsk versjon 7.3 JOINT Collaboration AS www.joint.no Medlemshåndtering i eroom V7.3 Hvem kan legge til og invitere medlemmer i et eroom?...3 Når legges medlemmer inn i et rom?...3
DetaljerHøgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 05.12.2013 Tid: Målform: Sidetal: 3 timer Bokmål 7 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerGruppearbeid. Digitalt verktøy på utdanning.no samarbeidsavtaler
Gruppearbeid Digitalt verktøy på utdanning.no samarbeidsavtaler I dette gruppearbeidet skal vi jobbe med den lukkede delen av det digitale verktøyet: registrering av samarbeidsavtaler innen prosjekt til
DetaljerBrukerveiledning for student skoleeksamen HIST Oppdatert 27. oktober 2014
Brukerveiledning for student skoleeksamen HIST Oppdatert 27. oktober 2014 1 Innhold Innledning Pålogging Din oversikt over prøver og eksamener Valg av språk og skriftstørrelse m.m Besvare eksamen med sikker
DetaljerEKSAMEN. Webutvikling Dato: ITF10511. Eksamenstid: 25/11-2013. 09.00-13.00 Hjelpemidler: Faglærer: Ingen. Tom Heine Nätt
EKSAMEN Emnekode: Emne: ITF10511 Webutvikling Dato: Eksamenstid: 25/11-2013 09.00-13.00 Hjelpemidler: Faglærer: Ingen Tom Heine Nätt Eksamensoppgaven: Oppgavesettet består av 7 sider inkludert denne forsiden,
DetaljerVeiledning for innlevering av Årsrapport
Veiledning for innlevering av Årsrapport Årsrapporten leveres elektronisk gjennom StyreWeb. Lederen i korpset/ensemblet må levere årsrapporten, men andre brukere kan gå inn og klargjøre informasjonen hvis
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Kandidat nr: Eksamensdato: 11. mai 2006 Varighet: 3 timer (9:00 12:00) Fagnummer: LO515D Fagnavn: Klasser: NETT2005H Studiepoeng: 6 Faglærer:
DetaljerWordPress startguide
WordPress startguide INNLEDNING... 2 BLOGGINNLEGG... 3 HVORDAN LEGGE TIL ET BLOGGINNLEGG:... 4 UNDERSIDER... 5 HVORDAN LAGE EN NY SIDE... 6 LAST OPP BILDER/VIDEO... 7 KOMMENTARER PÅ INNLEGG... 8 UTSEENDE...
DetaljerBrukerveiledning. For student hjemmeeksamen
Brukerveiledning For student hjemmeeksamen Oppdatert 26. oktober 2015 1 Innhold Innledning Pålogging Godkjente nettlesere Din oversikt over prøver og eksamener Gjennomføre eksamen Navigere i eksamensoppgaven
DetaljerIST 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
DetaljerGoogle 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