Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…

Slides:



Advertisements
Verwante presentaties
SharePoint denk in blokken Ton Stegeman.
Advertisements

Ledenvergadering 26 / 09 / Cookies • Cookiewet (Nederland) – Websites moeten expliciet en ondubbelzinnig toestemming vragen om een cookie in uw.
Samenwerking met MOSS 2007! Chris Hoppenbrouwers.
Alfalab Microtoponiemenproject Expertmeeting (annotaties) Meertens Instituut 8 April 2010 Charles van den Heuvel Virtual Knowledge Studio for the Humanities.
Dé online software voor camerabeveiliging - 24/7 toegang tot live en opgenomen beelden - Geen lokale recorder en software nodig - Volledig online & Plug.
E-RADEN Roadmap. AGENDA • Overzicht van nieuwe ontwikkelingen 2009 • Interfaces • Document Types : Meta-data • E-raden gratis ? • Perspectieven.
(c) Marc de Graauw Presentatie XML Marc de Graauw 2 maart 2000.
JQuery en ASP.NET Bart De Meyer.
2011 Instant reporting | pagina 1 van x Koen Hoffland Thijs Nelis XBRL Reporting.
Cartografie met als medium het ‘World Wide Web’
Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn.
Behind Interactive Media. Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren.
HTML Les 1: Introductie HTML
Inleiding Product van Microsoft
Crashcursus HTML en CSS 2013
Daniel PEDOUX Evolutie van het Rijksregister met het oog op de aflevering van XML-documenten.
Webpagina ’ s maken ITV 10 maart Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
1 RSS en weblogs zoeken Jeroen Bosman VOGIN, 9 juni 2009 Wageningen.
1 RSS en weblogs zoeken Jeroen Bosman VOGIN, 14 april 2008 Leiden.
1 realtime & social: blogs & tweets Jeroen Bosman VOGIN, Wageningen, 16 mei 2013.
1 Weblogs, RSS en tweets zoeken Jeroen Bosman VOGIN, 20 mei 2010 Wageningen.
1 RSS, weblogs en tweets zoeken Jeroen Bosman VOGIN, 23 november 2009 Wageningen.
WEBSITES ONTWIKKELINGEN Trends en standaarden op het gebied van webdesign HTML, DHTML, XHTML, FLASH, CSS Henk Zegwaard december 2003.
Webmaster Training: CSS CSS2 & XHTML By Frederik Van Outryve.
Nieuw in LIPS VLUG 2 26 juni 2006 Kristof Brams. Overzicht Vernieuwde editor Printervriendelijke pagina Statistieken Variabele fontgrootte Grootte van.
HOM COM Vergadering Nieuw begrip Cloud Computing –Online programma’s gebruiken die niet op je computer staan. –Gebruikers werken steeds meer.
HOM COM Ledenvergadering 17 – Record foto Bekijk Dubai in 45 miljard pixels Inzoomen maar !
Webapplicaties: de clientkant in het universitaire onderwijs Sylvia Stuurman – Herman Koppelman Faculteit Informatica.
Joost van Dijk Web Technology
1 realtime and social: blogs & tweets, FB & G+ Jeroen Bosman VOGIN, 17 november 2011 Wageningen.
Aan de slag met weblogs Pierre Gorissen 14 juni 2005.
Bordboeken Van .pdf naar HTML5.
XForms TU Delft Library Digitale Productontwikkeling Egbert Gramsbergen.
Les 11: SVG.
Les 12: DTD.
Web Applicaties Bouwen met Visual Studio .NET
Windows Applicaties Bouwen met Visual Studio.NET Sijmen Koffeman Development Consultant Microsoft.
ONLINE VERBONDEN EN INTELLIGENTE COMPUTERS Semantisch web Tom Schurmans Gunter Fransen Nand Truyen Nele Lieben.
Student Advantage SLBdiensten & APS IT-diensten Charles Stork
1 Bijblijven met het web: RSS, attenderingen en trackers Jeroen Bosman VOGIN, 9 juni 2006 Wageningen.
Webmaster ToolsWebmaster Tools Google Webmaster Tools Gedetailleerde rapporten over uw pagina's in Google. Weet wat google van u vind! Ontdek.
realtime & social: blogs & tweets
Windows Verkenner Tips en Trucs woensdag 14 januari 2015
Webapplicaties: de clientkant Herman Koppelman Sylvia Stuurman 13 november 2010.
1 Bijblijven met het web: RSS, attenderingen en trackers Jeroen Bosman VOGIN, 3 november 2006 Wageningen.
1 OMI Digitaal publiceren in bredere context.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
HTML. Wat is HTML Je kunt er sites mee bouwen Hypertext Markup Language Afspraken voor opmaak: tags.
Prototyping Week 7 // Tweenlite & API. TweenMax Snel mooie en effectieve animatie.
A1 – Diensten A1 – Webdesign Het pakket van € 399,- bevat: Al het overleg dat u nodig heeft om tot een goed ontwerp te komen. Ontwerp Website ontwerp.
Client side vs Server side Server side code Code wordt op de webserver uitgevoerd Bewerkt de html die naar de gebruiker gestuurd wordt voordat die verzonden.
HTML & CSS Samen gebruiken. Verschil HTML – Structuur CSS – Styling Twee verschillende dingen – Loskoppelen!
Apps Homcom ledenvergadering Wikipedia Een mobiele applicatie of kortweg app (uitspraak: [ɛp]) is een software-applicatie die ontworpen is.
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
HTML5 Taste4U.
Javascript.
Lectora als ontwikkeltool voor interactieve multimedia programma’s
Hoe maak je een pagina voor een website?
OGH APEX dag 2012 Toeters en bellen met APEX
ASP.NET MVC Views.
– Software development fundamentals
– Software development fundamentals
Powershell & HTML.
Transcript van de presentatie:

Presentatie kennisoverleg HTML 5

Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect… • Ongeveer niets is valide… • Over een eeuw zou al deze informatie verloren kunnen gaan… • Ontwikkeling in webbeleving

Geen XHTML 2.0 ? • HTML 2.0 en HTML 3.2 niet vernieuwend • HTML 4.0 was eerste solide standaard (1998) • XHTML 1.0 meer gestructureerd XML-based • XHTML 2.0 is niet backward compatible • Rigide foutafhandeling, stopt renderen van pagina’s

Wat is HTML 5 • Evolutie van HTML4 en DOM level 2 • Herdefenitie van presentatie mark-up (geven meer structuur en betekenis) • Geintergreerde APIs (audio, video, drag and drop, canvas) • Evolutie van de browser naar een programeer platform

Wat is HTML 5 • Men streeft naar een plugin-free web, alles wat met plugins kan, zou ook met HTML moeten kunnen. • HTML is uitstekend geschikt om documenten mee op te maken. Het wordt echter ook veel gebruikt om webapplicaties mee te bouwen. HTML 5 wil hierop toegerust zijn. • Verder is het wenselijk om met verbeterde, duidelijkere specificaties te komen, zodat de implementaties van de browsermakers dichter bij elkaar liggen. • Ook webontwikkelaars hebben behoefte aan duidelijkere specificaties.

Wat is HTML 5 • Nieuwe content gerelateerde elementen (semantic tags, header, article, section….) • Nieuwe form controls (date picker, color pickers ) input veld attr. zoals , search, url • Geintergreerde API’s (audio, video, editable, drag and drop, history, protocols) • geen doctype declaration

Voorbeelden

Wat is geen HTML • Css3 Transitions • Web sockets • Geolocation • SVG • CSS3 fontface

Voordelen • De voordelen ten opzichte van revisie 4 zijn een grotere compatibiliteit met browsers van verschillende platformen (desktop, mobiel, pda, e-reader, etc.), nieuwe functionaliteit en snellere laadtijden doordat er minder code gebruikt hoeft te worden.

Voorbeelden

Wanneer •