Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted
|
|
- Stine Frantzen
- 8 år siden
- Visninger:
Transkript
1 Nettsider og XHTML <?xml version="1.0" encoding="utf-8"?> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> <title> En minimal nettside </title> Hallo, verden! SGML-familien SGML Standard General Markup Language HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language ISO 8879:1985 XML Extensible Markup Language Other XML-based Languages INF1040-XHTML-1 INF1040-XHTML-2 Hvordan lage et nettsted XHTML Extensible Hypertext Markup Language XML med en spesiell DTD egnet for utforming av nettsider se Erstatning for HTML Hypertext Markup Language Viktig bestanddel av Hypertext Transfer Protocol HTTP Nettleser Responsen tolkes og vises av nettleseren filtype XHTML-kodet tekst (eller binærfil bilde) web-tjener index.html INF1040-XHTML-3 INF1040-XHTML-4
2 Tre varianter av XHTML For XHTML kan vi velge mellom tre ulike DTDer Transactional Litt romslig DTD som bl.a. tillater elementer og attributter som har med visuell presentasjon å gjøre. Egnet for XHTML som er oppussede versjoner av tradisjonell HTML Frameset DTD som tillater bruk av rammer ( frames ). Omdiskutert teknologi. Ligg unna! Vi skal bruke strict! Strict DTD som utelukker elementer og attributter som har med visuell presentasjon å gjøre dette skal uttrykkes i stiler og stilark Hva INF1040 ikke dekker Dynamiske nettsider Nettsider som bygges opp on the fly på web-tjeneren, ofte på grunnlag av data som hentes fra en database Forms Formularer som brukeren av nettstedet kan fylle ut Image-maps Klikkbare bilder Klient-programmering Bruk av skriptspråk for å skape liv i nettsiden Java-Applets og ActiveX-controls Små programmer som lastes ned fra web-tjeneren og som utføres på klienten De to første temaene Sikkerhetsaspekter inngår i INF1050 INF1040-XHTML-5 INF1040-XHTML-6 Nettsidehode Nettsidekropp Strukturen på en nettside Sideoverskrift Link Brødtekst / bilder Tittel etc. Dato for siste oppdatering Redaktør, med e-post-adresse <html> nettsidehode nettsidekropp Den minimale XHTML nettside <?xml version="1.0" encoding="utf-8"?> Angivelse av DTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Angivelse av navnerom <title> En minimal nettside </title> Hallo, verden! INF1040-XHTML-7 INF1040-XHTML-8
3 Generelle editorer emacs Redigeringsverktøy Notepad (save som "filnavn.html ) Spesielle XHTML/HTML-editorer Dreamweaver Hot Metal Pro Word save as HTML Amaya (W3C open source) Vi skal ikke bruke altfor hjelpsomme spesielle XHTML/HTML-editorer, for vi skal lære XHTML Validering av XHTML-dokumenter For å kontrollere at et XHTML-dokument er gyldig, kan du bruke valideringstjenesten på Valider alltid dine nettsider! INF1040-XHTML-9 INF1040-XHTML-10 Publisering av nettsiden (på Ifi) Nettsidehodet Legg opp en mappe med navn www_docs på brukerområdet ditt (hvis den ikke er der fra før), og gi den tilgangstillatelser 755 Inneholder data som er interessante for nettleseren og andre programvarer (spesielt søkemotorer), men innholdet vises ikke på selve nettsiden Legg XHTML-teksten du vil publisere i mappen www_docs, sørg for at filtypen er html eller htm, og gi filen tilgangstillatelser 644 Nå er nettsiden tilgjengelig under URLen <title> En minimal nettside </title>. I det øyeblikk du har satt tilgangstillatelsene, er nettsiden offentlig tilgjengelig ved hjelp av nettlesere over hele Internett. Tenk over hva du publiserer! INF1040-XHTML-11 INF1040-XHTML-12
4 Tittel Nettsidekropp (forslag) XHTML-element for å gi web-siden en tittel <title> Tittel </title> Inngår i nettsidehodet <h1> Sideoverskrift (ofte samme som title) </h1> Påkrevet i XHTML-strict brødtekst (evt. med linker) Brukes i ymse lister og oversikter, f.eks. Favoritter Brukes i søkemotorenes databaser over nettsider Vises vanligvis i øverst i nettleservinduet Vises ikke på selve nettsiden Legg merke til mellomrommet foran /. <hr /> Dette er satt inn av hensyn til enkelte eldre nettlesere. eventuelle navigasjonslinker <br /> Oppdatert av NN dato, link til NN s epost-adresse INF1040-XHTML-13 INF1040-XHTML-14 Vanlige markeringer i nettsidekroppen <h1></h1> Overskrift. Finnes i 6 nivåer, fra h1 til h6 Paragraf omslutter brødteksten. Nettleseren skiller paragrafer med to linjeskift <br /> Tvunget linjeskift. <hr /> Horisontal Ruler horisontal linje. <em></em> Emphasis. Uthevet skrift (oftest kursiv) <strong></strong> Uthevet skrift (oftest fet) <!-- dette er en kommentar --> Bemerk at en vanlig CR og LF ignoreres av nettleseren INF1040-XHTML-15 Nettsidekropp eksempel <h1>inf1040 Digital representasjon</h1> I INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer <br />tekst <br />tall <br />lyd <br />bilder <br />og hva dette innebærer for <em>lagring</em>, <em>overføring</em> og <em>fremvisning</em>. <hr /> Oppdatert 27. august 2004 av gerhard&0x0040;ifi.uio.no INF1040-XHTML-16
5 Lister Unummerert liste: <ul> <li>...</li> <li></li> </ul> Nummerert liste: <ol> <li>...</li> <li></li> </ol> <ul> <li> første element</li> <li> andre element</li> første element </ul> andre element <ol> <li> første num-element</li> <li> andre num-element</li> </ol> 1 første num-element 2 andre num-element Lister eksempel <h1>inf1040 Digital representasjon</h1> I INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer <ul> <li>tekst</li> <li>tall</li> <li>lyd</li> <li>bilder</li> </ul> og hva dette innebærer for <em>lagring</em>, <em>overføring</em> og <em>fremvisning</em>. INF1040-XHTML-17 INF1040-XHTML-18 <dl> <dt>...</dt><dd>...</dt> <dt>...</dt><dd>...</dt> </dl> <dl> </dl> <dt>element 1 </dt> Definisjonsliste <dd> element1 beskrivelse </dd> <dt>element 2 </dt> <dd> element2 beskrivelse </dd> Element 1 Element 2 element1 beskrivelse element2 beskrivelse Definisjonsliste eksempel <h1>vanlige forkortelser på nettet</h1> <dl> <dt>afaik</dt> <dd>as Far As I Know</dd> <dt>imho</dt> <dd>in My Humble Opinion</dd> <dt>otoh</dt> <dd>in The Other Hand</dd> </dl> INF1040-XHTML-19 INF1040-XHTML-20
6 Tegnentiteter Vi husker at tegnene < > & har en spesiell betydning i XML Hvis slike tegn inngår i teksten, må de kodes på en spesiell måte: &tegnnavn; eller &#kodepunkt; altså: < < < > > > & & & I XHTML kan også andre tegn kodes på tilsvarende måte (nødvendig hvis tegnsettet er ren ASCII): æ æ æ ø ø ø å å å. For konvertering fra Unicode-tegn til heksadesimal, bruk for eksempel INF1040-XHTML-21 Tegnentiteter eksempel <h1>inf1040 Digital representasjon</h1> I INF1040 skal vi blant annet lære om hvordan vi i en datamaskin representerer <ul> <li>tekst</li> <li>tall</li> <li>lyd</li> <li>bilder</li> </ul> og hva dette innebærer for <em>lagring</em>, <em>overføring</em> og <em>fremvisning</em>. INF1040-XHTML-22 Linker <a href="url">tekst som beskriver linken</a> attributt verdi Eksempel: <h1>inf1040 Digital representasjon</h1> I <a href= " INF1040</a> skal vi blant annet lære om hvordan vi i en datamaskin representerer.. INF1040-XHTML-23 Absolutte og relative URLer En absolutt URL er komplett med Internettnode-adresse eks.: En relativ URL har ingen Internettnode-adressedel eks.: versjon2.html Nettsiden ligger da i samme filhierarki som nettsiden som inneholder linken. Relativ URL som ikke begynner med / Filbanen er relativ til nivået over nettsiden som inneholder linken Relativ URL som begynner med / Filbanen tar utgangspunkt i roten til filhierarkiet til nettsiden som inneholder linken INF1040-XHTML-24
7 Fremmed nettsted i nytt vindu Hvordan få åpnet fremmed nettsted i nytt vindu? <?xml version="1.0" encoding="utf-8"?> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " I <a href=" target="new">inf1040</a> skal vi blant annet. Legg merke til: transitional, ikke strict Relative URLer eksempel <h1>inf1040 XHTML-kurs</h1> Denne nettsidestrukturen inneholder eksempler på ulik utforming av en nettside <ul> <li> <a href="minimal.html">en minimal nettside</a> </li> <li> <a href="versjon1.html">en meget enkel nettside</a> </li> <li> <a href="versjon2.html">en nettside med liste</a> </li> <li> <a href="versjon6.html">en nettside med spesialtegn</a> </li> <li> <a href="versjon7.html">en nettside med link</a> </li> </ul> INF1040-XHTML-25 INF1040-XHTML-26 mailto Bilder på nettsiden mailto er en spesiell type URL som kaller opp e-postprogrammet (Eksempel: Se neste lysark) <img src="url" alt="alternativ tekst" width="pikselbredde" height="pikselhøyde"/></a> Mal for en mailto <a href="mailto:e-post-adresse"> beskrivende tekst for e-post-adresse</a> Eksempel: Oppdatert 27. august 2004 av <a href="mailto:gerhard@ifi.uio.no"> gerhard@ifi.uio.no</a> spesialtegnoppsett Publiser ALDRI en e-postadresse i klartekst på en nettside! Eksempel: <img src="binartall.gif" alt="binærtall" width="431" height="273"/> Angi alltid width og height. Da kan nettleseren bygge opp siden raskere. Angi alltid alt. Beskriver bildet, for eksempel hvis det ikke kan vises INF1040-XHTML-27 INF1040-XHTML-28
8 Bilder som utgangspunkt for linker <a href="url"><img src="url" alt="alternativ tekst" width="pikselbredde" height="pikselhøyde"/></a> Eksempel: <a href="index.html"> <img src="home.gif" alt="hjem" width="40" height="28"/> </a> Det er vanlig å bruke bildet av et hus som symbol for linken til hjemmesiden. Alternativ: Se senere nettsidemal Bilder som utgangspunkt for linker thumbnails Bilder kan være store og tidkrevende å laste ned. En thumbnail er et lite bilde som gir nettsurferen valget om hun vil se det i full størrelse: <a href="urltilstortbilde"><img src="urltilthumbnail" alt="alternativ tekst" width="pikselbredde" height="pikselhøyde"/></a> bildetekst/størrelse Eksempel: <a href="storttre.gif"> <img src="litetre.gif" alt="tre" width="40" height="28"/></a> Et vakkert tre [full størrelse 8 kb] INF1040-XHTML-29 INF1040-XHTML-30 Tabeller på nettsider Tabell eksempel 1 Rad1 Rad2 <table> Kolonne1 data11 data21 Kolonne2 data12 data22 Kolonne3 data13 data23 <tr><th> </th> <th>kolonne1</th><th>kolonne2</th><th>kolonne3</th></tr> <tr><th>rad1</th><td>data11</td><td>data12</td><td>data13</td></tr> <tr><th>rad2</th><td>data21</td><td>data22</td><td>data23</td></tr> </table> se INF1040-XHTML-31 <?xml version="1.0" encoding="iso "?> PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN" " <title>vanlige forkortelser på nettet</title> <h1>vanlige forkortelser på nettet</h1> <table> <tr><th>forkortelse</th><th>lang form</th></tr> <tr><td>afaik</td><td>as Far As I Know</td></tr> <tr><td>imho</td><td>in My Humble Opinion</td></tr> <tr><td>otoh</td><td>on the Other Hand</td></tr> </table> Eksempel fra INF1040-XHTML-32
9 Tabell eksempel 2 <?xml version="1.0" encoding="iso "?> PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN" " <title>vanlige forkortelser på nettet</title> <table> <caption>vanlige forkortelser på nettet</caption> <thead> <tr><th>forkortelse</th><th>lang form</th></tr> </thead> <tbody> <tr><td>afaik</td><td>as Far As I Know</td></tr> <tr><td>imho</td><td>in My Humble Opinion</td></tr> <tr><td>otoh</td><td>on the Other Hand</td></tr> </tbody> </table> Eksempel fra Mer moderne versjon med flere elementer, egnet for bruk av stilark INF1040-XHTML-33 Tabeller mer avanserte muligheter Tabellceller kan slås sammen, se for eksempel Stiler kan brukes til setting av tykkelse og farger på kantlinjer størrelse og farge på teksten polstring ("padding") rundt teksten bakgrunnsfarger INF1040-XHTML-34 Strukturen på et nettsted Gode råd om sideutforming relativ URL Hjemmeside index.html La nettsiden fortelle en selvstendig historie. Du vet ikke hvor leseren kommer fra, og hvor han drar. Tving ikke brukeren oppover i sidehierarkiet for at han skal kunne komme til neste side. underside underside absolutt URL fremmed nettside Lag korte, konsise sider. Begrens bruken av inline grafikk. Naturlig brødtekst også for linker: Unngå klikk her! Linker innen eget nettsted bør være relative Inkludér alltid en link til hjemmesiden! underside Linker til fremmede sider må være absolutte Det bør alltid være en link tilbake til hjemmesiden INF1040-XHTML-35 INF1040-XHTML-36
XML og XHTML. Hva er nå egentlig denne teksten? Et litt mer avansert XML-eksempel. Et meget enkelt XML-eksempel. For å få fortalt hva teksten er
Hva er nå egentlig denne teksten? XML og XHTML jfr. Cyganski avsnitt 2.4 2.7 Skagestein: Systemutvikling fra kjernen og ut, fra skallet og inn kapittel 13 http://www.w3schools.com/xml/ default.asp http://www.w3schools.com/xhtml/default.asp
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
DetaljerMarkeringsspråk og XML
Markeringsspråk og XML Det var en gang og snipp, snapp, snute, så var det eventyret ute. Rå tekst vs. formatert tekst Standarder som ASCII,
DetaljerMarkeringsspråk og XML
Markeringsspråk og XML Det var en gang og snipp, snapp, snute, så var det eventyret ute. Læreboka kapittel 3 INF1040-XML-1 Rå tekst vs.
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
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
DetaljerGrunnleggende 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.
DetaljerIntroduksjon til HyperText Markup Language
Introduksjon til HyperText Markup Language Skrevet av Atle Nes Avdeling for informatikk og e-læring Høgskolen i Sør-Trøndelag Dette er en kort introduksjon til hvordan du kan lage websider med en enkel
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
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
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
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
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
Detaljerthe 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
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
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
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
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
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
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
DetaljerRammer. 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
DetaljerHUMIT1731. Tekstkoding. Koding/merking av tekst Uke 35. Tekster som teknologiske produkter. Koding/merking på flere nivå. Utvikling av notesystemet
HUMIT1731 Koding/merking av tekst Uke 35 Tekstkoding Representasjon av info, om visse aspekter ved tekster, så som Typografi Innhold Struktur Annet på en eksplisitt, systematisk og formalisert måte HUMIT1731
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
DetaljerDobbelklikk 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
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
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.
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
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
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
DetaljerBRUK 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
Detaljeren 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
DetaljerPubliseringsveiledning for www.tromsfylke.no
Publiseringsveiledning for www.tromsfylke.no Sist oppdatert 09.07.2013 av Khalil Dahbi Innholdsliste 1. Side:... 3 a. Lage en ny side:... 3 b. Endre innstilling til en side:... 3 c. Slette en side:...
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 21/08-16 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
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
DetaljerKF Lokal personalhåndbok - brukerveiledning for redaktør
KF Lokal personalhåndbok - brukerveiledning for redaktør Innhold 1. KF Lokal personalhåndbok og KF Infoserie... 2 2 Din rolle - Redaktør... 4 3 Skriv lokal tekst... 4 4 Lag lenker i lokal tekst... 6 5.
DetaljerINF1040 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.
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
DetaljerBrukerveiledning for hjemmesider
Hegra Idrettslag Brukerveiledning for hjemmesider En kort innføring for bidragsytere på www.hegrail.no Ivar Friheim 2009-05-18 Innhold Innledning... 3 Nyheter... 3 Sider... 3 Kalenderinnslag... 3 Pålogging...
DetaljerForberedelser; 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
DetaljerEt forsøk på definisjon. Eksempel 1
[Kurssidene] [ ABI - fagsider bibin ] Introduksjon Michael Preminger (michael.preminger@hioa.no) 13/12-13 I denne forelesningen: Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Motivasjon:
DetaljerMarkeringsspråk og XML
Rå tekst vs. formatert tekst Markeringsspråk og XML Det var en gang og snipp, snapp, snute, så var det eventyret ute. Standarder som ASCII, ISO 8859-x og Unicode gjelder rå tekst (
DetaljerManual for innlegging av standard sideinnhold og nyheter via «backend»
Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende
DetaljerBruksanvisning for administrasjon av www.lillehammerfk.no
Bruksanvisning for administrasjon av www.lillehammerfk.no Målet med lillehammerfk.no er å være en levende nettside for hele klubben. For å få til det, må de enkelte lagene selv legge til innhold på nettsiden.
DetaljerPUBLISERING 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
DetaljerThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS
ThinkPage CMS 2.0 Hurtigveiledning Av ThinkPage AS ThinkPage CMS 2 Forord Dette er en midlertidig brukerveiledning tar for seg de viktigste basisfunksjonene i ThinkPage CMS og gir brukeren nødvendig innføring
DetaljerDen 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
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
DetaljerKom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010
Kom i gang Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010 Innholdsfortegnelse Introduksjon til Bedrift Online 4 Web-basert publiseringsverktøy 4 Hva du trenger 4
DetaljerSide 1. Sniggabo CMS brukermanual rev. 2
Side 1 Sniggabo CMS brukermanual rev. 2 INNHOLDSFORTEGNELSE Logg inn... 3 Menylinje... 3 Artikkelliste... 4 Ny artikkel... 5 Aktiviteter... 8 Rediger aktivitet... 9 Dokumenter... 9 Nytt dokument... 10
Detaljer1. Lage og vise et enkelt XML-dokument
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lage og vise et enkelt XML-dokument Lene Hoff (revidert av Tore Mallaug) 1.9.2013 Lærestoffet er utviklet for faget XML Teknologi 1. Lage
DetaljerBruksanvisning for publisering med ez publish 3.7.5
Bruksanvisning for publisering med ez publish 3.7.5 Bakgrunn for oppgraderingen Norsk Fysioterapeutforbund har oppgradert nettstedet www.fysio.no. Det er gått over tre år siden NFF lagde det nåværende
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon Michael Preminger (michaelp@hio.no) 23/08-06 I denne forelesningen: Motivasjon: Hvorfor vi lærer å programmere
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
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
DetaljerInfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby
InfoRed Publisering - produktbeskrivelse www.talkpool.no TalkPool WebServices Postboks 90 1484 Åneby InfoRed Produktbeskrivelse 2 Sammendrag InfoRed Publisering er produktet for å administrere en hel informasjonstjeneste,
DetaljerRevidert 08.10.2009_fg. Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted. www.tana.kommune.no
Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted www.tana.kommune.no 1 Gå til http://www.tana.kommune.no/admin/ Det enkleste er å lage en snarvei til skrivebordet. Når du har kommet til
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
DetaljerBedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt.
Bedrift Online Komme i gang Nå er det enklere enn noensinne å redigere nettstedet ditt. oktober 2008 Bedrift Online 2008 Nidelven IT and WOW webdesign. All rights reserved. Under the copyright laws, this
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
Detaljerwww.borettslag.net Brukermanual Versjon 2.0
www.borettslag.net Brukermanual Versjon 2.0 Brukermanual for hjemmesider fra Borettslag.net Innholdsfortegnelse: Velkommen som redaktør...3 Innlogging...4 Meny...5 Generelle innstillinger...6 Hovedmeny...8
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
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
Detaljerff Brukermanual ebladadmin Pro
ebladadmin ebladadmin er en nettbasert publiseringsløsning for publisering av eblad (digitale magasiner, publikasjoner, DM, årsrapporter, tilbudsaviser, kataloger, produktpermer, bruksanvisninger, mm)
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
DetaljerDette 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,
DetaljerVedlikeholde nettstedet i Joomla 2.5 +
Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet
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
DetaljerRevidert 05.02.2009_fg. Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted
Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted 1 Gå til http://www.tana.kommune.no/admin/ Det enkleste er å lage en snarvei til skrivebordet. Når du har kommet til Login siden, dra
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
DetaljerWordPress. Brukerveiledning. Kjære kunde. Innlogging:
Brukerveiledning WordPress Sist oppdatert: 26.02.2014 Kjære kunde Her er en liten guide for å hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging - s.1 Kontrollpanel
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...
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...
DetaljerHer er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.
Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Redigert 10.februar 2010. For at det skal bli lettere å lese denne manualen kan du justere størrelsen på dette
DetaljerBrukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7.
Velkommen til EPI-Server 7.5 (CMS) Levert av Skytterkontoret. EPI-Server 7.5 (CMS 7.5) er et publiseringssystem som gjør det enkelt for deg å oppdatere innholdet på dine Internettsider. I denne brukerdokumentasjonen
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 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å
DetaljerDel 1: Overgang fra gammel hjemmeside til ny hjemmeside
Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Instituttsider og personlige hjemmesider som ligger på HFs egen webserver skal nå fases ut.dette innebærer at alle som fortsatt har hjemmesider der,
DetaljerFormatering og bruk av bilder på Hemings hjemmeside
Formatering og bruk av bilder på Hemings hjemmeside Generelt om bildebruk Bilder skaper liv på en side. Mange undersøkelser har vist at øynene dras mot bilder på nettet. Noe av det første våre øyne dras
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...
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
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 i Siteman CMS for Godt Vann Drammensregionen
BrukerveiledningiSitemanCMSforGodtVannDrammensregionen HMO06.08.10 Innhold 1. Pålogging...2 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Velkomstside...2 2.1.Forskjellenside artikkel...2 Nyside...3 Redigereside...5
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
DetaljerLæringsmål og pensum. Skript og markupspråk. Hva er HTML?
1 2 Læringsmål og pensum TDT4105 Informasjonsteknologi grunnkurs: Uke 46 Markup og skriptingspråk Alf Inge Wang Asbjørn Thomassen Mål Viktige begreper, forkortelser og prinsipper for markup og skriptingspråk
DetaljerBrukerveiledning for PMP Kvalitet V2 med video veiledning V 2.3 11.11.2014
Brukerveiledning for PMP Kvalitet V2 med video veiledning V 2.3 11.11.2014 Innholdsfortegnelse 1 Hva er nytt i PMP Kvalitet Versjon 2.0... 5 1.1 Bruker hensyn... 5 1.2 Utvalgsliste... 5 1.3 Lenke liste...
DetaljerInnstillinger. Endre Personalia
Innstillinger Endre Personalia: Her kan du endre personlige innstillinger. Tilpass it's:learning: Her kan du tilpasse utseende og endre f. eks språk. Varsling: Du kan få varslinger tilsendt både på e-post
DetaljerDet samme som World Wide Web Et lokalnett (LAN) Et verdensomspennende nettverk Startsiden til et nettsted. Hva betyr forkortelsen HTML?
1 1 Fasit OK teorioppgaver Internett Hva er Internett? Det samme som World Wide Web Et lokalnett (LAN) Et verdensomspennende nettverk Startsiden til et nettsted HTML Hva betyr forkortelsen HTML? HelpTool
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
DetaljerBrukermanual for lr.no
Brukermanual for lr.no mars 2009 - revidert november 2011 Innhold 1 Introduksjon... 2 2 Pålogging... 3 3 Medlem... 4 3.1 Legge til kommentarer... 4 4 Ansatt...... 5 4.1 Legge til nyhet... 5 4.2 Legge til
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
DetaljerDigitale dokumenter 1
Digitale dokumenter 1 Struktur: HTML5 Tine Lodberg Frost Digitale dokumenter 11.11.2013 Delvis basert på forelesningsnotater av Tor Arne Dahl Dagens forelesning Introduksjon Praktisk informasjon Bakgrunn
DetaljerOppsummering 2008 del 1
INF1040 Digital it representasjon Oppsummering 2008 del 1 Ragnhild Kobro Runde INF1040-Oppsummering-1 Fredag 5. desember 2008. 09.00 12.00 Møt senest 08.45! Ta med legitimasjon! Eksamen I Ingen hjelpemidler
DetaljerOppsummering 2008 del 1
INF1040 Digital it representasjon Oppsummering 2008 del 1 Fredag 5. desember 2008. 09.00 12.00 Eksamen I Møt senest 08.45! Ta med legitimasjon! Ingen hjelpemidler tillatt, heller ikke kalkulator. Ragnhild
DetaljerINF1040 Digital representasjon Oppsummering
INF1040 Digital representasjon Oppsummering Ragnhild Kobro Runde, Fritz Albregtsen INF1040-Oppsummering-1 Fredag 7. desember 2007. 09.00 12.00 Møt senest 08.45! Ta med legitimasjon! Eksamen I Ingen hjelpemidler
DetaljerInstallasjons veiledning for QuickNG SuperService integrasjon
Installasjons veiledning for QuickNG SuperService integrasjon OKTOBER 2012 REV 0.3 Oppsett av SuperService Log på SuperService online: https://login.ifmsystems.com/default.aspx Du må ha en bruker fra SuperService
DetaljerKursinformasjon på VVV
Informasjon fra driftsgruppen Kursinformasjon på VVV Svein Bøe Øystein Christiansen Dag Langmyhr Ingebjørg Theiss 6. januar 1998 Institutt for informatikk Universitetet i Oslo Innhold 1 Litt om VVV 3 1.1
Detaljer