HTML-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

Like dokumenter
EKSAMEN. Elektronisk publisering. INNFØRING MED PENN, evt. trykkblyant som gir gjennomslag

INF1040 Oppgavesett 2: Nettsider og XHTML

CASCADING STYLESHEETS (CSS)

OBLIG 1 - WEBUTVIKLING

EKSAMEN Webpublisering

EKSAMEN / 6101N WebPublisering

CSS-formatering: stilark med kommentarer

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.

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu

Steg 1: Vi starter fra toppen

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.

Brukerkurs 16.februar 2012

EKSAMEN Web-publisering

Håkon Tolsby Håkon Tolsby

Oblig 1 Erlend Hannestad

NCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012

Javascript. Mer om layout

Høgskoleni østfold EKSAMEN

Rammer. Mer om Javascript

CSS: Animasjon Nybegynner

CSS: Style nettsider Nybegynner

MMT105 Internettprogrammering Uke 44, høst 2007

Steg 1: Animasjons-attributtet

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.

HTML: Del inn nettsiden

Innføring i Dynamisk HTML

Intro til WWW, HTML5 og CSS

Høgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari

Kursdokumentasjon for Dreamweaver

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

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

Webutvikling oblig 1 Marius Hanssen

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

INF1040 Oppgavesett 4: CSS

(X)HTML, CSS og JavaScript HTML. Det første dokumentet Grunnleggende programmering i Java Monica Strand 26.

Håkon Tolsby Håkon Tolsby

Bildebehandling i GIMP

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 av Jon-Håkon Rabben

Eksempeleksamenssett for Informasjons og publiseringsteknologi faget høsten 2005.

CSS: Endre utseende og stil på tekst Nybegynner

Bilder, tabeller. Kirsten Ribu 26.09

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.

Web fundamentals. Web design. Frontend vs. Backend Webdesign 17. januar Monica Strand

Steg 1: Felix har forsvunnet!

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS

Steg 1: Canvas-elementet

Oppbygging av innhold på responsive nettsider.

Alle publiserte nyheter arkiveres i kategorier som du selv oppretter, Det gir deg en ryddig oversikt i arkivet senere.

1. XHTML. Innhold Innledning

SENSORVEILEDNING. Dato: Eventuelt:

HTML: Legg til lyd og video

I denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.

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

En bedre verden med AJAX

1. Lage og vise et enkelt XML-dokument

Administrering av SafariSøk

Introduksjon til HyperText Markup Language

the web Introduksjon Lesson

Oblig 3 Webutvikling

Oblig 3 Webutvikling. Oppgave 1

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage

Brukermanual til Domenia Norges adminløsning

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html

Installasjon InfoMediaPlayer:

Oblig 5 Webutvikling. Av Thomas Gitlevaag

Læringsmål XML. Markering av tekst. SGML-familien. Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.

Lagring av EndNote stil fra EndNotes hjemmeside når du bruker Mac

Tilpassning av Wordpress - Enterprise Theme

InfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby

"Dette skjer når jeg trykker på denne knappen" "Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg"

Søkemotoroptimalisering. Lenker/ popularitet. Tekster/innhold. Plattform/webarkitektur. SEO pyramiden

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai

Brukermanual. PUS i Web. Mai 2009 (Versjon 1)

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html

Oblig 3 Webutvikling

Responsiv design Skalering av siden trenger å gjøres noe med, slik at den er tilpasset de fleste skjermstørrelser.

1. Cascading Style Sheet (CSS)

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

OBLIG 2 WEBUTVIKLING

Markeringsspråk og XML

Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.

Læringsmål og pensum. Skript og markupspråk. Hva er HTML?

SUKKERGRIS. Anita og Silje DAT100

- reklamebannere mobil og tablet

Forsvunnet katt webside

HØGSKOLEN I SØR-TRØNDELAG

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

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

Oppgavesamling til Webutvikling < >

Grunnleggende om websider og HTML-kode

EKSAMEN. Noen spørsmål kan besvares som punktlister. Prøv her å strukturere svaret slik at hvert punkt omhandler ett tema/element.

En enkel innføring i HTML koding

JS: Partikkel-animasjon Nybegynner

Hvorfor ikke bruke Word?

NCE Tourism Fjord Norway Håndbok NYE MEDIER

Transkript:

HTML-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 2. Grafisk elementer på web skal være a) 72 ppi b) 144 ppi c) 300 ppi d) 600 ppi 3. Hvilket av de følgende kan vi bruker i en image tag for å gi grafiske elementer som er linker en usynlig ramme? a) linkborder="0" b) noborder="0" c) border="0" d) hspace="0" 4. <img lowsrc="hus.gif" src="hus2.gif"> vil vise a) hus.gif før hus2.gif b) hus2.gif før hus.gif c) ny websider med navn hus2.gif d) feil i en 4.0 nettleser 5. For å ta vekk alle rammene i nettleserens vindu bruker vi a) <body topmargin="0" leftmargin="0"> b) <head topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> c) <body marginwidth="0" marginheight="0"> d) <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> Side 1

6. Koden nedenfor bør plassere "hei" omtrent hvor mange pixels fra venstre vindus-kant? <TABLE> <TR> <TD WIDTH="150"><IMG SRC="bilde.jpg" WIDTH=100 HEIGHT=100> </TD> <TD WIDTH="100">hei</TD> </TR> </TABLE> a) 100 b) 150 c) 200 d) 250 7. Hvilken META tag kan vi bruke på en webside for å forhindre at en søkemotor indekserer denne site? a) <META NAME = "search" CONTENT = "NOINDEX, NOFOLLOW" b) <META NAME = keywords CONTENT = NOINDEX, NOFOLLOW c) <META NAME = robots CONTENT = NOINDEX, NOFOLLOW d) <META NAME = description CONTENT = NOINDEX, NOFOLLOW 8. Eksterne style sheets a) er plassert mellom <STYLE> og </STYLE> i et HTML dokument b) trenger <LINK rel=stylesheet...> mellom <HEAD> og </HEAD> for å virke. c) er plassert i en tag, f.eks. <H1 style=bold> d) er plassert utenfor en tag, f.eks. <EXTERNAL STYLE = bold>text</external STYLE> 9. Z-INDEX a) gjør det mulig å arkivere HTML-filer uten å skrive «.html» etter filene b) er skrevet slik: {z-index:1} c) bestemmer i hvilken rekkefølge elementer skal nedlastes d) er tatt i bruk når man bruker ftp til å overføre en site. 10. Tekst mellom <NOFRAMES> og </NOFRAMES> a) vil bli vist i et nytt, pop-up vindu b) må bruke CSS for å være synlig c) er synlig for browsers som ikke støtte frames d) er synlig for browsers som støtte frames Side 2

11. Hvilken link vil fungere? a) <a href="http:www.abc.com/side2.htm">klikk meg</a> b) <a href="http://www.abc.com">klikk meg</a> c) <a link="www.abc.com/side2.html">klikk meg</a> d) <a link="http://www.abc.com">klikk meg</a> 12. Hvilken link vil fungere? a) <a href="mailto:abc@abc.no">send mail</a> b) <a href mailto="abc@abc.no">send mail</a> c) <a href="mailto:abc>at<abc.no">send mail</a> d) <a maillink="abc@abc.no">send mail</a> 13. Fotografiske bilder på web med millionvis av farge bør være i hvilket format? a) GIF b) GIF-89A c) JPEG d) TIFF 14. Web grafikk med store ensfargede områder bør være i hvilket format? a) GIF b) JPEG c) TIFF d) EPS 15. For å få teksten "nesten sommerferie" i 72pt størrelse på en web side bruker vi: a) <h2> tag b) cascading style sheets c) dynamic html d) magi. Å få tekst å vises i 72pt på en web sider er umulig. 16. Når man klikker på "klikk meg" i følgende kode: <A HREF="side3.html" TARGET=_blank>klikk meg</a> vil: a) side3.html bli nedlastet i samme vindu b) side3.html bli nedlastet i et nytt automatisk åpnet vindu c) side3.html bli erstattet med blank.html d) link til side3.html bli usynlig 17. Absolute positioning er brukt i a) tabeller b) cascading style sheets c) frames d) meta tags Side 3

18. I hvilken linje finner vi feil i css kode: a) A:link {color: red; b) background: blue c) text-decoration: none} d) ingen feil 19. Følgende kode: "BODY {background:url(fjell.jpg)}" fungerer på a) en nettleser av versjon 1-5 b) en nettleser av versjon 2-5 c) en nettleser av versjon 4-5 d) kun en nettleser av versjon 5 20. For å bruke CGI til å prosessere et skjema, trenger vi a) en nettleser som har javascript på b) en nettleser som støtter cascading style sheets c) en nettleser som har nedlastet cgi script d) et cgi script liggende på en server Side 4

XML-del Oppgave 1 Gjør en dokumentanalyse av hele eksamensoppgaven. Resultatet du skal levere er en XML-dtd. Oppgave 2 Lag et XSLT stylesheet som transformerer den delen av DTDen som har med selve oppgavene å gjøre til et HTML dokument som kan gi ett utseende som ligner på denne oppgaven. Du skal bare lage stylesheetet som tar "Oppgave 2", du skal ikke lage for hele oppgaven. Oppgave 3 Redgjør for forskjellen mellom XML og HTML. Oppgave 4 Redgjør for forskjellen mellom XSL og CSS. Oppgave 5 Hva er entiteter, og hva brukes de til? Kom gjerne med eksempler. Oppgave 6 Hva er attributter og hva brukes de til? Kom gjerne med eksempler. Side 5