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

Størrelse: px
Begynne med side:

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

Transkript

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

2 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene er gitt av de kodene som inngår i tekstdokument. HTML-koden er en slik instruks, og den identifiserer tekst som programkode. Når du bruker mest koder, er det nødvendig å inkludere en innledende og avsluttende koden slik at nettleseren vet hvor å bruke instruksjonene. TEKST <h1>tekst</h1> <h2>tekst</h2> <h3>tekst</h3> <h4>tekst</h4> <b>tekst</b> <i>tekst</i> <br> <p>tekst</p> Størst skrift Stor skrift Større skrift Minst skrift Bold skrift Italic skrift Linjeskift (taggen står alene) Avsnitt FARGER <font color="#ff0000">tekst</font> Rød tekst <font color="#0000ff">tekst</font> Blå tekst <font color="#00ff00">tekst</font> Grønn tekst <font color="#ffff00">tekst</font> Gul tekst Komplett oversikt over fargene finnes blant annet på adressen: LINKER Link der du bestemmer teksten.. Eksempel: Geocaching i Norge. [url= Eksempel: [url= i Norge[/url] Link der du bestemmer teksten, og som åpner seg i eget vindu: <a href=" target="_blank">tekst</a> Eksempel: <a href=" target="_blank">geocaching i Norge</a> Link der selve adressen vises. Eksempel: [url] Eksempel: [url]

3 RAMMER Side 3 <table border="1"> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> SERIE MED BILDER I TABELL ( Endre <table border="1"> til <table border="0"> og du fjerner rammen) LISTE MED DOTT FORAN <ul> <li>linje 1</li> <li>linje 2</li> <li>linje 3</li> <li>linje 4</li> <li>linje 5</li> </ul> <body> <html> <h4>navn på billedserien:</h4> <table border="1"> </table> </body> </html> TIPS TIL FORMINSKING AV BILDE 1. Merk bildefila som skal forminskes 2. Høyreklikk på fila og velg Åpne i og deretter Paint 3. I nedtrekksmenyen velger du Bilde og deretter Strekk/Forskyv 4. Sett både Vannrett og Loddrett til for eksempel 50% og klikk OK 5. Lagre og Lukk paint. 6. Er bildet fortsatt for stort, gjenta prosessen. BILDE <img src="bilde link her" align="right"> Bilde plassert til høyre, tekst til venstre. <img src="bilde link her" align="left"> Bilde plassert til venstre, tekst til høyre <center><img src="bilde link her"></center> Bilde sentrert på siden, ingen tekst på sidene. <img src="bilde link her"> Bilde plassert fra venstre og mot høyre, ingen tekst på siden.

4 Usynlig ramme til bilde. Forandrer størrelsen på bildet ved å endre på tallene i width og height Side 4 Husk å endre proposjonalt. Omregningskalkulator finnes på <img border="0" src= "bilde her" alt="" width="450" height="338" /> HVORDAN FINNE BILDELINKEN PÅ 1. Last opp et bilde til cachesiden på normal måte 2. Klikk på navnet på bildefilen på cachesiden. NB: Det er her meget viktig at du ikke klikker på edit/rediger, da vil feil adresse komme frem. 4. Linken til bildet sees nå i adressefeltet. Husk at det alltid skal slutte med.jpg. Klikk èn gang på teksten i adressefeltet slik at den blir merket, høyreklikk med musa og velg kopier. 5. Gå tilbake til redigeringsbildet på den aktuelle cachen, og lim inn ved å høyre klikke med musa i bildetaggen. Den blir da seende slik ut: Eksempel: Før: <img src="bilde link her"> Etter: <img src="

5 SCRIPT Side 5 <center><a href=" target="_blank"> <img src=" alt="geocaching i Norge" /> </a></center> <center><a href=" target="_blank"> <img src=" alt="geocaching i Norge" / ></a></center><br> <center><div align="center"><a href=" target= "_blank"><img src=" alt= "Geocaching i Norge" title="landsbycacherne/geocaching i Norge" border="0"> </a></div></center> <br><br><center><div align="center"><a href=" target= "_blank"><img src=" alt= "Geocaching i Norge" title="landsbycacherne/geocaching i Norge" border="0"> </a></div></center> <br><center><a href=" target="_blank"> <img src=" alt="geocaching i Norge" / ></a></center><br> Endrer du tallet i cellpadding, forandrer du avstanden mellom logoene. Jo høyere tall, jo mer avstand. <center> <table border="0" cellpadding="50"> <td> <div align="center"><a href=" target="_blank"><img src=" webfm_send/139" alt="geocaching i Norge" title="landsbycacherne/geocaching i Norge" border="0" / ><a></div> </td> <td><br /> <br /> <a href=" target="_blank"><img src=" alt="geocaching i Norge" /></a></td> </table> </center>

6 TELLEVERK /COUNTER PÅ CACHESIDEN 1. Gå inn på siden 2. Klikk på Get your flag counter 3. Neste bilde er det like greit å klikke skip på. 4. Klikk en gang på adressen som kommer i det øverste feltet merket Code for websites. Denne blir nå merket, så høyreklikker du med musa og velger kopier. 5. Gå tilbake til redigeringsbildet på den aktuelle cachen, og lim inn på ønsket sted, ved å høyre klikke med musa. Tilføy gjerne <center> før, og </center> etter linken hvis du vil sentrere den på siden. Lim HTML koden inn helt til slutt, etter logoene. Benytt følgende tag: <br><center>htmlkode fra Flagcounter</center> ANDRE RESSURSER:

Oppbygging av innhold på responsive nettsider.

Oppbygging 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

Detaljer

Grunnleggende om websider og HTML-kode

Grunnleggende om websider og HTML-kode Grunnleggende om websider og HTML-kode Html er et språk / en standard som brukes for å gi instrukser til nettlesere om hvordan ulike elementer på en webside skal fortolkes og presenteres for en sluttbruker.

Detaljer

Steg 1: Vi starter fra toppen

Steg 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

Detaljer

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

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage Vi lager hjemmeside Forberedelser; 1) Start med Utforskeren. Still deg i C: 2) Lag ei ny mappe som du døper det navnet du vil legge alle filene og mappene du vil legge ut på internett i. 3) Hvis du ikke

Detaljer

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

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

Detaljer

HTML: Legg til lyd og video

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

Detaljer

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO Innhold Kapitel 1 - Registrering og innlogging... 2 Kapitel 2 - Lage ny artikkel uten bruk av bilder eller annen grafikk... 3 Kapitel 2a - Ingress... 4 Kapitel 3

Detaljer

EKSAMEN / 6101N WebPublisering

EKSAMEN / 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

Detaljer

Lyd og video på nettsider

Lyd 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

Detaljer

INF1040 Oppgavesett 2: Nettsider og XHTML

INF1040 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

Detaljer

BRUK AV TEKSTEDITOREN

BRUK AV TEKSTEDITOREN Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS er Brukermanualen er utarbeidet av Datamann AS Postboks 74 9551 ØKSFJORD Telefon 78 45 95 00 Telefaks 78

Detaljer

www.lakselvdal.no Brukerkurs 16.februar 2012

www.lakselvdal.no Brukerkurs 16.februar 2012 Brukerkurs 16.februar 2012 Kort introduksjon til world wide web og struktur der. Forskjellige måter å lage seg en hjemmeside på. Hvordan vi i Lakselvdal gjør det. Og viktigst av alt, utdanne flere til

Detaljer

Brukermanual til Domenia Norges adminløsning

Brukermanual 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

Detaljer

Bilder, tabeller. Kirsten Ribu 26.09

Bilder, 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

Detaljer

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang.

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang. Lesson 2 en hjemmeside All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

the web Introduksjon Lesson

the web Introduksjon Lesson Lesson 1 the web All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Hvordan legge ut en melding i Fronter

Hvordan legge ut en melding i Fronter OPPDATERT 1. sept 2008 Hvordan legge ut en melding i Fronter Vi skal her lære å legge ut meldinger. De vil være noe kjedelige av utseende fordi vi har lagt vekt på at det skal være rask å bruke, lett å

Detaljer

Memoz brukerveiledning

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

Detaljer

EKSAMEN Web-publisering

EKSAMEN 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

Detaljer

Kursdokumentasjon for Dreamweaver

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

Detaljer

En enkel innføring i HTML koding

En 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

Detaljer

Halloweenimasjon Introduksjon Scratch PDF

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

Detaljer

html - minikurs ved Sverre Andreas Fekjan webforum

html - minikurs ved Sverre Andreas Fekjan webforum html - minikurs ved Sverre Andreas Fekjan webforum 26.10.11 html er begynner med og slutter med . De fleste er omsluttende: Overskrift Avsnitt

Detaljer

Veiledning Claw 2 CMS Innhold

Veiledning 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

Detaljer

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

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

Detaljer

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

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

Detaljer

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

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

Veiledning hjemmeside Stjørdal Friidrettsklubb

Veiledning 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

Detaljer

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

file:///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

Detaljer

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

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

Detaljer

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

Detaljer

Tegneprogram Journeyman Scratch PDF

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

Detaljer

Hvordan å lage og publisere ditt personlige visittkort

Hvordan å lage og publisere ditt personlige visittkort Hvordan å lage og publisere ditt personlige visittkort Av Asle Skauge Dette skal være en bruksanvisning som alle kan følge for å få lagt ut sitt personlige visittkort på internett. Hensikten med et slikt

Detaljer

CSS-formatering: stilark med kommentarer

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

Detaljer

Steg 1: En første animasjon

Steg 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.

Detaljer

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.

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

Detaljer

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

Dette skjer når jeg trykker på denne knappen Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg Tegning med SVG Skrevet av: Teodor Heggelund Kurs: Elm Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon I denne oppagaven skal vi lære

Detaljer

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

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

Detaljer

OBLIG 1 - WEBUTVIKLING

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

Detaljer

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

Detaljer

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden.

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden. 1. Logg deg inn i portalen: Klikk på Min side og oppgi medlemsnummer og passord: Inntil du endrer passord, er det NJFF + ditt postnummeret, som er passord, f.eks. NJFF1378. Velg fylkeslag fra dropdown-menyen

Detaljer

Javascript. Mer om layout

Javascript. 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 ;-)

Detaljer

Brukerguide for www.altadykkerklubb.com

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

Detaljer

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

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

Detaljer

Brukerveiledning WordPress. Innlogging:

Brukerveiledning WordPress. Innlogging: Brukerveiledning WordPress Her er en liten guide for hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging Lage en side Lage et innlegg Innlogging: For å logge

Detaljer

Brukerdokumentasjon for LabOra portal - forfattere

Brukerdokumentasjon 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.

Detaljer

Felix og Herbert. Felix og Herbert. Introduksjon

Felix og Herbert. Felix og Herbert. Introduksjon 1 Felix og Herbert 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. Felix og

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

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

Detaljer

HTML: Del inn nettsiden

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

Detaljer

Bruk av hjemmeside for styret/utvalg Molde seilforening

Bruk av hjemmeside for styret/utvalg Molde seilforening Bruk av hjemmeside for styret/utvalg Molde seilforening Hvert utvalg er ansvarlig for å legge ut sine nyheter Case 1: Legge ut nyheter Case 2: Oppdater kalender LOGIN: www.moldeseilforening.no/admin Brukernavn/passord

Detaljer

Versjon 1 4.5.2006. Utarbeidet av: Erik Svendsen

Versjon 1 4.5.2006. Utarbeidet av: Erik Svendsen Manual for valg av sidemal, skjule sider i meny, laste opp filer for nedlasting, gjøre sider eller innhold bare tilgjengelig for innlogga brukere,legge inn akronymer/forkortelser og legge inn brukere/brukergrupper.

Detaljer

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. I denne guiden skal jeg ta for meg hvordan man kan legge til eller endre tekst, opprette nyheter og

Detaljer

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6

Innhold. 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...

Detaljer

Brukerveiledning digital eksamen via WISEflow

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

Detaljer

Hvordan slette midlertidige filer i Java kontrollpanel

Hvordan slette midlertidige filer i Java kontrollpanel Hvordan slette midlertidige filer i Java kontrollpanel For Windows XP 1. Lukk Internet Explorer eller andre nettlesere 2. Klikk på Start Innstillinger Kontrollpanel: 3. Et nytt vindu vises, finn Java/Java

Detaljer

Håkon Tolsby Håkon Tolsby

Hå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

Detaljer

Rammer. Mer om Javascript

Rammer. Mer om Javascript Rammer. Mer om Javascript LO130A Kirsten Ribu 11.10.2004 Kirsten Ribu - HiO - LO 130 A 1 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2 Innledende om rammer (Frames) Med rammer

Detaljer

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

NCE 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

Detaljer

C.9.7 Hoved- og deldokumenter

C.9.7 Hoved- og deldokumenter OpenOffice.org C Tekstbehandling med OpenOffice.org Writer.X C.9.7 Hoved- og deldokumenter Store dokumenter kan bygges opp av deldokumenter som f.eks. kan tilsvare kapitler i det store dokumentet (hoveddokumentet).

Detaljer

Bruk av OpenOffice.org 3 Writer

Bruk av OpenOffice.org 3 Writer Bruk av OpenOffice.org 3 Writer OpenOffice.org 3 er et gratis og bra alternativ til Microsoft Office (Word, Excel, Power Point osv.). 1 Oppstart av OpenOffice.org Trykk på Start etterfulgt av Programmer

Detaljer

WordPress.com: Enkel bruksanvisning for blogging

WordPress.com: Enkel bruksanvisning for blogging WordPress.com: Enkel bruksanvisning for blogging TIPS: Søk frem eventuelle bilder og lenker du skal benytte før du begynner å blogge. Eller arbeid med flere vinduer (eller faner) av nettleseren åpen samtidig.

Detaljer

Oblig 1 Erlend Hannestad

Oblig 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

Detaljer

Brukerdokumentasjon Prosjektrom

Brukerdokumentasjon Prosjektrom Brukerdokumentasjon Prosjektrom eksterne brukere Microsoft SharePoint 2010 Veidekke Side 1 Innhold Komme i gang... 3 Hvordan orientere seg i prosjektrommet?... 4 Laste opp dokumenter til prosjektrommet...

Detaljer

Perspektivtegning med Paint

Perspektivtegning med Paint Perspektivtegning med Paint Hvis du bruker Microsoft Windows, har du tilgang til programmet Paint. Paint finner du som regel ved å velge Start, Alle programmer og Tilbehør. Med Paint kan du bl.a. lage

Detaljer

Den beste måten hvis du skal endre allerede eksisterende artikler

Den beste måten hvis du skal endre allerede eksisterende artikler OPPLÆRING I NETTPUBLISERING MED JOOMLA 3 Sist oppdatert: 2. October 2018 13:49 redigering fra FORSIDEN Den beste måten hvis du skal endre allerede eksisterende artikler Side 2 Innhold Forsiden - redigere

Detaljer

Hjemmesidemanual. Innholdsfortegnelse. Notater: - 1 -

Hjemmesidemanual. 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...

Detaljer

CSS: Animasjon Nybegynner

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

Detaljer

19.03.14 1. HBF Drammen 2014 Tips og triks 1. Innhold... Side. Tips og triks 1... 3

19.03.14 1. HBF Drammen 2014 Tips og triks 1. Innhold... Side. Tips og triks 1... 3 19.03.14 1 HBF Drammen 2014 Tips og triks 1 Innhold... Side Tips og triks 1... 3 Meny Fil i hovedknapperad... 3 Sikkerhetslagring... 3 Presentasjonsegenskap... 4 Detaljoppsett... 4 Lagoppsett... 5 Pennoppsett...

Detaljer

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

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

Detaljer

TEKST - 1. åpne bildet av blåveisene. dobbeltklikk på låsen på Background i Layers Paletten din

TEKST - 1. åpne bildet av blåveisene. dobbeltklikk på låsen på Background i Layers Paletten din TEKST - 1 Her skal vi jobbe litt med tekst. Når vi lager personlige kort så kan det være greit å kunne lage litt ekstra ut av fonten (teksten). Vi skal også bruke layer mask i denne øvelsen. 1 åpne bildet

Detaljer

Dette eksemplet forutsetter at du allerede har gjennomgått Kom i gang med tavler 1.

Dette eksemplet forutsetter at du allerede har gjennomgått Kom i gang med tavler 1. Kom i gang 2: En sekvens av tavler for strukturert skriving En sekvens av tavler for strukturert skriving I dette eksemplet vil vi lage et miljø for å bygge setninger ved hjelp av et strukturert sett med

Detaljer

Forberedelser: Last ned bildefiler

Forberedelser: Last ned bildefiler Tegneprogram Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Helge Astad og Anne-Marit Gravem Kurs: Scratch Tema: Blokkbasert Fag: Matematikk, Programmering, Kunst og håndverk Klassetrinn:

Detaljer

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Innhold KOMME I GANG 3 Logge på 3 I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Lukk 7 Ny 7 Flytt opp/ Flytt ned 7 Klipp 8 Kopier 8 Lim inn (krysspubliser, ny,

Detaljer

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5

KOMME 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,

Detaljer

Brukerveiledning wikispaces. Kursholder Kari Saasen Strand

Brukerveiledning 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...

Detaljer

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

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

Detaljer

Veiledning til OpenOffice. Tekstbehandling 2

Veiledning til OpenOffice. Tekstbehandling 2 Veiledning til OpenOffice Tekstbehandling 2 Innføring i OpenOffice.org Writer Grunnskolen i Nittedal Tekstbehandling 2 Når du er ferdig med heftet skal du kunne: Klippe og lime tekst Midtstille, høyre

Detaljer

Om du allerede kjenner Scratch og har en Scratchbruker kan du gå videre til Steg 1.

Om du allerede kjenner Scratch og har en Scratchbruker kan du gå videre til Steg 1. Pingviner på tur Skrevet av: Geir Arne Hjelle Kurs: Scratch Tema: Blokkbasert, Spill Fag: Programmering Klassetrinn: 1.-4. klasse, 5.-7. klasse, 8.-10. klasse Introduksjon Velkommen til Scratch. Vi skal

Detaljer

BRUKSANVISNING FOR STYREMEDLEMMER

BRUKSANVISNING FOR STYREMEDLEMMER Innhold BRUKSANVISNING FOR STYREMEDLEMMER... 2 PÅLOGGING OG ORGANISAJONSSTRUKTUR... 2 REDIGERE EKSISTERENDE DOKUMENTER... 5 NYE DOKUMENTER... 6 IMPORTERE FILER... 12 NYHETER... 14 KAMPANJER... 17 KONTAKTER

Detaljer

Brukermanual. System for oversiktslister. Entreprenører

Brukermanual. System for oversiktslister. Entreprenører Brukermanual System for oversiktslister Entreprenører v2007-02-24 Side 1 av 11 INNHOLDSFORTEGNELSE Innholdsfortegnelse... 2 Innlogging... 3 Registrer underentreprenør... 4 Registrer mannskap... 5 Oversiktslister...

Detaljer

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

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

Detaljer

Hjemmesidemanual. Pa logging. Innholdsfortegnelse

Hjemmesidemanual. 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...

Detaljer

Excel. Kursopplegg for SKUP-konferansen 2015. Laget av trond.sundnes@dn.no

Excel. Kursopplegg for SKUP-konferansen 2015. Laget av trond.sundnes@dn.no Excel Kursopplegg for SKUP-konferansen 2015 Laget av trond.sundnes@dn.no 1 Konseptet bak Excel er referansepunkter bestående av ett tall og en bokstav. Et regneark består av loddrette kolonner (bokstav)

Detaljer

Kom i gang med emedia

Kom i gang med emedia Kom i gang med emedia Rev. 1 IG Solutions, www.ig-solutions.com 1 Innholdsfortegnelse: Fremside 1 Innholdsfortegnelse 2 Hvordan lage plastkort 3 Legg til bakgrunnsbilde 4 Legg til foto 4 Legg til tekst

Detaljer

Konfirmantmodul integrert i LabOra Portal

Konfirmantmodul integrert i LabOra Portal Konfirmantmodul integrert i LabOra Portal Denne modulen gjør det mulig at konfirmantene SELV kan registrere informasjon om seg selv og sine foresatte ved påmelding til konfirmasjon. I tillegg kan det defineres

Detaljer

Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP.

Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP. 1 Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP. (Læreboka kapittel 2-5) Legg merke til den første blokken,

Detaljer

www.slektshistorielaget.no og Java

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

Detaljer

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

CSS: 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å

Detaljer

Forsvunnet katt webside

Forsvunnet 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

Detaljer

EKSAMEN Webpublisering

EKSAMEN 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

Detaljer

Hvordan bruke Tru-test lesestav

Hvordan bruke Tru-test lesestav Hvordan bruke Tru-test lesestav Hvordan lage en varselfil med hjelp av Sauekontrollen og Excel Eksempel: Varselfil med lammedato og antall lam/ foster En varslingsfil skal kun innholde to kolonner. En

Detaljer

Åsveien 9, 3475 Sætre Telefon: +4731305656 Mobiltelefon: +4790840810 Faks: +4731305852 E-post: rontech@rontech.no www.rontech.no.

Åsveien 9, 3475 Sætre Telefon: +4731305656 Mobiltelefon: +4790840810 Faks: +4731305852 E-post: rontech@rontech.no www.rontech.no. Åsveien 9, 3475 Sætre Telefon: +4731305656 Mobiltelefon: +4790840810 Faks: +4731305852 E-post: rontech@rontech.no www.rontech.no Gekab Merkesystem - Snarvei til mer effektiv merking Systemet er beregnet

Detaljer

Steg 1: Animasjons-attributtet

Steg 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

Detaljer

Produktdokumentasjon gruppe 16 Grüner FK

Produktdokumentasjon gruppe 16 Grüner FK Produktdokumentasjon gruppe 16 Grüner FK Sammendrag Dette skrivet er vår produktdokumentasjon for hovedprosjekt våren 2009 ved høgskolen i Oslo. Sent høsten 2008 ble vi kontaktet av Grüner FK s b-lag gjennom

Detaljer

Eksport og innsending

Eksport og innsending Eksport og innsending Dette er en beskrivelse av hvordan du kan pakke inn og sende filer i et prosjekt i Eclipse. Prosjektet ditt ser for eksempel slik ut i Package Explorer: Her viser Package Explorer

Detaljer

Dobbelklikk på program-ikonet!

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

Detaljer

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.

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

Detaljer

Næringsregner på PC n versjon 1.1.0

Næringsregner på PC n versjon 1.1.0 Laget av Innhold: Introduksjon 2 Næringsregner på PC n 2 Næringstabell 2 Statistikk 2 Hvem passer programmet for? 2 Bruk av programmet 3 Innlogging av forskjellige brukere 3 Hovedprogramet har 3 felt 4

Detaljer

CASCADING STYLESHEETS (CSS)

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

Detaljer

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

TENK 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

Detaljer