Rammer. Mer om Javascript
|
|
- Joakim Pedersen
- 7 år siden
- Visninger:
Transkript
1 Rammer. Mer om Javascript LO130A Kirsten Ribu Kirsten Ribu - HiO - LO 130 A 1
2 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2
3 Innledende om rammer (Frames) Med rammer kan du vise flere (X)HTMLdokumenter på en gang i et web-leser vindu. En del av vinduet kan for eksempel vise til et (X)HTML-dokument som skal ligge fast Det inneholder en oversikt over web-stedet i form av pekere (linker). Den andre delen av vinduet skifter innhold etter hvilke peker man klikker på i det første vinduet. Kirsten Ribu - HiO - LO 130 A 3
4 Frameset DTD Frameset DTD brukes for dokumenter mer rammer Frameset DTD er det samme som Transitional DTD bortsettf fra frameset verdiene: <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01 Frameset//EN" " "> Kirsten Ribu - HiO - LO 130 A 4
5 XHTML Frameset DTD <!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Frameset//EN" " ml1-frameset.dtd"> Kirsten Ribu - HiO - LO 130 A 5
6 Bokas ressurser Kirsten Ribu - HiO - LO 130 A 6
7 Et rammedokument Kirsten Ribu - HiO - LO 130 A 7
8 Mer... Den første linjen i dette dokumentet skiller seg fra vanlige (X)HTML-dokument ved at det inneholder teksten Frameset. Dette er nødvendig dersom du ønsker å sjekke kodingen av rammedokumentet. Legg merke til at body-området er erstattet av et frameset-område. Kirsten Ribu - HiO - LO 130 A 8
9 Inndeling i rammer I dette tilfellet blir web-leservinduet delt vertikalt i to områder. Det ene (venstre) området blir 150 piksler bredt og vil inneholde (X)HTML-dokumentet innhold.html <frameset cols="150,*"> Ruten vil samtidig få merkelappen innhold (gjennom name-parameteren) <frame name="innhold" src="innhold.html">. Kirsten Ribu - HiO - LO 130 A 9
10 ( 150, * - hva betyr det? Det andre (høyre) området blir så bredt som det er plass til i web-leservinduet (angitt ved * = valgfritt) Det vil inneholde (X)HTML-dokumentet hoved.html Rammeområdet vil samtidig få merkelappen hoved (gjennom name-parameteren): <frame name="hoved" src="hoved.html"> Kirsten Ribu - HiO - LO 130 A 10
11 Eksempel 2 Kirsten Ribu - HiO - LO 130 A 11
12 Frameset rows Dette rammedokumentet skiller seg fra det foregående ved at cols er erstattet med rows i <frameset>-taggen. <frameset rows="150,*"> På samme måte vil * angi en ikkespesifisert størrelse som browseren vil velge selv. Kirsten Ribu - HiO - LO 130 A 12
13 Rammeinndeling På denne måten kan du ha øvre del av web-leservinduet (150 piksler høyt) og ha feks en logo der. Den nedre delen (resten av vindushøyden) kan skifte innhold etter hvilke pekere som klikkes. Kirsten Ribu - HiO - LO 130 A 13
14 Rammene Kirsten Ribu - HiO - LO 130 A 14
15 Koden Kirsten Ribu - HiO - LO 130 A 15
16 En god ressurs! Kirsten Ribu - HiO - LO 130 A 16
17 Nyttige linker jhe/htg/links.html#html Kirsten Ribu - HiO - LO 130 A 17
18 Når du bruker rammer, så inngår det alltid et (X)HTML-dokument mer enn de dokumentene du ønsker å vise i delvinduene. Dette dokumentet (rammedokumentet) inneholder (X)HTML-kode for hvordan oppdelingen skal være og inneholder (X)HTML-tagger som er forskjellig fra det du har lært tidligere. Rammedokumentet skal normalt ikke inneholde en <body>-tag eller noen annen tag som hører til i body-området. Kirsten Ribu - HiO - LO 130 A 18
19 Eksempel sering2004/eksempler/rammesett.htm Kirsten Ribu - HiO - LO 130 A 19
20 Target hvor skal vinduene åpnes? TARGET="_blank" Linken blir åpnet i et nytt vindu TARGET="_top" Linken lastes opp i hovedvinduet. ing Kirsten Ribu - HiO - LO 130 A 20
21 Eksempel Kirsten Ribu - HiO - LO 130 A 21
22 Koden <td width="132"><a href="slides/webpublisering2.pdf" target="_blank">slides fra introduksjonen 20.08</a><br> <a href="slides/forelesning1.pdf" target="_blank">slides fra forelesningen 23.08</a><br> Kirsten Ribu - HiO - LO 130 A 22
23 Hva er galt med rammer? Kirsten Ribu - HiO - LO 130 A 23
24 Argumenter for bruk av rammer: Rammer er svært nyttig å bruke hvis en f.eks ønsker å ha en meny liggende fast på en side. Dette kan hjelpe brukeren med å navigere rundt på nettstedet. Med rammer kan du dele opp websider i flere deler (evt. med scrollbar, hvis det er nødvendig). På denne måten kan en presentere informasjon mer felksibelt. Kirsten Ribu - HiO - LO 130 A 24
25 Mer... Elementer som en vil brukeren skal se hele tiden, slik som menyer, reklame, rettighetsopplysninger og evt. grafikk, kan plasseres i en statisk individuell ramme. Selv om innholdet i de andre rammene (resten av siden) endres kan en velge å ha slike elementer liggende fast. Ved søk i databaser kan rammer også være nyttig. Søkeriteriene som brukeren har valgt kan ligge i en egen ramme, mens resultatene presenteres i en annen. På denne måten blir det lettere for brukeren å holde oversikt over sine søk. Kirsten Ribu - HiO - LO 130 A 25
26 Argumenter mot bruk av rammer: Rammer er fullstendig inkompatible med browsere som ikke støtter rammer. Nå er dette ikke det største problemet lengre, siden de fleste browsere av nyere versjon også støtter rammer. Hvis en side inneholder en frameset-tag i framesettet som peker til en annen side, vil alle linker i dette dokumentet føre til oppdatering i rammen. Hvis en skal linke til en side som ikke er ens egen er det derfor svært viktig at en husker target="top" eller target"_blank" i link-taggen. Kirsten Ribu - HiO - LO 130 A 26
27 Mer... Rammer gjør det også problematisk å sette "bookmark" på en side. Det er ikke mulig å "bookmarke" en kombinasjon av rammer, bare "hoveddokumentet". På den måten tvinges brukeren å gå tilbake til hovedsiden hver eneste gang. Brukeren vet altså ikke hvor han/hun egentlig befinner seg siden "current location" ikke kan leses som en URL. I tillegg kan det bli komplisert for den som er ansvarlig for en web-side med mye rammer å holde styr på alle framesetdokumentene som brukes underveis, og ikke minst holde oversikt over alle "frame names" som er definert og hvilke dokumenter som skal vises i disse. Hvis statisk informasjon som logoer og reklame legges i egne frames, er det ikke mulig "å kvitte seg" med dem. Når du først har sett dem, tar de bare opp skjermplass som kunne vært brukt til noe mer fornuftig. Men det er sikkert en bra løsning for nettsteder som ar avhengig av å vise reklame så ofte som mulig. Kirsten Ribu - HiO - LO 130 A 27
28 Bra bruk av rammer tm Kirsten Ribu - HiO - LO 130 A 28
29 Dårlige webside med rammer t.htm /webdesign/bad/bad_frames.htm Kirsten Ribu - HiO - LO 130 A 29
30 iframe Noen ganger ønsker man å ha et dokument i HTML dokumentet, i atedet det for å linke til det Da kan man bruke en iframe ( inline frame) Kirsten Ribu - HiO - LO 130 A 30
31 Iframe - Inline Frame IFRAME definerer en ramme inne i dokumentet som kan inneholde eksterne objekter, evt andre HTML dokumenter En inline frame kan være en target for andre linker OBJECT er bedre støttet enn IFRAME I motsetning til IFRAME er OBJECT inkludert i HTML 4.0 Strict. Kirsten Ribu - HiO - LO 130 A 31
32 Eksempel Kirsten Ribu - HiO - LO 130 A 32
33 Attributter til iframe Align Left Right Top Middle Bottom Frameborder: Vise ramme- border eller ikke Height, width Pixels % : Definerer rammens høyde, bredde Scrolling Yes No auto Kirsten Ribu - HiO - LO 130 A 33
34 HTML strict HTML 4.01 spesifiserer tre dokument- typer: Strict, Transitional, and Frameset. HTML Strict DTD Ren kode Bruk den med Cascading Style Sheets (CSS) Men det kan blir for strengt: Bruk heller Transitional sammen med iframe Kirsten Ribu - HiO - LO 130 A 34
35 Validering Kirsten Ribu - HiO - LO 130 A 35
36 Litt mer Javascript Kirsten Ribu - HiO - LO 130 A 36
37 Hendelser: Events onclick hendelse når du klikker på en knapp onmouseover onmouseout Kirsten Ribu - HiO - LO 130 A 37
38 Bokas ressurssider Kirsten Ribu - HiO - LO 130 A 38
39 Ukeoppgaver uke 42 Lag en side med rammer Lag en iframe og fyll den med innhold Bruk bokas ressurssider til kapittel 2 og lek med ulike javascript. ( Kirsten Ribu - HiO - LO 130 A 39
file:///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
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
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
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 ;-)
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
DetaljerHTML: Legg til lyd og video
HTML: Legg til lyd og video Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn:
DetaljerI denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.
CSS: Skjul ninjaene Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi, Kunst og håndverk
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
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
DetaljerCSS: 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
DetaljerSteg 1: Animasjons-attributtet
CSS: Animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering, Kunst og håndverk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole
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
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
Detaljer<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01
Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene
Detaljer1. XHTML. Innhold Innledning
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag XHTML Lene Hoff 19.9.2006 Lærestoffet er utviklet for faget XML Teknologi 1. XHTML Resymé: I denne leksjonen skal vi ta for oss standarden
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
DetaljerLyd og video på nettsider
Lesson 8 Lyd og video på nettsider All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what
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
DetaljerEKSAMEN. Elektronisk publisering. INNFØRING MED PENN, evt. trykkblyant som gir gjennomslag
Høgskolen i Gjøvik KANDIDATNUMMER: EKSAMEN FAGNAVN: FAGNUMMER: Elektronisk publisering L101G EKSAMENSDATO: 04.01.01 KLASSE: TID: FAGLÆRER: ANTALL SIDER UTLEVERT: TILLATTE HJELPEMIDLER: 99hinga/b, 99hdmua/b
DetaljerTilpassning av Wordpress - Enterprise Theme
Del 2 - Tilpassning Tilpassning av Wordpress - Enterprise Theme Del 1 var en gjennomgang av hvordan man setter opp det tekniske som kreves for å kjøre en Wordpress webside/blogg. Installere webserver (Apache)
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
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å
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
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
DetaljerSteg 1: Felix har forsvunnet!
HTML: Forsvunnet katt Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon Katten
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!
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
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
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
DetaljerFø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
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
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
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
DetaljerOppgavesamling til Webutvikling < >
TOM HEINE NÄTT EVA M. HORNNES JOSTEIN NORDENGEN Oppgavesamling til Webutvikling Oppdatert 08.09.2016 < > 2 Kapittel 1 Introduksjon til webutvikling 1.1 Hva husker du? Teori: Gå sammen to og to og besvar
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
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
DetaljerHjemmesidemanual. Pa logging. Innholdsfortegnelse
Hjemmesidemanual Innholdsfortegnelse Pålogging... - 1 - Logg på din hjemmeside og generell support info... - 2 - Kontrollpanel... - 3 - Oppdatering av profil opplysninger... - 3 - Meny... - 4 - Menypunkter...
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
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
DetaljerLæringsmål XML. Markering av tekst. SGML-familien. Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.
Markeringsspråk og XML Læringsmål XML Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.
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
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...
DetaljerDigital representasjon
Digital representasjon Om biter og bytes, tekst og tall Litt mer XHTML 30.08.2004 Webpublisering 2004 - Kirsten Ribu - HiO I dag Tallsystemer Om biter og bytes: hvordan tall og tekst er representert i
DetaljerInnhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6
Lage/endre leksjon 1 Innhold Innledning... 2 Lage en leksjon... 3 Legge inn tekst, kulepunktliste og bilde... 6 Kopiere og lime inn tekst fra andre programmer... 10 Bygge inn en video... 10 Sette inn hyperkobling...
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
DetaljerOppsummering fra forelesning 2
1 of 16 02.04.2015 15:42 Oppsummering fra forelesning 2 Lenker Lenker er, historisk sett, webens første eksistensberettigelse Lenker kan være relative (går til sider innenfor samme nettsted) eller absolutte
DetaljerBrukermanual til Domenia Norges adminløsning
Brukermanual til Domenia Norges adminløsning 1. Login For å logge inn på løsningen din skriver du inn domenenavnet ditt og /siteadmin (f.eks www.domenia.no/siteadmin ). Skriv inn brukernavn og passord
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å
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
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
Detaljer- reklamebannere mobil og tablet
Spesifikasjoner - reklamebannere mobil og tablet FINN.no Versjon 2.4 Sist oppdatert 16.08.2013 1. Innhold Innhold Introduksjon Målsetning Spesifikasjoner HTML Fysisk størrelse 225 px* Eksempler Størrelser
DetaljerEn enkel innføring i HTML koding
En enkel innføring i HTML koding Både Internet Explorer og Netscape Navigator kommer med egne verktøy for å lage HTML sider (FrontPage Express og Netscape Composer). Disse verktøyene inneholder et såkalt
DetaljerAUTOCAD 2008. Artikkelserie. Tabeller
Odd-Sverre Kolstad AUTOCAD 2008 Artikkelserie Tabeller Gyldendal Norsk Forlag AS 2007 Omslag Marianne Thrap Redaktør: Rune Kjelvik Formgiver: Rune Kjelvik 1. opplag ISBN 978-82-05-37108-8 Alle henvendelser
DetaljerLO130A Webpublisering. Forelesning 1 23.08.04
LO130A Webpublisering Forelesning 1 23.08.04 1 I dag Leksjon 1: Internett, webservere og nettlesere. Leksjon 2: Innledende om (X)HTML. 2 Kort om historien til INTERNETT ARPA-net (Advanced Research Project
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
DetaljerDAT106 WEBPUBLISERING Prosjektoppgave prosjektbeskrivelse
DAT106 WEBPUBLISERING Prosjektoppgave prosjektbeskrivelse UTGANGSPUNKT Jeg er musiker, og spilte trommer i et rockabillyband i Tromsø før jeg flytta til Arendal sist sommer. Mens jeg var med i bandet,
DetaljerHjemmesidemanual. Innholdsfortegnelse. Notater: - 1 -
Hjemmesidemanual Innholdsfortegnelse Pålogging... - 2 - Logg på din hjemmeside og generell support info... - 2 - Kontrollpanel... - 3 - Oppdatering av profil opplysninger... - 3 - Meny... - 4 - Menypunkter...
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
DetaljerEyeblaster - rich media partner
Eyeblaster - rich media partner Steg for steg hvordan man laster opp og skaper en ekspanderende annonse hos Eyeblaster. http://advertising.microsoft.com/norge/star tsiden Adsmsnno@microsoft.com Eyeblaster
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
DetaljerManual for innlegging av spesielt sideinnhold via «backend»
Manual for innlegging av spesielt sideinnhold via «backend» Versjon 2 28.3.2006 Utarbeidet av: Erik Svendsen TYPO3 Manual spesielle typer sideinnhold 2 For hvordan logg inn, samt beskrivelse av «backend»
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
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
DetaljerBruksanvisning for publisering på www.fysio.no
EZ Publish Bruksanvisning for publisering på www.fysio.no Gå til http://admin.fysio.no. OBS: Legg merke til at du ikke skal ha med www. Skriv inn brukernavn og passord. Nå er du klar til å redigere artiklene:
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
DetaljerOppsummering fra forelesning 1
1 of 25 01.04.2015 16:26 Oppsummering fra forelesning 1 HTML har å gjøre med innhold og struktur skal strengt tatt bare brukes til slikt. alt annet med css CSS kontrollerer utseende: utlegg, skrift og
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
DetaljerVeiledning Claw 2 CMS Innhold
Veiledning Claw 2 CMS Innhold Pålogging:...2 Knapper for redigering:...3 Sett inn bilde:...3 Endre filstørrelse på bilder:...5 Bildeegenskaper:...6 Sett inn tabell:...7 Link:...8 Anker:...9 Tekst:... 10
DetaljerMarkeringsspråk og XML Nettsider og XHTML
Markeringsspråk og XML Nettsider og XHTML Det var en gang og snipp, snapp, snute, så var det eventyret ute. Læreboka kapittel 3 og 4 5. september 2007 XML og XHTML XML = EXtensible
DetaljerSteg 1: Canvas-elementet
JS: Partikkel-animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduction
DetaljerLage klubbens webside i Rotary med verktøyet Webwiz 2.0
Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Versjon 1.0 av DICO 2250 25.04.2011 Det å lage en webside uten å ha kjennskap til dette fra før, kan virke vanskelig, men ikke fortvil. Det går alltid
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
DetaljerSlik lager du et web-område bestående av flere sammenhengende websider i. Frontpage 2003. Laget av Magnus Nohr Høgskolen i Østfold
Slik lager du et web-område bestående av flere sammenhengende websider i Frontpage 2003 Laget av Magnus Nohr Høgskolen i Østfold Innholdsfortegnelse 1 Opprett Web-område 3 2 Opprett en navigasjonsstruktur
DetaljerBrukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.
Brukermanual - Joomla Bonefish brukermanual - Joomla Gratulerer med ny nettside fra Bonefish. Du er nå blitt eier og administrator for din egen nettside, noe som gir deg visse forpliktelser ovenfor din
DetaljerMultimedia. Kirsten Ribu Hio Webpublisering LO130A 18.10.04
Multimedia Kirsten Ribu Hio Webpublisering LO130A 18.10.04 1 I dag Om lyd, animasjon og video og (X)HTML koden som trengs på sidene for å legge inn multimediafiler 2 Multimedia Gjør websidene dine mer
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
DetaljerKOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress
KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress Sist oppdatert 05.06.2015 Innholdsfortegnelse 1. Hva er Wordpress?... 3 2. Hvordan logger jeg inn i kontrollpanelet?...
DetaljerSteg 1: En første animasjon
Halloweenimasjon Skrevet av: Torbjørn Skauli og Geir Arne Hjelle Kurs: Scratch Tema: Blokkbasert, Animasjon Fag: Programmering, Engelsk, Kunst og håndverk Klassetrinn: 1.-4. klasse, 5.-7. klasse, 8.-10.
DetaljerAlle publiserte nyheter arkiveres i kategorier som du selv oppretter, Det gir deg en ryddig oversikt i arkivet senere.
PUBLISERING Som innlogget bruker får du tilgang til publiseringsfunksjoner... ABC for publisering Overskrift Ingress Ingressbilde Hovedtekst Widget Visning Verktøy Annet Alle publiserte nyheter arkiveres
DetaljerManual for elektronisk registrering av praktisk prøve
Manual for elektronisk registrering av praktisk prøve Oppdatert manual finner du på http://afr.norsktest.no M a n u a l f o r P r a k t i s k p r ø v e s y s t e m V.1 20091014 Side 1 av 9 Innhold 1. Elektronisk
DetaljerHvordan publisere bilder i galleriet til Norsk lundehund klubb
Hvordan publisere bilder i galleriet til Norsk lundehund klubb - en bruksanvisning Av Magnus Enger Versjon 1 Innhold 1) Registrer deg som bruker på Flickr.com 2) Last opp bilder 3) Legg bilder i galleriet
DetaljerForelesning 23/9-08 Webprog 1. Tom Heine Nätt
Forelesning 23/9-08 Webprog 1 Tom Heine Nätt Kursinfo Tom Heine Nätt E-post: tom.h.natt@hiof.no Mobil: 92012120 MSN: thnatt@hotmail.com All nødvendig info (forhåpentligvis) finnes på kursets webside: http://www.it.hiof.no/webprog1
DetaljerForsvunnet katt webside
Lesson 3 Forsvunnet katt webside All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what
DetaljerVeiledning hjemmeside Stjørdal Friidrettsklubb
Veiledning hjemmeside Stjørdal Friidrettsklubb Hjemmesida med adressen www.sfik.no er åpen for alle. Hvis du skal publisere et innlegg på hjemmesida må du logge deg inn med brukernavn og passord. Dette
DetaljerBrukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider
Brukerveiledning for SI Norge Publiseringsverktøy for klubbenes hjemmesider Innhold Hva finner du hvor?...s. 2 Ordliste..s. 3 Innlogging til Umbraco...s. 4 Opprette ny artikkel.s. 5 - Skrive tekst og laste
DetaljerProduktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk
Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk
DetaljerJS: Partikkel-animasjon Nybegynner
JS: Partikkel-animasjon Nybegynner Web Introduction I denne oppgaven skal vi bruke JavaScript til å få figurer vi å bevege seg. Vi skal altså lære å animere ved hjelp av JavaScript og noe som heter Canvas.
DetaljerKravspesifikasjon. Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011. Gruppemedlemmer
Kravspesifikasjon Høgskolen i Oslo, våren 2011 Sted og dato: Oslo, 9. februar 2011 Gruppemedlemmer Adeel Yousaf Khan s141459 Mats Klingenberg Naustdal s148155 Nur M. Ahmed s148108 Thomas Wiborg s161335
DetaljerBrukerdokumentasjon for LabOra portal - forfattere
Brukerdokumentasjon for LabOra portal - forfattere Skin: Dnnbest-Grey-Skin1024 Skin: Metro7 Custom LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.
DetaljerHjelp til Registrer arbeidstid
Hjelp til Registrer arbeidstid Sist oppdatert: 30.06.2010 Skjermbildet Registrer arbeidstid Kalender Ukeperspektiv/Dagsperspektiv Opprette og slette mal Registrere timer Slette timer For å komme til Registrer
DetaljerKom i gang med. Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools.
Kom i gang med Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools. i-tools er et produkt fra Innhold Innhold... 2 Om i-tools... 3 Om InBusiness...
DetaljerRegistrere isproblemer i regobs. Hvorfor? Alle kan se det umiddelbart! Formidle kort tekst og bilder som senere kan brukes i rapport
Registrere isproblemer i regobs Hvorfor? Alle kan se det umiddelbart! Formidle kort tekst og bilder som senere kan brukes i rapport Opprett bruker Første gang må en gjøre dette: Laste ned regobs-app til
DetaljerOblig 5 Webutvikling
Oblig 5 Webutvikling Magnus Kristiansen Oppgave 1 Jeg startet med å laste ned wordpress fra www.wordpress.org, og installerte det gjennom WAMP (lokalserver). Og brukte guiden i https://codex.wordpress.org/child_themes
DetaljerHTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1
Webdesign med Dreamweaver Glemmen vgs - Medier og kommunikasjon 1. januar 2013 Arly Dale 2013 Side 1 Strukturere layout på en webside Layouten på en webside kan organiseres på forskjellige måter. Tidligere
DetaljerAvansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten
Destinet 3.3 Manual Innholdsfortegnelse 1. Logg inn... 4 2. Destinet brukergrensesnitt... 5 1. Sidestruktur... 5 2. Modulpalett... 6 3. Forhåndsvisning av/på... 7 4. Faner... 8 1. Side... 8 2. Sett inn...
DetaljerBrukerveiledning wikispaces. Kursholder Kari Saasen Strand
Brukerveiledning wikispaces Kursholder Kari Saasen Strand Våren 2011 2 Innhold Hvordan lage en wiki?... 4 Opprette konto.... 4 Rediger din side... 5 Manage wiki... 5 Rediger din velkomstside... 6 Verktøymeny...
DetaljerCSS: Endre utseende og stil på tekst Nybegynner
CSS: Endre utseende og stil på tekst Nybegynner Web Introduksjon I denne oppgaven skal vi jobbe videre med skrift, størrelser og farger. Vi skal utforske forskjellige skrifttyper, se på bakgrunnsfarger
DetaljerOppgave 1. Oppgavenr A B C
Side 1 av 6 Oppgave 1 Oppgavenr A B C 1.1 O 1.2 O 1.3 O 1.4 O 1.5 O 1.6 O 1.7 O 1.8 O 1.9 O 1.10 O 1.11 O 1.12 O 1.13 O 1.14 O 1.15 O 1.16 O 1.17 O 1.18 O 1.19 O 1.20 O Side 2 av 6 Oppgave 2 Programmering
Detaljermed 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