Les 2: Can t get it out of my <head>
|
|
- Merel Brander
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Les 2: Can t get it out of my <head> Les 2 gaat over de geschiedenis van HTML. Het W3C en WHATWG. Ook wordt de HTML5 timeline besproken. In de les ga je werken aan Validatie & Code lezen, Rich media elementen: Audio, Video en de mogelijkheden van Web Forms 2.0. Docenten Koop Reynders Jorrit de Vries k.g.reynders@hva.nl Lesdoelen Geschiedenis en timeline HTML5 kennis overdragen (college) Begrip over deze nieuwe webtechnologie en HTML5 semantiek (bespreking) Audio en Video tag begrijpen en toepassen (aan de slag) Webformulieren met HTML 5 (aan de slag) Programma (200 minuten) 1. College (30) 2. Artikel bespreking (30) 3. Aan de slag (90) 4. Eindopdracht (30) 5. Terugkijken (20)
2 1 College - 30 minuten (30/200) Materiaal Papier en pen voor aantekeningen Opstelling College opstelling Geschiedenis en ontwikkeling Tim Bernard Lee (sir) > Uitvinder van WWW. Internet bestond al. Ontwikkeling van HTML, gekoppeld aan browsers. Wat was er eerder? browser of HTML? Welke browsers heb je en wanneer? Mosaic > Netscape > Opera (bestaat nog) > IE > icab > Mozilla/Firefox > Safari > Chrome. Bekijk website: De evolution of the web IE 10 wordt een indrukwekkende browser. Webkit, Presto, Gecko, Triband zijn rendering engines. We willen niet afhankelijk zijn van Webkit, dan krijg je hetzelfde als afhankelijkheid van IE: Monoculture: Makkelijk, erg vervelend, het web staat stil. W3C - WHATWG - Timeline of HTML5 W3C op basis van consensus worden ontwikkelingen vastgesteld, traag. WHATWG, groep rebellen vanuit W3C willen een praktisch web. Geen dracionian error handling. Beslissingen worden, na discussie, uiteindelijk door 1 persoon gemaakt == snel. W3C heeft uiteindelijk het werk overgenomen van WHATWG. Wanneer wordt een standaard vastgesteld? Er moeten 2 rondes toepassingen zijn gebouwd met alle specificaties. Dat duurt altijd heel lang.
3 2 Discussie - 30 minuten (60/200) Materiaal Papier en pen voor aantekeningen Opstelling Tafels in een vierkant, 2 groepen van 18 Introductie: Groepje van 2 of 3 studenten het woord geven en kort uitleggen wat ze moeten doen en wat de rol en activiteit is van de docent. Beoordeling, criteria. Structuur: Groepje studenten geeft een korte samenvatting van de artikelen Studenten uit de groep krijgen vragen over de stof Docent mag overal doorheen praten en andere mensen een beurt geven (om te beoordelen) Aan het eind van de discussie geeft de docent een round up over de beoordeling Nieuwe groep aanwijzen voor les 3 Vragen: The design of HTML 5 - The design of HTML5 by Jeremy Keith (70 minuten) Wat betekent WHATWG? Wat doen ze? Waarom zijn ze begonnen met eigen standaard? HTML 5 design principles? Wat is doctype? Wat bedoelt Jeremy Keith met pave the cowpaths? Degrade gracefully Form type element, wat doen browser die het niet snappen? HTML5 vs Flash, which side are you on? Priority of constituencies? users - authors - implementors - specifiers - theoretical purity Semantics in HTML 5 - Semantics in HTML 5 by John Allsopp Probleem van HTML? We have simply run out of HTML elements and attributes with which to mark up more richly semantic documents What is the single most pressing goal for the HTML 5 project? We need mechanisms in HTML that clearly and unambiguously enable developers to add richer, more meaningful semantics not pseudo semantics to their markup. Wat is een grote uitdaging van de ontwikkeling van HTML? Forward and backwards compatible Why are we inventing these new elements? Because HTML lacks semantic richness, and by adding these elements, we increase the semantic richness of HTML that can t be bad, can it?
4 Krititek op HTML5 ontwikkeling: - We don t need to add specific terms to the vocabulary of HTML, we need to add amechanism that allows semantic richness to be added to a document as required. In technical terms, we need to make HTMLextensible. HTML 5 proposes no mechanism for extensibility. - HTML 5, therefore, implements a feature that breaks a sizable percentage of current browsers, and doesn t really allow us to add richer semantics to the language at all.
5 3 Aan de slag - 90 minuten (150/200) Materiaal Laptop en internet Opstelling Werkeilanden waar twee duo s aan kunnen zitten Opdracht 1 - Het Video element - 30 minuten Terugkijken op de opdrachten van lesweek 1: Vorige week hebben we de semantische elementen even bekeken, we hebben gekeken naar validatie. We weten weer hoe HTML werkt. Vandaag gaan we verder met andere elementen. Opdracht: Video: Maak! Minimale toepassing video element: <video src= video_file.mp4 controls></video> De praktijk werkt anders: =politiek: Niet alle video formaten worden ondersteund door alle browsers. Je moet verschillende video sources aanbieden om alle browsers te bedienen. HTML5 Periodic Table of Elements > specs voor video element en ondersteuning HTML/Element/video Het video element Plaats de onderstaande bronbestanden in een <video> Hij moet voor iedereen met een hedendaagse browser werken. Zorg voor een fallback voor oude browsers. Er moet een caption track toegevoegd worden Captions Webm OGG MP4 Plaatje Voor deze opdracht zijn de bronbestanden ook hier te vinden zijn: Bespreking opdracht 1 Resultaat van een student in Gist bespreken. Antwoord op de opdracht staat hier:
6 source en volgorde video files Je geeft het video element verschillende source files voor verschillende browser ondersteuning. De volgorde is bepalend voor welk file wordt afgespeeld. Een browser pakt een source als deze wordt herkend. Dus bovenaan zet je het belangrijkste video file. De volgorde wordt mp4 als eerste voor een Safari bug... En mp4 is het kleinste bestand met de hoogste kwaliteit. Dat wil je eigenlijk: Meest voor het minst. Voor een dubbeltje op de eerste rang zitten. Dus je bepaalt de volgorde op basis van de kwaliteit van de video. Het file dat bovenaan staat probeert een browser als eerst af te spelen. Als dat lukt wordt de rest van de code overgeslagen. De ogg versie staat alleen als fallback voor een beperkt aantal oude browsers die dit alleen kunnen lezen. Als je deze bovenaan zet wordt deze ook door browsers gepakt die ook mp4 of webm zouden kunnen afspelen. En dat wil je niet. ogg is groot en minder van kwaliteit. track Track element is voor ondertitleing. Het support voor track is nihil. Maar dat zou in de toekomst wel kunnen gebeuren. Misschien wordt er een browser ontwikkeld die dit gaat gebruilken. De src geeft een path naar het document. srclang is de taal van de ondertiteling. type Het type element moet je meegeven omdat oude browsers dit nodig hebben. Moderne browsers kijken alleen naar extensie van het file. width en height De width en height hoef je niet mee te geven. Waarschijnlijk wordt het video element zonder width en height door browsers anders weergegeven. Dit kun je in CSS doen. Bijvoorbeeld om de width en height niet in pixels maar in procenten weer te geven. fallback Tussen <video> en </video> kun je iets neerzetten dat wordt getoond als een browser geen van de video kan tonen. Hier staat html code met een plaatje, tekst, boodschap of bijvoorbeeld een flash object. Studenten vragen tijdens de les
7 -Wat is een caption? -Waarvoor is het type element in het source element? - Mijn ogv file doet het niet in Firefox? (antwoord: bij ogv file moet je type=ogg gebruiken...) Opdracht 2 - HTML5 Webforms minuten Opdracht: HTML5 formulieren. In HTML5 zijn hele veel meer (functionele) mogelijkheden bedacht: placeholder > text voor leeg form field <input type=text id=hobbies placeholder= gimme some > autofocus <input type=text id=status autofocus> required <input type=password id=pw required> autocomplete > disable auto-completen, bv veiligheid <form autocomplete=off> of <input type=text autocomplete=off> datalist <input type=text id=all_your_coders_r_belong_to_us list=code _archetypes> <datalist id=code _archetypes> <option value=enthusiast > <option value=mash-up-artist> <option value= inventor > <option value= wizard > </datalist Input types <input type= > searching contact types: , website, phone range (slider) number dates and times color pickers pattern Opdracht 2a Maak het volgende formulier met valide, toegankelijke HTML. Gebruik labels voor de verschillende elementen, vb:
8 <label for naam >naam</label> <input id= naam > 1. Contactgegevens 1a. Naam 1b. 1c. Straatnaam 1d. Nummer 1e. Postcode 1f. Land 1g. Telefoonnummer 2. Voorkeuren 2a. Lievelingskleur 2b. Leukste maand 2c. Hoe goed is dit ongeveer? (1 tm 10) De opdracht staat ook hier: bespreken opdracht 2a Resultaat van een student in Gist bespreken. Antwoord op de opdracht staat hier: Waar zitten de fieldsets? Met de fieldset groepeer je content die thematisch bij elkaar hoort. Een <legend> geeft aan waar het fieldset over gaat. Een titel van de fieldset. Dit element is primair gekoppeld aan de fieldset. Kloppen de label/input paren? Een label is gekoppeld aan een input of textarea. Dit is ook belangrijk voor screenreaders. Handig voor gebruik is dat je op een label kan klikken om een element focus te geven. Opdracht 2b Vervang de klassieke formulier-attributen zo nodig door HTML5 attributen op deze pagina. Welke input types kunnen in HTML5 specifiek worden ingevuld. Bespreken opdracht 2b Het resultaat moet er ongeveer zo uitzien:
9 We bekijken een aantal gekozen oplossingen en bespreken welk attribuut waarbij hoort. Met required (bool) geef je aan welke form elementen verplicht zijn (overigens kun je die ook heel makkelijk stylen) Het attribuut placeholder kun je heel eenvoudig een standaard tekst in een input laten zien. Oude browsers negeren dit. Bij het number type krijg je in sommige browsers automatisch pijltjes naast het element. Als je geen pijltjes wil, bijvoorbeeld om dat je dit lelijk vindt, zou je bijvoorbeeld een pattern kunnen gebruiken. Dan geef je met een regularexpression aan wat de gebruiker mag invullen... Let op, browsers verwerken dit niet allemaal hetzelfde. Color type en date geven in sommige browsers een color picker en calender object. Op IOS, mobile OS van Apple, verandert het toetsenbord afhankelijk van het type dat je meegeeft. Bijvoorbeeld type= geeft een toetsenbord met type=number geeft een numeriek toetsenbord. Vasilis is helemaal fan van type=date op IOS. Probeer dit maar eens met de verschillende HTML5 input types... (OS heeft voor de mac een Iphone emulator die je kan gebruiken met de development kit.) Bij type=search laat IOS bijvoorbeeld standaard een x (clear) in het field zien: Handig!
10 4 Eindopdracht - 30 minuten Materiaal Laptop en internet Opstelling Werkeilanden waar twee duo s aan kunnen zitten Bespreken status van de eindopdracht: vorige week heb je de basis van een Artikel pagina gemaakt. Deze les heb je een begin gemaakt met het formulier. Voor de eindopdracht moet je specifieke content in je pagina s laten zien. Deze staan op het intranet op de Maakopdracht-pagina. In de download vind je de pagina s en plaatjes die je moet gebruiken. Ook is meegeleverd een Content Matrix, met in geel aangegeven om welke pagina s het gaat. 5 Terugkijken - 20 minuten (200/200) Wat hebben we geleerd? Lesdoelen: Geschiedenis en timeline HTML5 kennis overdragen (college) Begrip over deze nieuwe webtechnologie en HTML5 semantiek (discussie) Audio en Video tag begrijpen en toepassen (aan de slag) Webformulieren met HTML 5 (aan de slag) Vooruitkijken naar volgende week, mondeling en structuur van de les bespreken: Wat moeten ze af hebben voor deeltoets 1 en hoe gaat de beoordeling? Mondeling worden gehouden met dubbele duo s, 10 minuten per gesprek. Er zijn 18 duo s, dat betekent 9 dubbele duo s. Tijdens de maak-opdrachten worden de mondelingen afgenomen. Het werkeiland vooraan de klas vrijhouden voor de mondelingen. Schema komt op het bord. Hoe moeten studenten hun werk opleveren: in een Gist en meenemen op je laptop. Pagina s moeten gevalideerd zijn. Het is belangrijker dat een student een validatie error kan uitleggen dan dat er geen errors zijn.
Les 2: Can t get it out of my <head>
Les 2: Can t get it out of my Les 2 gaat over de geschiedenis van HTML. Het W3C en WHATWG. Ook wordt de HTML5 timeline besproken. In de les ga je werken aan Validatie & Code lezen, Rich media elementen:
Nadere informatieGIVE ME A FUCKING <BR> FRONTEND DEVELOPMENT LES 1
GIVE ME A FUCKING FRONTEND DEVELOPMENT LES 1 WAAROM DIT VAK? Nou? Vraag dit aan je studenten, schrijf het eventueel op het bord. Benadruk al deze punten ook. - Materiaalkennis - Hoe weet je wat je
Nadere informatieFormulieren. Best practices
Formulieren Best practices Waarom HTML formulieren: - Verzamelen gegevens die door bezoekers van website worden achtergelaten. - Bieden mogelijkheid voor bezoekers om te communiceren met website eigenaar.
Nadere informatieHTML5 VIDEO. Een stand van zaken Jeroen Wijering, LongTail Video
HTML5 VIDEO Een stand van zaken Jeroen Wijering, LongTail Video WHOIS JW? Auteur van de JW Player (2005) Open-source Flash video speler voor embedden in websites. Gebruikt door YouTube in 1e jaar Helaas,
Nadere informatieY.S. Lubbers en W. Witvoet
WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-
Nadere informatieCluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieHTML. Media. Hans Roeyen V 3.0
Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...
Nadere informatieZo kan je linken maken tussen je verschillende groepen van gegevens.
1 1. Entity Reference Entity Reference zal ook een onderdeel zijn van Drupal 8. Het is een module van het type veld. Het is een heel krachtige module die toelaat om referenties te maken tussen verschillende
Nadere informatieopen standaard hypertext markup language internetprotocol transmission control protocol internet relay chat office open xml
DOWNLOAD OR READ : OPEN STANDAARD HYPERTEXT MARKUP LANGUAGE INTERNETPROTOCOL TRANSMISSION CONTROL PROTOCOL INTERNET RELAY CHAT OFFICE OPEN XML PDF EBOOK EPUB MOBI Page 1 Page 2 relay chat office open xml
Nadere informatieDeze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld je ouders, je vrienden of naar iemand van je klas
1. Op de volgende kaart leer je hoe: Je een tabel maakt Hoe je een formulier maakt Hoe je een SMS verstuurt via CM.com Deze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld
Nadere informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatieEindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
Nadere informatieEindopdracht HTML/CSS: hovenier
Eindopdracht HTML/CSS: hovenier De eindopdracht is verplicht voor wie de opleiding Applicatie Ontwikkelaar wil gaan doen. Het is de bedoeling dat je zo veel mogelijk individueel werkt. Als je samenwerkt
Nadere informatieWebsite review kamernet.nl
Website review kamernet.nl Generated on October 22 2016 22:07 PM The score is 51/100 SEO Content Title Huur een kamer, appartement of studio Kamernet Length : 48 Perfect, your title contains between 10
Nadere informatieSEO Content. Creditcard aanvragen? Dé beste creditcards vergelijken.
Website review creditcardkiezer.nl Generated on October 16 2016 08:23 AM The score is 45/100 SEO Content Title Creditcard aanvragen? Dé beste creditcards vergelijken. Length : 57 Perfect, your title contains
Nadere informatieEM6250 Firmware update V030507
EM6250 Firmware update V030507 EM6250 Firmware update 2 NEDERLANDS/ENGLISH Table of contents 1.0 (NL) Introductie... 3 2.0 (NL) Firmware installeren... 3 3.0 (NL) Release notes:... 5 1.0 (UK) Introduction...
Nadere informatieTap is the New Click Werkgroep 2
Tap is the New Click Werkgroep 2 (On)verwacht SO Vraag 1/11 - Vul de vijf missende begrippen in. 1. Concrete Completion Visual Design Interface Design 2. Information Design Navigation Design Surface Skeleton
Nadere informatieHandleiding RS Form! 1.0.4
Handleiding RS Form! 1.0.4 Inhoud 1. Controlepaneel... 3 2. Forms Manager... 4 2.1 Nieuwe form aanmaken... 4 2.2 Nieuwe fields toevoegen... 7 2.3 Wijzigen/verwijderen bestaande Forms, Fields... 10 Versie
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieOpdracht Dynamische Webapplicaties: HTML5
INLEIDING HTML5 is sinds kort de nieuwe standaard voor het maken van webpagina s. Deze nieuwe versie van de welgekende HTML (HyperText Markup Language) biedt voor het eerst de mogelijkheid om video en
Nadere informatieBASISELEMENTEN <form> <input> <textarea> <select> & <option> </form> INPUT element. INPUT attributen: type, id & name
Je kan een basisformulier opzetten voor je website Je kan informatie opvragen op verschillende manieren Je kan een formulier opmaken met CSS 3 Je kan formulieren beheren in Adobe Dreamweaver GERICHT INFORMATIE
Nadere informatieWFS 3.0 De geo-api van de toekomst. Linda van den Brink, Geonovum 13 februari #DataToBuildOn
WFS 3.0 De geo-api van de toekomst Linda van den Brink, Geonovum 13 februari 2019 @brinkwoman #DataToBuildOn Eerste versie uit 2002 https://nl.wikipedia.org/wiki/web_feature_service Web Feature Service
Nadere informatieWebsite beoordeling mgcaretaker.com
Website beoordeling mgcaretaker.com Gegenereerd op Juli 22 2019 05:30 AM De score is 58/100 SEO Content Title Quickbooks Support Number (+)-888-833-0109 -Mgcaretaker Lengte : 55 Perfect, uw title tag bevat
Nadere informatieHTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
Nadere informatieWorkshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net
Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net In deze workshop maak je kennis met XIMPEL TV en interactieve video. Bij interactieve video kun je de video
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieInhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B
Inhoudsopgave Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B PORTFOLIO 1 - STAPPEN Stappen INTRODUCTIE Voordat ik over mijn stappen vertel, wil ik kort toelichten dat ik eerder een
Nadere informatieHandleiding webformulieren
Handleiding webformulieren www.ucll.be versie: januari 2017 auteur: Nele Clijsters Inhoudsopgave 1. Webformulier aanmaken... 3 2. Besturingselementen... 4 2.1. Bestand... 4 2.2. Countdown... 4 2.3. Datum...
Nadere informatieHoe te verbinden met NDI Remote Office (NDIRO): Apple OS X How to connect to NDI Remote Office (NDIRO): Apple OS X
Handleiding/Manual Hoe te verbinden met (NDIRO): Apple OS X How to connect to (NDIRO): Apple OS X Inhoudsopgave / Table of Contents 1 Verbinden met het gebruik van Apple OS X (Nederlands)... 3 2 Connect
Nadere informatieFilms downloaden met Firefox Plugin en bekijken op PC en ipad
Films downloaden met Firefox Plugin en bekijken op PC en ipad Software nodig om films te downloaden In dit onderdeel maken we gebruik van de browser FireFox om met behulp van een Plugin (Flash Video Downloader
Nadere informatieWebsite review nieuws-feiten.nl
Website review nieuws-feiten.nl Generated on August 21 2017 19:24 PM The score is 58/100 SEO Content Title Onthullend en Bewustmakend Nieuws - Nieuws - Feiten Length : 53 Perfect, your title contains between
Nadere informatieUw website gebruiksvriendelijk, vindbaar en toegankelijk
Uw website gebruiksvriendelijk, vindbaar en toegankelijk! Training PGOsupport!! 14 april 2014! Jaap van de Putte Programma 10.00-12.30 Kennismaking Usability / Findability / Accessibility 13.15-16.30 Van
Nadere informatieOPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen.
OPDRACHTKAART MM-05-03-01 Het World Wide Web Voorkennis: Geen. Intro: Deze opdracht gaat over de belangrijkste mogelijkheid van het internet: het surfen op het World Wide Web. Deze opdracht beschrijft
Nadere informatieHTML. Formulieren. Hans Roeyen V 3.0
Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input
Nadere informatieDe Geschiedenis van het Internet
De Geschiedenis van het Internet Hoe is het internet ontstaan? https://www.youtube.com/watch?time_continue=32&v=r3dnhjhxmm g Het internet zag er eerst nog zo uit: Wie van jullie zou dit kunnen gebruiken?
Nadere informatieRECEPTEERKUNDE: PRODUCTZORG EN BEREIDING VAN GENEESMIDDELEN (DUTCH EDITION) FROM BOHN STAFLEU VAN LOGHUM
Read Online and Download Ebook RECEPTEERKUNDE: PRODUCTZORG EN BEREIDING VAN GENEESMIDDELEN (DUTCH EDITION) FROM BOHN STAFLEU VAN LOGHUM DOWNLOAD EBOOK : RECEPTEERKUNDE: PRODUCTZORG EN BEREIDING VAN STAFLEU
Nadere informatieActivant Prophet 21. Prophet 21 Version 12.0 Upgrade Information
Activant Prophet 21 Prophet 21 Version 12.0 Upgrade Information This class is designed for Customers interested in upgrading to version 12.0 IT staff responsible for the managing of the Prophet 21 system
Nadere informatieFoutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
Nadere informatieDe plug-in is heel eenvoudig te installeren met een setup-programma. Waarna je een aantal menu opties in het tools menu er bij krijgt.
Plsqldoc Genereer je documentatie Beeklaan 444 2562 BK Den Haag www.darwin-it.nl info@darwin-it.nl KvK 27283780 ING 65.35.40.663 Technical Architect Net als (vrijwel) elke ontwikkelaar vind ik het documenteren
Nadere informatieTim Akkerman - Head of Mobile
Tim Akkerman - Head of Mobile Emesa is the largest e-commerce company for searching, comparing and booking travel and leisure packages in the following categories: Holidays - Other accommodations - Hotels
Nadere informatieIMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6
IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6 VORIGE WEEK De principes van het web Multiscreen Responsive webdesign Mediaqueries Mobile first Even heel kort samenvatten waar we het ook al weer over hebben
Nadere informatieTekenen met Licht. It s your time to shine!
Tekenen met Licht It s your time to shine! 1 Colofon Inhoud en samenstelling Patrick Couwenberg van 4XM www.workshopstartpagina.nl info@workshopstartpagina.nl 2 Tekenen met licht Inleiding Tekenen met
Nadere informatieMyDHL+ Van Non-Corporate naar Corporate
MyDHL+ Van Non-Corporate naar Corporate Van Non-Corporate naar Corporate In MyDHL+ is het mogelijk om meerdere gebruikers aan uw set-up toe te voegen. Wanneer er bijvoorbeeld meerdere collega s van dezelfde
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieWebSite Director Gebruikersgids
WebSite Director Gebruikersgids CyberTeams, Inc. 104 South Main Street, Mt. Airy, MD 21771 301-829-6144! www.cyberteams.com CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc.
Nadere informatieVersiecontrole in de keten
Versiecontrole in de keten Het probleem we hebben een keten, en een uitwisseling, met berichten, documenten et cetera iedereen is gelukkig... en nu komt versie 2.0 moet iedereen tegelijk over naar 2.0?
Nadere informatieSoftware 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1
Software 1 Basis HTML bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis HTML 1. Introductie 2.
Nadere informatieEM7680 Firmware Update by OTA
EM7680 Firmware Update by OTA 2 NEDERLANDS/ENGLISH EM7680 Firmware update by OTA Table of contents 1.0 (NL) Introductie... 3 2.0 (NL) Firmware installeren... 3 3.0 (NL) Release notes:... 3 4.0 (NL) Overige
Nadere informatieModule II - Enkele Begrippen
Module II - Enkele Begrippen Wanneer we spreken over het Internet, het bekijken van websites, komen we al gauw een aantal begrippen tegen. Enkele van de veelgebruikte begrippen binnen de Internet wereld
Nadere informatieLAB handleiding april
Student 1 Inhoudsopgave Aanmelden 4 Wachtwoord vergeten 7 Gebruikersprofiel 11 Home scherm 31 Kalender 33 Mijn pagina 35 Cursussen 40 Quiz/ test 46 Braintrainer 47 Bestanden 48 Post je feedback 49 Mijn
Nadere informatie2019 SUNEXCHANGE USER GUIDE LAST UPDATED
2019 SUNEXCHANGE USER GUIDE LAST UPDATED 0 - -19 1 WELCOME TO SUNEX DISTRIBUTOR PORTAL This user manual will cover all the screens and functions of our site. MAIN SCREEN: Welcome message. 2 LOGIN SCREEN:
Nadere informatieWeb app Spaans voor kinderen
Web app Spaans voor kinderen Naam: Yanette Wong Lozano Inhoudsopgave Inleiding... 3 Beschrijving applicatie... 4 Doelgroep... 4 Omgeving... 4 Technologische middelen... 4 User stories... 4 Site map...
Nadere informatieTraining Toegankelijke video players. 28 Maart 2019
Training Toegankelijke video players 28 Maart 2019 Introductie Stichting Accessibility 17 jaar internationaal expertisecentrum voor toegankelijke ICT Not-for-profit instelling Lid van W3c, oa NLse vertaling
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieGebruikershandleiding GO search 2.0
Gebruikershandleiding GO search 2.0 1 Gebruikershandleiding Product: GO search 2.0 Documentversie: 1.1 Datum: 2 februari 2015 Niets uit deze uitgave mag zonder toestemming van GemeenteOplossingen worden
Nadere informatieDTT en Formatief Evalueren
DTT en Formatief Evalueren HET RHEDENS, DIEREN JOSÉ AVINK Even voorstellen José Avink Het Rhedens in Dieren Klein begonnen Feedback, no matter how well designed, that is not acted upon by the student is
Nadere informatieWebsite beoordeling zonetelechargement.com
Website beoordeling zonetelechargement.com Gegenereerd op Juli 23 2015 10:12 AM De score is 47/100 SEO Content Title zone-telechargement.com 520: Web server is returning an unknown error Lengte : 71 Let
Nadere informatieMyDHL+ ProView activeren in MyDHL+
MyDHL+ ProView activeren in MyDHL+ ProView activeren in MyDHL+ In MyDHL+ is het mogelijk om van uw zendingen, die op uw accountnummer zijn aangemaakt, de status te zien. Daarnaast is het ook mogelijk om
Nadere informatieInteraction Design for the Semantic Web
Interaction Design for the Semantic Web Lynda Hardman http://www.cwi.nl/~lynda/courses/usi08/ CWI, Semantic Media Interfaces Presentation of Google results: text 2 1 Presentation of Google results: image
Nadere informatieHet beheren van mijn Tungsten Network Portal account NL 1 Manage my Tungsten Network Portal account EN 14
QUICK GUIDE C Het beheren van mijn Tungsten Network Portal account NL 1 Manage my Tungsten Network Portal account EN 14 Version 0.9 (June 2014) Per May 2014 OB10 has changed its name to Tungsten Network
Nadere informatieBetreft: Gebruiksinstructie vrkastour
Betreft: Gebruiksinstructie vrkastour www.vrapp.co/komindekas/vrkastour Beste gebruiker, Via deze handleiding leggen we uit hoe je het beste de vrkastour webapplicatie kunt gebruiken. Deze handleiding
Nadere informatieShipment Centre EU Quick Print Client handleiding [NL]
Shipment Centre EU Quick Print Client handleiding [NL] Please scroll down for English. Met de Quick Print Client kunt u printers in Shipment Centre EU configureren. De Quick Print Client kan alleen op
Nadere informatieUser Centred Development! UCD Werkcollege blok 1 week 4
User Centred Development! UCD Werkcollege blok 1 week 4 Agenda! Algemene Feedback lesweek 3 opdracht! Reflectie oefening: Hoe gaat het tot nu toe?! Persona oefening! Lesweek 4 opdracht: Een werkdag uit
Nadere informatieALGEMEEN. Bij Tweakers zijn we gek op advertenties.
SPECSHEET TWEAKERS ALGEMEEN Bij Tweakers zijn we gek op advertenties. Ten minste; als ze binnen onze advertentierichtlijnen vallen en dus iets toevoegen aan de gebruikerservaring in plaats van daar afbreuk
Nadere informatieJoomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl)
Joomla Template & Bootstrap 3.0 JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) De case Joomla 3.laatst Helemaal responsive Fixed kop- en voetgebied Specifieke chrome Zoveel mogelijk zelf Joomla
Nadere informatieNBTC html wijzigingen juni
NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met
Nadere informatieUser Centred Development. UCD Werkcollege blok 1 week 4
User Centred Development UCD Werkcollege blok 1 week 4 Agenda Introductie Huisregels Blok beschrijving Observatie opdracht & huiswerk Introductie Aranea Felëus Industrieel Ontwerpen Strategic Product Design
Nadere informatieSAMPLE 11 = + 11 = + + Exploring Combinations of Ten + + = = + + = + = = + = = 11. Step Up. Step Ahead
7.1 Exploring Combinations of Ten Look at these cubes. 2. Color some of the cubes to make three parts. Then write a matching sentence. 10 What addition sentence matches the picture? How else could you
Nadere informatieSmartphone applications with Apex. Dealing with the limitations
Smartphone applications with Apex Dealing with the limitations Inhoud - Introductie - Beperkte schermgrootte - Lastig invoeren via on-screen toetsenbord - Beperkte bandbreedte 2 3 A presentation by Who
Nadere informatieLes 9: formulier controle met javascript.
Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet
Nadere informatieDrempelvrij samenwerken
Drempelvrij samenwerken Start ook met drempelvrij samenwerken. Door kennis en informatie te delen op een platform dat aan de webrichtlijnen voldoet kun je met heel Nederland samenwerken. In deze whitepaper
Nadere informatieAPEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010
APEX Templates OGH APEX dag 30 maart Art Melssen Introductie Over de spreker 4 jaar APEX ervaring / 7 jaar Oracle 10 jaar web technologie ervaring APEX trajecten o.a. bij Centraal Boekhuis en eboekhuis
Nadere informatieIntermax backup exclusion files
Intermax backup exclusion files Document type: Referentienummer: Versienummer : Documentatie 1.0 Datum publicatie: Datum laatste wijziging: Auteur: 24-2-2011 24-2-2011 Anton van der Linden Onderwerp: Documentclassificatie:
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieVerstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes!
8 Opdrachtenkrant 38 Technika 10 Nederland Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes! E-mails zijn vaak heel saai! Witte achtergrond met zwarte letters. Of heb je al ontdekt dat
Nadere informatieInstallatie handleiding
MoXie Viewer versie 1.0.13 versie 1.0.14 Installatie handleiding Samenstelling Lia Out, Informatica en Procesondersteuning, VUmc Caroline Doorenbosch, BewegingsLab RevalidatieGeneeskunde, VUmc Amsterdam,
Nadere informatieWebsite beoordeling seo.sololaki.com
Website beoordeling seo.sololaki.com Gegenereerd op Februari 19 2016 17:13 PM De score is 66/100 SEO Content Title SEO Analyzer Lengte : 12 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieDocumentatie. InstantModules Q42. Versie 1.1
Documentatie InstantModules Q42 Versie 1.1 Inhoudsopgave Inhoudsopgave... 2 Voor gebruikers... 3 InstantComment... 3 InstantTagging... 5 Voor webmasters... 9 InstantComment... 9 InstantTagging... 11 Voor
Nadere informatieWebsite beoordeling feedbackvote.com
Website beoordeling feedbackvote.com Gegenereerd op December 21 2018 11:22 AM De score is 51/100 SEO Content Title Feedbackvote - Best Community and Customer Feedback System and Votingsystem Lengte : 75
Nadere informatieWebsite beoordeling mysiteworthcheck.com
Website beoordeling mysiteworthcheck.com Gegenereerd op April 26 2019 09:24 AM De score is 59/100 SEO Content Title Check you website value Lengte : 23 Perfect, uw title tag bevat tussen de 10 en 70 karakters.
Nadere informatieFirewall van de Speedtouch 789wl volledig uitschakelen?
Firewall van de Speedtouch 789wl volledig uitschakelen? De firewall van de Speedtouch 789 (wl) kan niet volledig uitgeschakeld worden via de Web interface: De firewall blijft namelijk op stateful staan
Nadere informatieFormulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Nadere informatieAanleverspecificaties
Aanleverspecificaties Online folder Jouw folder op onze app en website Klikbare folder Deeplinks naar aanbiedingen op je website In app banner Campagne als afsluiter van bekeken folders Banner posities
Nadere informatieWebsite beoordeling proplantdesign.com
Website beoordeling proplantdesign.com Gegenereerd op Januari 31 2019 04:42 AM De score is 62/100 SEO Content Title Process Plant Design Proplant Design Lengte : 38 Perfect, uw title tag bevat tussen de
Nadere informatieWhitepaper. E-mail design best practices
Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk
Nadere informatieStefan Lamberigts Solution Advisor Data Platform. Michiel Coox Solution Advisor Productivity
Stefan Lamberigts Solution Advisor Data Platform Michiel Coox Solution Advisor Productivity Uitdagingen en Vragen Doelstelling Burgers en medewerkers willen toegang tot betere informatie, tools, apps
Nadere informatieLeeftijdcheck (NL) Age Check (EN)
Leeftijdcheck (NL) Age Check (EN) [Type text] NL: Verkoopt u producten die niet aan jonge bezoekers verkocht mogen worden of heeft uw webwinkel andere (wettige) toelatingscriteria? De Webshophelpers.nl
Nadere informatieHandleiding. Social Media Management Software
Handleiding Social Media Management Software Wat is het en waarom gebruiken? 3 Hoe aanloggen? 4 Hoe een sociaal netwerk profiel toevoegen? 5 Hoe berichten toevoegen en klaarzetten om uit te voeren? 7 Hoe
Nadere informatieHandleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0
Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen
Nadere informatieDocumentatie Nederlands v1
Documentatie Nederlands v1 Getting started Navigation menu Theme settings General Features Background Typography Banners Contact details Social Unique selling points Image Sizes Frequently asked questions
Nadere informatieGeneral info on using shopping carts with Ingenico epayments
Inhoudsopgave 1. Disclaimer 2. What is a PSPID? 3. What is an API user? How is it different from other users? 4. What is an operation code? And should I choose "Authorisation" or "Sale"? 5. What is an
Nadere informatieWebsite beoordeling entranttechnologies.com
Website beoordeling entranttechnologies.com Gegenereerd op Juli 22 2019 12:58 PM De score is 61/100 SEO Content Title Entrant Technologies Top Web and Mobile App Development Company USA, India Lengte :
Nadere informatieMobile Ads AANLEVERSPECIFICATIES. Naast de traditionele wegen om bij Bright te adverteren introduceren wij nu in-app advertising.
Mobile Ads iphone Mobile Ads Naast de traditionele wegen om bij Bright te adverteren introduceren wij nu in-app advertising. In-app. advertising staat voor adverteren in de iphone app. van Bright. AANLEVERSPECIFICATIES
Nadere informatieprocesbeschrijving. Opdracht 1
Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde 72 Jelle Bouwman,
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieHieronder volgt een overzicht van relevante contactpersonen binnen KPN Telecom.
1. Contact personen 2. Rent-a-Switch service 3. Validaties 4. Afhandeling Rent-a-Switch orders 5. Foutmeldingen 1. Contact personen Hieronder volgt een overzicht van relevante contactpersonen binnen KPN
Nadere informatieBelangrijke Informatie
Belangrijke Informatie Geachte relatie, Deze Dahua NVR beschikt over de nieuwste generatie firmware. Deze firmware beschikt over vele nieuwe mogelijkheden. Veel van deze nieuwe functionaliteiten worden
Nadere informatieWij ontwerpen met gamification gedrag. gamification
AIDA Wij ontwerpen met gamification gedrag gamification GAME VS PLAY HELDERE REGELS PUNTEN SCOREN BEGIN en eind ANDERE WERELD GAME VS PLAY ONTDEKKEN REGELS VERANDEREN GROEI GAME VS PLAY KEN
Nadere informatie6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?
PIMPTER WEBSHOP http://www.nailsprinter.com http://www.pimpter.com/ http://www.salonique.com/nail-printers.html http://www.nagelstudiocenc.nl/shop.php http://www.yournail.nl/webwinkel-category-1127889/nagelprinter.html
Nadere informatie