HTML5. Den enda versionen av HTML du behöver Emil Stenström Suniweb 2010

Storlek: px
Starta visningen från sidan:

Download "HTML5. Den enda versionen av HTML du behöver Emil Stenström Suniweb 2010"

Transkript

1 HTML5 Den enda versionen av HTML du behöver Emil Stenström Suniweb 2010

2 @EmilStenstrom

3 Approach HTML5 är både stort, och luddigt Vi har 45 minuter på oss Era frågor får styra vad jag berättar om

4 Varför använder ni inte redan HTML5?

5 HTML5 Vad ingår i HTML5? Ny och ändrad HTML Javascript API:er med exempelkod Argument för HTML5 Hur gör man? Tillgänglighet Sökmotorer Bakåtkompatibilitet Vad händer med XHTML?

6 Vad ingår i HTML5? Massor ord (vs ord i HTML4) ord för webbutvecklare Specifikation av parsning Uppdatering av taggar och attribut ~15 nya JavaScript-API:er Förhållandet till XHTML Idé om bakåt- och framåtkompatibilitet

7 Parsning av HTML HTML4 saknar parsningsinstruktioner HTML5 har hela algoritmen i spec:en Kommer med referensimplementation: Byggd tillsammans med alla webbläsartillverkare

8 Vad är korrekt HTML5? <DIV>A monkey</div> <p id=john>john's P</p> <InPuT type="text"> <input type="text" /> Japp, allt det är korrekt.

9 Uppdatering av tillåtna taggar Ny Doctype Nya taggar Ändrade taggar Borttagna taggar Nya attribut

10 Ny doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> <!doctype html>

11 Nya taggar section article aside hgroup header footer nav figure figcaption... Generell avdelning. Används med hx. Oberoende del av dokumentet Innehåll med svag koppling till resten En rubrik, som kan innehålla flera hx Avdelning för introduktion/navigation Avdelning för författare/copyright Del av sidan med navigation i Oberoende atomärt innehåll Valfri beskrivningstext till figure

12 Nya taggar video audio embed mark progress meter time ruby/rt/rp... Videouppspelning utan plugin Ljuduppspelning utan plugin För att starta plugins. Ej tidigare spec:ad Text som är markerad i referenssyfte Visa hur långt som är kvar Mätvärde, t.ex. vid diskanvändning Datum, Tid, eller båda Annotering av (primärt) östasiatisk text

13 Nya taggar wbr canvas command details summary datalist keygen output Hint för vad radbrytning kan göras Dynamisk rityta för javascript Kommando som användaren kan anropa Mera information om något, kan öppnas Sammanfattning av innehållet i details Lista av värden för <input type= list > Gränssnitt för generering av nyckelpar Någon slags utdata, t.ex. från beräkning

14 (Några) ändrade taggar b cite hr i menu s small strong Stilistiskt annorlunda, utan extra vikt Titeln på ett refererat verk Tematiskt avbrott Text i annan stil, eller typografiskt kursiv Toolbar eller meny Inte längre relevant text Finstilt Vikt snarare än betoning

15 Borttagna taggar Presentionstaggar basefont big center font strike tt u Tillgänglighetsproblem frame frameset noframes Har bättre ersättare acronym applet isindex dir

16 Nya attribut för input-element tel search url datetime date month week time datetime-local number range color Fallback till text där det inte känns igen. Möjlighet att göra javascript-version där stöd saknas. Validering client-side Default-styling görs i webbläsaren

17 Några intressanta attribut meta: charset input: autofocus input: placeholder style: scoped html: manifest iframe: sandbox <meta http-equiv="content-type content="text/html; charset=utf-8"> <input type= text autofocus> <input type= text placeholder= > <style scoped> p { color: blue; } </style> <html manifest= clock.manifest > <iframe sandbox></iframe> Och attribut till...

18 Microdata-attribut <div> <h1>hendershot's Coffee Bar</h1> <p>1560 Oglethorpe Ave, Athens, GA</p> </div>

19 Microdata-attribut <div itemscope itemtype="http://data-vocabulary.org/organization"> <h1 itemprop="name">hendershot's Coffee Bar</h1> <p itemprop="address" itemscope itemtype="http://datavocabulary.org/address"> <span itemprop="street-address">1560 Oglethorpe Ave</span>, <span itemprop="locality">athens</span>, <span itemprop="region">ga</span>. </p> </div>

20

21 Nya Javascript API:er Canvas Cross-document Messaging Geolocation Inline Editing Local storage Selectors Video & Audio Cross-Origin Resource Sharing Drag and Drop History Offline apps Server events WebGL Web sockets Web workers

22 Nya Javascript API:er Canvas Cross-document Messaging Geolocation Inline Editing Local storage Selectors Video & Audio Cross-Origin Resource Sharing Drag and Drop History Offline apps Server events WebGL Web sockets Web workers

23 Canvas <canvas id="c" width="150" height="150 ></canvas>

24 Canvas <canvas id="c" width="150" height="150"> <img src="clock.png" width="150" height="150"> </canvas> Göm <img> för Safari, som kan visa <canvas> men inte stödjer fallback

25 Canvas var canvas = document.getelementbyid('tutorial'); var ctx = canvas.getcontext('2d'); ctx.fillstyle = "rgb(200,0,0)"; ctx.fillrect(10, 10, 55, 50); ctx.fillstyle = "rgba(0, 0, 200, 0.5)"; ctx.fillrect(30, 30, 55, 50);

26 Cross-document Messaging #1 <iframe src="http://dev.jquery.com/~john/message/" id="iframe"></iframe> <form id="form"> <input type="text" id="msg" value="message to send"/> <input type="submit"/> </form> <script> window.onload = function(){ var win = document.getelementbyid("iframe").contentwindow; document.getelementbyid("form").onsubmit = function(e){ win.postmessage( document.getelementbyid("msg").value ); e.preventdefault(); }; }; </script>

27 Cross-document Messaging #2 <b>this iframe is located on dev.jquery.com</b> <div id="test">send me a message!</div> <script> document.addeventlistener("message", function(e){ document.getelementbyid("test").textcontent = e.domain + " said: " + e.data; }, false); </script>

28 Cross-document Messaging

29 Geolocation if (navigator.geolocation) { navigator.geolocation.getcurrentposition( function (position) { alert( position.coords.latitude, position.coords.longitude ); }, function (error){... } ) }

30 Geolocation if (navigator.geolocation) { navigator.geolocation.watchposition( function (position) { alert( position.coords.latitude, position.coords.longitude ); }, function (error){... } ) }

31 Geolocation

32 Inline editing

33 Local Storage sessionstorage För en browsersession localstorage Över flera sessioner, knutna till en viss domän

34 sessionstorage var field = document.getelementbyid("field"); if ( sessionstorage.autosave ) { } field.value = sessionstorage.autosave; setinterval(function(){ }, 1000); sessionstorage.autosave = field.value;

35 sessionstorage

36 Selectors API <table id="score"> <tr> <td>a</td> <td>87%</td> </tr><tr> <td>b</td> <td>78%</td> </tr><tr> <td>c</td> <td>81%</td> </tr> </table> var cells = document.queryselectorall( "#score > tr > td:nth-of-type(2)" );

37 Selectors API <table id="score"> <tr> <td>a</td> <td>87%</td> </tr><tr> <td>b</td> <td>78%</td> </tr><tr> <td>c</td> <td>81%</td> </tr> </table> var cells = document.queryselector( "#score > tr > td:nth-of-type(2)" );

38 Selectors API (4 kb)

39 Audio API <audio id="a" controls> <source src="elvis.mp3" /> <source src="elvis.ogg" /> <!-- fallback --> </audio>

40 Audio API <input type="button" value="play" id="playpause" onclick="video.play()"> var audio = document.getelementbyid( a ); var playpause = document.getelementbyid('playpause'); audio.onpause = function(e) { playpause.value = 'Play'; playpause.onclick = function(e) { video.play(); } } video.onplay = funtion(e) { playpause.value = 'Pause'; playpause.onclick = function(e) { video.pause(); } }

41 Audio API

42 Video API <video width="320" height="240" controls> </video> <source src="pr6.mp4" type='video/mp4;codecs="avc1.42e01e, mp4a.40.2"'> <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'>

43 Video API var idata = bc.getimagedata(0,0,w,h); var data = idata.data; for(var i = 0; i < data.length; i+=4) { var r = data[i]; var g = data[i+1]; var b = data[i+2]; var brightness = (3*r+4*g+b)>>>3; data[i] = brightness; data[i+1] = brightness; data[i+2] = brightness; } idata.data = data; c.putimagedata(idata,0,0);

44 Video API

45 Hur gör man? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv"> <head> <title>stockholms universitet: Startsida</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <link rel="stylesheet" type="text/css" href="style.css"/>

46 Hur gör man? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv"> <head> <title>stockholms universitet: Startsida</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <link rel="stylesheet" type="text/css" href="style.css"/>

47 Hur gör man? <!DOCTYPE html> <html lang="sv"> <head> <title>stockholms universitet: Startsida</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <link rel="stylesheet" type="text/css" href="style.css"/>

48 Hur gör man? <!DOCTYPE html> <html lang="sv"> <head> <title>stockholms universitet: Startsida</title> <meta charset="iso "> <link rel="stylesheet" type="text/css" href="style.css"/>

49 Hur gör man? <!DOCTYPE html> <html lang="sv"> <head> <title>stockholms universitet: Startsida</title> <meta charset="iso "> <link rel="stylesheet" href="style.css"/>

50 Förhållandet till XHTML 99% validerar inte idag Många skickar XHTML som text/html Två vägar: Gör HTML striktare (XHTML 2) Gör specifikationen friare vägen som valdes Men... finns också en XML-serialisering av HTML5, kallad XHTML5.

51 Vad krävs för XHTML5? Att man följer XML-specifikationen Möjligt att vara både HTML och XHTML Valfritt med DOCTYPE SVG och MathML tillåtet i HTML

52 Vad krävs för XHTML5? Skickar som MIME-type: application/xml eller application/xhtml+xml <?xml version="1.0" encoding="utf-8"?> Ingen användning av document.write() XML-namespace för alla HTML-taggar: xmlns Syntax: <br/> <span class= type > Inga -- inne i kommetarer <![CDATA[...]]> för HTML-taggar som ej parsas CSS blir case-sensitive

53 Frågor kring tillgänglighet Hur tolkar skärmläsare de nya taggarna? Tolkning av nästlade rubriknivåer Nya tillgänglighetsfunktioner WAI-ARIA, role-attributet Mer struktur för innehåll, inkl. <nav> Nya problem? Fallback för video, audio, canvas?

54 Tolkning av nya taggar Alla de vanligaste skärmläsarna är plugins Skärmläsare klarar det som webbläsare klarar aria/ JAWS 11, Window-Eyes 7.11, SAToGO , VoiceOver Internet Explorer 8 och Firefox 3.6

55 Nya tillgänglighetsfeatures Semantiska element Nya formulärfälttyper m. tangentbord Audio & Video: Tangentbord + Captioning Drag & Drop: Tangentbord Text-alternativ till bilder (font-face...) Alla har potiential, men ingen stöds ännu. Hönan eller ägget? Varning: Hela gränssnitt i Canvas (t.ex. Bespin)

56 ARIA Landmark Roles Fungerar idag, validerar med HTML5 Överlapp med HTML5-element, men stöds redan av flera skärmläsare <nav role= navigation > Roller: application, banner, complementary, contentinfo, form, main, navigation, search

57 Exempel: JAWS

58 ARIA Del av ARIA, som tävlar med HTML5 om att vara först med tillgänglighetsfeatures, håll koll. If the host language incorporates ARIA support and there is a conflict between a host language feature and an ARIA feature, assistive technologies should assign preference to the ARIA feature. ARIA Spec.

59 Argument för HTML5 Tekniska: HTML Javascript Interoperabilitet

60 HTML-delen HTML5 beskriver parsning, inte bara spec Fungerar rakt av med din befintliga kod Semantik möjliggör nya features på din kod Mindre kod att skriva, som man kommer ihåg, kan någon rabbla en html4-doctype? Oro hos vissa: Dåligt verktygsstöd? Enda som behöver ändras är doctype...

61 Javascript Spec:en startade som Web applications 1.0 Tydligt mål att ge webbsidor samma möjligheter som desktopapplikationer Extra tydligt i mobilvärlden, där webbsajter har samma möjligheter som native-appar. Lika bra att börja experimentera nu, så att man är på banan när ännu flera features kommer

62 Javascript Prestanda: QuerySelector Canvas Web Workers Web sockets WebGL Interaktiv grafik: Video Audio Canvas WebGL

63 Vare sig ni vill eller inte... Webbläsartillverkare!= Webbutvecklare Samtliga kommer byta till HTML5-parsers

64 Sökmotorer Bra: Mer innehåll i text-form Värdering (article > footer) Segmentering (article, article, article) Dåligt: Oklart vad som stöds idag Multipla nästlade hx-taggar

65 Sökmotorer

66 Bakåtkompatibilitet En parser HTML5 måste fungera för allt gammalt innehåll Problem: Internet Explorer < 9 Fallback för HTML Javascript-funktioner

67 Internet Explorer < 9 Stödjer inte CSS-styling av HTML5-element Får inte heller vara med i CSS-selektorer Kan inte köra javascript på HTML5-element Utskrift blir fel fast de andra är lösta

68 Internet Explorer < 9 document.createelement( nav ) Utskrift: Byt element mot div temporärt Alternativ för avslagen JS: Styla andra element Använd * istället för elementen Använd special-css i noscript-tagg

69 Fallback för HTML-element Okända element beter sig som span article, aside, details, figcaption, figure, footer, header, hgroup, menu,nav, section { display:block; } Canvas, Video, Audio fallback elementets innehåll Okända attribut på forumlärfält Faller tillbaka på type= text. Använd JS för stöd.

70 Javascriptfunktioner Detektera stöd (väldefinerat), och använd bibliotek för att ersätta Använd inbyggd funktionalitet om det går... Modernizr bibliotek för att detektera Klasser på body-taggen som kan användas från CSS-filen

71 Verktyg HTML5 Validator: HTML5 Outliner:

72 Källor Cross-browser-Polyfills accessibility

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle. Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera

Läs mer

Integrerad i egen cup-portal Sid 1

Integrerad i egen cup-portal Sid 1 Integrerad i egen cup-portal Sid 1 Skillnader mellan fristående och integrerad cup-portal En liten viktig synpunkt innan ni går vidare: Det går snabbt och enkelt att växla mellan den fristående och integrerade

Läs mer

Introducerande övningar i HTML

Introducerande övningar i HTML Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer

Läs mer

E12 "Evil is going on"

E12 Evil is going on E12 "Evil is going on" Föreläsning 12, HT2014 AJAX Kurs: 1dv403 Webbteknik I Johan Leitet E12 Evil is going on Dagens agenda AJAX XMLHttpRequest-objektet JSON Vad är AJAX? Asynchronous JavaScript and XML

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1 Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

TDDD52 CSS. Färger. Färger 1/3/13 Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis

Läs mer

Spelprogrammering med JavaScript och HTML5

Spelprogrammering med JavaScript och HTML5 Spelprogrammering med JavaScript och HTML5 Vad är vårt syfte? Eleverna ska komma igång fort med programmering. Det ska vara roligt från början. Resultatet ska vara enkelt att visa för kompisar och familj.

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

Inför prov 1 i webbdesign

Inför prov 1 i webbdesign Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke

Läs mer

Labora&on 7 Syfte med laborationen:

Labora&on 7 Syfte med laborationen: Labora&on 7 Syfte med laborationen: - att förstå enkel 7ilhantering i PHP - att repetera grundläggande PHP- begrepp såsom loopar, arrayer, stränghantering och formulär. VIKTIGT: uppgift 3-5 är repetitionsuppgifter

Läs mer

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5 Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med

Läs mer

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering

Läs mer

F15 Tillgänglighet/Accessibility Dagens agenda

F15 Tillgänglighet/Accessibility Dagens agenda F15 Tillgänglighet/Accessibility Dagens agenda Varför bry sig? Vad tjänar jag? WAI Funka Nu WCAG 1, 2 Hjälpmedel Prolog Varför bry sig? En stor del av Sveriges befolkning lider av funktionsnedsättningar

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML ITK:P2 F1 FTP, HTTP, HTML, XML och XHTML DSV Peter Mozelius 1 Hemsidor med HTML Hur många av er har provat på att bygga en egen hemsida med HTML eller XHTML? För hand eller med hjälpverktyg? Har ni lagt

Läs mer

CSS-övningar. 1. Grunder

CSS-övningar. 1. Grunder CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement

Läs mer

Ljud och video på webbsidor

Ljud och video på webbsidor Nivå 3 Ljud och video på webbsidor 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/ccwreg to register your

Läs mer

Webbpublicering. Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se)

Webbpublicering. Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se) Webbpublicering Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se) Föreläsningsöversikt Föreläsning 1 Vad är webbpublicering? Lite historia - Internet och webben Statiska webbplatser Grundkoncept: webbläsare,

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

<script src= http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js></script> AngularJS Skriven av: Isak Glans. Datum: 2015-04-29. Kurs: Webbutveckling. Lärare: Per Sahlin. Utbildning: Systemutvecklare i.net, Newtons Yrkeshögskola. 1 Sammanfattning Syftet med denna uppsats är att

Läs mer

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1 Errata för J200 4500 Webbutveckling 1 av Lars Gunther Exklusive stavnings och grammatikfel. Sidan 33: Hela avsnitt 1.10.3 är omskrivet Här samlas artiklar och dokumentation, samt ett diskussionsforum.

Läs mer

Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök www.rxk.se för aktuell statuslista. Gör din beställning direkt i vår webbutik.

Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök www.rxk.se för aktuell statuslista. Gör din beställning direkt i vår webbutik. Handbok HTML I denna Handbok lär du dig att skapa egna hemsidor från grunden. Handboken innehåller information om hur du hanterar texter, bilder, tabeller, ramar och listor. Du får även läsa om grunderna

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan

Läs mer

Statistik från webbplatser

Statistik från webbplatser Statistik från webbplatser virtuella besök eller levererade sidor? Ulf Kronman Karolinska Institutet Universitetsbiblioteket Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen,

Läs mer

Appar med ryggrad. Introduktion till JavaScriptramverket Backbone

Appar med ryggrad. Introduktion till JavaScriptramverket Backbone Appar med ryggrad Introduktion till JavaScriptramverket Backbone Vanlig webbsida Databas MVC - Model View Controller MVC - Model View Controller MVC Backbone.js Ger struktur Bygger på MVC konceptet Tvingar

Läs mer

Nya webbservern Dvwebb.mah.se

Nya webbservern Dvwebb.mah.se Nya webbservern Dvwebb.mah.se Bakgrund: BIT (Bibliotek och IT) beslutar att ta ner Novell systemet 28/3 som är en katalogtjänst som styr bland annat alla studenter s.k. hemkataloger på Malmö högskola såväl

Läs mer

ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll

ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll ASP.NET MVC Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Introduktion till MVC Controller Action-metoder Views Arbeta med Layout-sidor och sektioner Route konfiguration

Läs mer

Lektion 2, Grundläggande funktioner i ASP.NET

Lektion 2, Grundläggande funktioner i ASP.NET Lektion 2, Grundläggande funktioner i ASP.NET Lektionen behandlar kapitlen 3 och 4 i kursboken. Application och Page Framework Med Visual Studio 2005 levereras ett antal inbyggda verktyg bland annat SQL

Läs mer

Användarbeskrivning för Anvisningstjänsten

Användarbeskrivning för Anvisningstjänsten 1 (23) Användarbeskrivning för Anvisningstjänsten 2 (23) INNEHÅLL 1 ALLMÄN BESKRIVNING AV ANVISNINGSTJÄNSTEN... 3 1.1 Skillnad mellan Central och Lokal anvisning... 3 2 INTEGRATION ENLIGT [IDP-DISCO]...

Läs mer

Webbdesign vt. 2010. Innehållsförteckning

Webbdesign vt. 2010. Innehållsförteckning Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans

Läs mer

E13 "Behind the Wild"

E13 Behind the Wild E13 "Behind the Wild" Föreläsning 13, HT2014 Det vi missat och lite till Kurs: 1dv403 Webbteknik I Johan Leitet E13 Behind the Wild Dagens agenda Cookies Web storage Context/ändra context Augmentation

Läs mer

Webbdesign vt. 2009. Innehållsförteckning

Webbdesign vt. 2009. Innehållsförteckning Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder

Läs mer

Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller

Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 3 timmar. I ASP.NET 4.5 finns en stor mängd nya funktioner för att förenkla utvecklingen

Läs mer

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21 2005-09-21 Programbeskrivning Chaos på Web Version 1.0 Chaos systems AB Tel. 08-410 415 00 e-post: info@chaos.se Solna strandväg 18, 6tr Fax. 08-29 06 66 http://www.chaos.se 171 54 SOLNA Reg. nr: 556476-6813

Läs mer

Gilla r d u d en h ä r g u id en? Vill d u a tt vi ska f o rtsä tta g ö ra f ler g u id er? - lä s mer h ä r»

Gilla r d u d en h ä r g u id en? Vill d u a tt vi ska f o rtsä tta g ö ra f ler g u id er? - lä s mer h ä r» Gilla r d u d en h ä r g u id en? Vill d u a tt vi ska f o rtsä tta g ö ra f ler g u id er? - lä s mer h ä r» skriv ut» C SS - gr unde r Infor mation om C S S CS S i exter n mall eller i dokumentet? A

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Statistik från webbplatser

Statistik från webbplatser Statistik från webbplatser problem och möjligheter Ulf Kronman Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen, BIBSAM och ISO? Varför ställer webmastern krångliga motfrågor?

Läs mer

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil. Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition

Läs mer

Visa och dölja element med JavaScript

Visa och dölja element med JavaScript Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility

Läs mer

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS)

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) Ivan Herman 2000-talet tillgänglighet på webben Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) EpiServer-dagen 11 mars 2009 SICS Swedish Institute of Computer

Läs mer

E09 - Totally Tool Time

E09 - Totally Tool Time E09 - Totally Tool Time Dagens agenda Fönster Systemdialoger Location History DOM och BOM DOM Document Object Model BOM Browser Object Model BOM hanterar Insorterat under denna rubrik hittar vi: Timers

Läs mer

Rapport Webbutveckling LAB 1 Författare: Christofer Wållberg

Rapport Webbutveckling LAB 1 Författare: Christofer Wållberg Rapport Webbutveckling LAB 1 Författare: Christofer Wållberg 1 Innehållsförteckning 1.Inledning s. 3 1.1 Syfte s. 3 1.2 Mål s. 3 1.3 Metod s. 3 1.4 Material s. 3 1.5 Avgränsning s. 3 2 Resultat s. 3 2.1

Läs mer

Nätet. Uppgiften. Nivå

Nätet. Uppgiften. Nivå Nivå 1 Nätet 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/ccwreg to register your club. Uppgiften Har

Läs mer

E07 "Greased Lightning"

E07 Greased Lightning E07 "Greased Lightning" Föreläsning 7, HT2014 CSS och Event Kurs: 1dv403 Webbteknik I Johan Leitet E07 Greased Lightning Dagens agenda CSS-egenskaper Händelsestyrd programmering Händelsehanterare Typer

Läs mer

Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer

Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se http://internetworld.idg.se/webbstudio/pub/avdelning.asp?id=25 Sida 1 av 2 2006-10-18 HTML Publicerade artiklar» Lektion

Läs mer

Usability & accessibility. Användbarhet & tillgänglighet

Usability & accessibility. Användbarhet & tillgänglighet Usability & accessibility Användbarhet & tillgänglighet Varför? Det som är bra för funktionshindrade är ofta bra för alla Good will, PR, corporate responsibility Google är blind Lagar och regler Tillgänglighet

Läs mer

Diagnostisktprov Utveckla i Azure

Diagnostisktprov Utveckla i Azure .easec Diagnostisktprov Utveckla i Azure Mats Johannesson 2015-06-08 1 o Indikerar ett svar önskas. Flera svar önskas. Maxpoäng: 86 Din poäng: Godkänt: 43 poäng Väl Godkänt: 60 poäng 2 1. Vilka fyra alternativ

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

Läs mer

Undervisningen ska ge eleverna tillfälle att arbeta i projekt samt möjlighet att utveckla kunskaper om projektarbete och dess olika faser.

Undervisningen ska ge eleverna tillfälle att arbeta i projekt samt möjlighet att utveckla kunskaper om projektarbete och dess olika faser. WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

Kapitel 10. Dokumentrepresentation. 10.1 Uppmärkt text. 10.2 HTML kommer från SGML

Kapitel 10. Dokumentrepresentation. 10.1 Uppmärkt text. 10.2 HTML kommer från SGML Kapitel 10 Dokumentrepresentation Vi har tidigare sett hur rena textfiler (plain text) representeras för datorn. En teckenkodning ger varje tecken ett visst numeriskt värde, inklusive sådana kontrolltecken

Läs mer

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20 Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering

Läs mer

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011 Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man

Läs mer

Webbprogrammering, DA123A, Studiematerial 4

Webbprogrammering, DA123A, Studiematerial 4 Webbprogrammering, DA123A, Studiematerial 4 DOM bakgrund I webbens ungdom fanns endast möjlighet att visa statisk information i en webbläsare. När Netscape Communications släppte version 2.0 av Netscape

Läs mer

Övningar i JavaScript del 5

Övningar i JavaScript del 5 Övningar i JavaScript del 5 I dessa övningar ska vi ta upp några lika händelsehanterare. Dessa ska dck inte läggas in med attribut i HTML-kden, så sm vi gjrt tidigare med nclick. Istället ska vi nu lägga

Läs mer

Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia

Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia JavaScript - Grundkurs Mahmud Al Hakim mahmud@dynamicos.se www.dynamicos.se www.webbacademy.se Innehåll Introduktion till JavaScript JavaScript i HTML-dokument Lite om DOM (Document Object Model) Händelser

Läs mer

PHP-presentation Dataföreningens Open Source-nätverk

PHP-presentation Dataföreningens Open Source-nätverk PHP-presentation Dataföreningens Open Source-nätverk Netera AB Jimmy Furland jimmy@netera.se Björn Hansson hansson@netera.se Introduktion HTML-inbäddat webbprogrammeringsspråk Står för PHP Hypertext Preprocessor

Läs mer

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM.

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM. JavaScript del1 Syftet med detta häfte är att sammanfatta det viktigaste i JavaScript så kort och koncist som möjligt men ändå tillräckligt omfattande för att ge god kännedom om en av de vanligaste teknikerna

Läs mer

Leveranskriterier. Version 1.3.1

Leveranskriterier. Version 1.3.1 Leveranskriterier Version 1.3.1 1. Syfte 2. Gemensamma riktlinjer 2.1 Redaktionellt 2.2 Design 2.3 Interaktionsdesign 2.4 Tillgänglighet 2.5 Systemkrav 2.5.1 Browserstöd 2.5.2 Hårdvarustöd, minimum 2.5.3

Läs mer

Visuell design Bilder & färger

Visuell design Bilder & färger 1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning

Läs mer

F8 Webbteknologier 1. Dynamiska webbsidor

F8 Webbteknologier 1. Dynamiska webbsidor Dynamiska webbsidor F8 Webbteknologier 1 EDA095 Roger Henriksson Datavetenskap Lunds universitet HTML är statisk. En sida får sitt utseende bestämt när en webbdesigner skapar den. Ofta vill man ha mera

Läs mer

Tillgänglighet på webbplatser Göteborgs Universitet föreskrifter för webbdesigners och webbutvecklare

Tillgänglighet på webbplatser Göteborgs Universitet föreskrifter för webbdesigners och webbutvecklare Tillgänglighet på webbplatser Göteborgs Universitet föreskrifter för webbdesigners och webbutvecklare Version: 2.0 Datum: 2012-10-25 Inledning Detta dokument beskriver vilka krav som ställs på den gränssnittskod

Läs mer

NU! NU! Bygg en webbplats NU! Bygg en webbplats. Swedish Language Edition published by Docendo Sverige AB. Bygg en webbplats.

NU! NU! Bygg en webbplats NU! Bygg en webbplats. Swedish Language Edition published by Docendo Sverige AB. Bygg en webbplats. web_omslag.qxp 2006-03-20 17:06 Sida 1 NU! CDn innehåller: Upptäck hur du: Använder "dra och släpp-metoden" för att lägga till text, bilder och andra objekt till en webbsida Skapar listrutor och dynamiska

Läs mer

PHP. Dynamiska webbsidor

PHP. Dynamiska webbsidor PHP Dynamiska webbsidor WEBBPROGRAMMERING PÅ SERVERSIDAN DB server web browser client client script HTTP Request (get, post) HTTP Response (HTML, CSS, JS) web server server script JS PHP file (txt, xml,

Läs mer

HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00

HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00 Mitthögskolan ITM Telefon 063-16 53 00 HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon 063-16 53 00 Laborationskompendium för konstruktion

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

WEBBTEKNIK. Ämnets syfte

WEBBTEKNIK. Ämnets syfte WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

WEBBTEKNIK. Ämnets syfte

WEBBTEKNIK. Ämnets syfte WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

Laboration med Internet och HTML

Laboration med Internet och HTML Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa

Läs mer

Användarhandledning Version 1.2

Användarhandledning Version 1.2 Användarhandledning Version 1.2 Innehåll Bakgrund... 2 Börja programmera i Xtat... 3 Allmänna tips... 3 Grunderna... 3 Kommentarer i språket... 4 Variabler... 4 Matematik... 5 Arrayer... 5 på skärmen...

Läs mer

Att arbeta med. Müfit Kiper

Att arbeta med. Müfit Kiper Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.

Läs mer

Delrapport DP3. FGS för paketstruktur för e-arkiv Bilaga 1 METS

Delrapport DP3. FGS för paketstruktur för e-arkiv Bilaga 1 METS Delrapport DP3 FGS för paketstruktur för e-arkiv Bilaga 1 METS Karin Bredenberg & Mats Berggren IT/SoU 010-476 71 23 2013-01-14 2.0 1(9) INNEHÅLLSFÖRTECKNING 1. BILAGA 1: METS...3 1.1 INTRODUKTION...3

Läs mer

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

Du kan själv följa med i denna steg-för-steg guide i din texteditor. Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information

Läs mer

Sidrenderingsmodellen

Sidrenderingsmodellen Kapitel 3 Sidrenderingsmodellen I detta kapitel: Rendering av kontroller som taggar Paketera användargränssnitt som komponenter Lägga till kontroller med Visual Studio Sammanfattning Kapitel 3 snabbreferens

Läs mer

Övningar i CSS för anpassning till olika enheter

Övningar i CSS för anpassning till olika enheter Övningar i CSS för anpassning till lika enheter Hittills har vi i föregående labratiner tittat på hur man med CSS utfrmar en presentatin för bildskärm på en vanlig datr. Men det finns fler presentatiner

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Utveckling av webbsidor med god användbarhet för Kullo FBK

Utveckling av webbsidor med god användbarhet för Kullo FBK Utveckling av webbsidor med god användbarhet för Kullo FBK Niclas Fransman Examensarbete för ingenjörs (YH)-examen Utbildningsprogrammet för Informationsteknik Ekenäs 2011 Förord Kullo FBK har sedan 2001

Läs mer

PRISLISTA 2015. www.alltombrollop.com. Vi finns där brudparen finns!

PRISLISTA 2015. www.alltombrollop.com. Vi finns där brudparen finns! PRISLISTA 0 Vi finns där brudparen finns! Det råder fullkomlig bröllopsfeber både i Skandinavien och ute i Europa. Bröllop är en festlighet som ska firas ordentligt och populärast är det att göra tillställningen

Läs mer

FHIR OCH INTEROPERABILITET I SJUKVÅRDEN OSKAR THUNMAN

FHIR OCH INTEROPERABILITET I SJUKVÅRDEN OSKAR THUNMAN FHIR OCH INTEROPERABILITET I SJUKVÅRDEN OSKAR THUNMAN 2015-01-29 CALLISTAENTERPRISE.SE FHIR OCH INTEROPERABILITET I SJUKVÅRDEN Semantisk interoperabilitet Bakgrund Dagens standarder FHIR och framtidens

Läs mer

Andra filtyper på en webbsida

Andra filtyper på en webbsida Andra filtyper på en webbsida Syftet med denna text och övning är att synliggöra problemen med bristande standardisering av hantering av olika typer av mediafiler på webben och att skapa en egen testplats

Läs mer

Den kompletta HTML- och CSS-guiden. Framsida

Den kompletta HTML- och CSS-guiden. Framsida Framsida 2005-08-24 14.34 Sida 1 av 99 Innehållsförteckning Framsida...1 Vad kommer HTML ifrån?...3 SGML... 3 XML...5 Struktur...6 HTML...7 Får vi börja skriva webbsidor nu?... 9 HTML 4.01...9 Introduktion

Läs mer

Dupoint i.site 4.0 Mallhandboken

Dupoint i.site 4.0 Mallhandboken Dupoint i.site 4.0 Mallhandboken Dupoint AB Telefon: 08-441 74 80 E-post: info@dupoint.com Internet: www.dupoint.com Innehåll Arbeta med mallar... 1 Skapa en mall 1 Metadata avancerade mallar 2 Referenslista,

Läs mer

Widget Gränssnittsdokumentation. Version 1.14

Widget Gränssnittsdokumentation. Version 1.14 Widget Gränssnittsdokumentation Version 1.14 Datum: 2014-09-16 Sida 2 av 5 Revisionshistorik Version Datum Kommentarer 1.14 2014-09-12 Justeringar i kap 1, 3 och 4 i och med ny Widget version. Ny tjänst

Läs mer

Webbprogrammering. Introduktion till PHP. Christian Ohlsson

Webbprogrammering. Introduktion till PHP. Christian Ohlsson Webbprogrammering Introduktion till PHP 1 Hur fungerar PHP PHP betyder PHP Hypertext Processor Tillhandahåller server-side scripting Är ett interpreterande språk Du skriver ett antal uttryck Webbservern

Läs mer

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

Materialspecifikationer webb 2014

Materialspecifikationer webb 2014 SYDSVENSKAN CITY NÄRA H I T TA H E M. S E MERAJOBB.SE SYDSVENSKAN WEBBYRÅ Materialspecifikationer webb 2014 www.sydsvenskan-webbyra.se Standardformat Panoramabanner Storlek: 980x240 px Framerate: 18-24

Läs mer

Modul 6 Webbsäkerhet

Modul 6 Webbsäkerhet Modul 6 Webbsäkerhet Serverskript & Säkerhet Webbservrar & serverskript exponerar möjlighet för fjärranvändare att skicka data och köra kod vilket medför risker. Man ska aldrig lita på att alla vill göra

Läs mer

WEBDESIGN A - DTR 1210

WEBDESIGN A - DTR 1210 Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden

Läs mer

Carl-Oscar Hermansson WEBB DESIGN

Carl-Oscar Hermansson WEBB DESIGN Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...

Läs mer

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är

Läs mer

Teknisk beskrivning för annonsering i PlayAd s format

Teknisk beskrivning för annonsering i PlayAd s format Teknisk beskrivning för annonsering i PlayAd s format Våra produkter: PlayAd Widescreen PlayAd Widescreen är ett 16:9 displayannonsformat för video på premiumytor där du enkelt kan nå ut med en befintlig

Läs mer

Att bygga enkla webbsidor

Att bygga enkla webbsidor Nivå 1 Att bygga enkla webbsidor 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

Läs mer

Widget Gränssnittsdokumentation. Version 1.13

Widget Gränssnittsdokumentation. Version 1.13 Widget Gränssnittsdokumentation Version 1.13 Datum: 2011-05-31 Sida 2 av 5 Revisionshistorik Version Datum Kommentarer 1.13 2011-05-31 Justeringar gjorda i kap 3. 1.12 2010-05-11 Justeringar gjorda i kap

Läs mer

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

Läs mer

Vägen till en lyckad responsiv webbdesign.

Vägen till en lyckad responsiv webbdesign. Vägen till en lyckad responsiv webbdesign. Tänk mobilt först! Utgå ALLTID från den mista skärmen och jobba dig uppåt. Man brukar räkna med att 320px är i minsta laget idag. Korrekt ViewPort är mycket viktig,

Läs mer