Maar wij maken wel veel mee dat marketing mensen allerlei vakbladen en vakwebsites bekijken en deze term tegenkomen. En zij willen natuurlijk wel dat hun projecten gebruik maken van de laatste technieken. Dus vandaar dit korte artikel waarvan ik hoop dat dit misschien wat verduidelijkt voor u de lezer wat HTML nou eigenlijk inhoud.

Wat is HTML

Een browser (internet explorer, safari, opera, chrome etc.) is een programma welke HTML opmaak taal/code interpreteert naar een toonbare website. Logo links, grijze achtergrond, tekst in arial, foto van de directeur met een vergroting onder een muisklik. Deze code kunt u zien als u in de browser op een webpagina klikt en "bekijk broncode" selecteert. Dan ziet alleen maar rare tekstjes en woorden welke in <> tekens staan. Deze code is gestandaardiseerd waardoor elke browser weet hoe hij met allerlei zaken om moet gaan. 

Bijvoorbeeld een titel is <title>, een paragraaf is <p>, een lijst is <ul>, een plaatje is <img>. Mocht u dit willen leren dan raad ik u de bekende dummies boeken aan of zoeken op google want er is een legio aan informatie om zelf HTML te leren.

Omdat er verschillende browsers zijn gemaakt door commerciële bedrijven heeft dit als gevolg dat iedereen dus ook zijn eigen belangen heeft. En omdat website bouwers niet voor elke browser een aparte website kunnen of willen ontwikkelen (kosten en beheersbaarheid als grootste probleem). En website bezoekers vroeger totaal andere website zagen in verschillende browsers zijn er mensen opgestaan om zaken te standaardiseren, W3C genoemd. Want het is wel leuk dat wanneer een plaatje links van de tekst moet staan, deze overal ook links staat.

Alleen W3C doet alleen in aanbevelingen aan browserontwikkelaars en visaversa doen de ontwikkelaars voorstellen aan het W3C of voeren dingen door op eigen houtje door. Moeilijk verhaal, mocht u geinterreseerd zijn lees dan gerust verder op wikipedia. Maar alles is dus vrijblijvend met de gevolgen van dien.

Maar sinds HTML is gestart (ergens begin 1990) zijn we nu beland op de standaard "HTML 4.01 strict". Maar HTML is eigenlijk alleen maar voor de statisch zaken zoals tekst en plaatjes. Alle leuke dingen die u ziet op het internet, zoals bewegende beelden, animaties, geluidjes, transparante foto's etc worden weer mogelijk gemaakt door externe opmaaktalen en scriptjes welke gekoppeld zijn aan HTML. En ook hiervoor zijn weer standaarden of worden door aparte bedrijfjes gepushed. Als belangrijkste en bekende spelers flash van Adobe en silverlight van Microsoft waarvan u vast wel een keer een update of een installatie voor heeft moeten doen.

Maar hierdoor is het internet wel fantastisch geworden. Waar we vroeger tegen herhalende plaatjes en platte tekst keken, hebben we nu dynamische websites waarin alles mogelijk is. Database gestuurd, dropdown navigaties, dynamische formulieren, films, animaties en noem het maar op.

Zie hieronder bijvoorbeeld het verschil van de NY Times in 1993 en nu.... U kunt ook uw huidige website bekijken zoals deze gemaakt zou zijn in 1993 door hier te klikken en uw url in te voegen. Erg leuk, en herkenbaar voor mensen die al wat langer met internet bezig zijn.

Maar wat is nou HTML 5, meneer van Immo?

Nou HTML 5 is niks meer dan een verbetering op de huidige standaard. Meer mogelijkheden, meer snelheid en meer flexibiliteit voor webdevelopers zoals wij, waardoor wij nog veel mooiere dingen kunnen maken voor u. Maar ik zal u wel wat praktische voorbeelden geven om u een idee te geven wat eerst niet (gemakkelijk) kon en nu wel.

Code

Normaliter benoemde wij de navigatie, start- en afsluiting van een pagina, artikel e.d. van a tot z  helemaal zelf. Nu zijn daar standaarden voor, wat het voor ons gemakkelijker maakt om te bouwen. En dit is goed voor de snelheid qua bouwen (minder code) en goed voor zoekmachines (door duidelijke definities  van verschillende elementen op een website). 

Locatie

Normaal moest wij allerlei moeilijk scripts schrijven om de locatie van de bezoeker te bepalen, nu kan dit relatief simpel. En met opkomst van mobiele apparaten kunnen daar allerlei leuke toepassingen voor worden bedacht. Commercieel gezien het aanbieden van reclame m.b.t de locatie waar u zich bevind. Maar ook automatisch taalomschakeling, praktisch wegwijzer informatie of routehulp naar het bedrijf waar u naar zoekt binnen de website van dit bedrijf zelf.

Drag and drop

Elementen zijn vrij. Hiermee kunt u gemakkelijk zelf pagina's inrichten hoe u hem zelf graag wilt zien. Een voorbeeld zou uw favoriete webwinkel kunnen zijn. Horloges en schoenen zijn niet uw ding, maar wel de dvd's, jurken van een bepaald merk en telefoons. De ongewenste blokjes met advertenties of collectie overzichten sleept u weg en de wel gewenste blokjes sleept u naar het hoofdscherm. En elke keer wanneer u uw favoriete website bezoekt ziet u direct de zaken die u interesseert.

Offline gebruik

Normaliter moest u voor de gehele duur van een website gebruik online zijn. Met HTML5 kunt u online beginnen met het schrijven in uw blog, offline gaan en verder gaan zonder merkbaar verschil en verder tikken. En op het moment dat u weer online bent kunt u de geschreven tekst online zetten.

Audio en video

Voor deze zaken moesten altijd externe software partijen de software verzorgen. Waardoor u als gebruiker de melding kreeg om flash te upgraden of een nieuwe versie van silverlight en weet ik veel wat te downloaden. HTML5 zorgt ervoor dat browsers dit zelf kunnen. Dus geen extra updates meer om dat bepaalde filmpje af te kunnen spelen. De apple ipad ondersteund al geen flash, youtube is praktisch HTML5 ready en zelfs uitzending gemist probeert de stap te zetten. 

Formulieren

Voor webontwikkelaars wordt het gemakkelijker om extra functies aan een formulier te hangen om de invoer te vergemakkelijken. Denk dan aan agenda's, wereldtijden en automatische herkenning voor niet computers zoals pda's, ipads en telefoons. Welke toch een andere invoer hebben als een compleet toetsenbord.

Dus kortom meer mogelijkheden om de webexperience te verbeteren, te versnellen en u als klant te voorzien van middelen om uw boodschap beter en effectiever over te brengen op uw doelgroep.

Maar er is wel een kanttekening aan dit verhaal en dat is dat HTML5 nog steeds in concept fase is. Elke webbrowser bouwen heeft nog steeds zijn eigen agenda en eigen belangen. En de verwachting is dat de algemene HTML5 standaard pas in 2022 echt overal volledig is geaccepteerd. Maar zoals altijd zullen bepaalde zaken sneller opgepakt worden, waardoor wij de vernieuwing kunnen gaan gebruiken en u garanderen dat dit werkt in de meest gebruikte browsers.

Maar genoeg gepraat, nu wat linkjes en video voorbeelden van HTML. Let op het nerd gehalte is misschien wel wat hoog...

Linkjes en filmpjes

Als eerste een Link naar een pagina met een showcase van verschillende website gemaakt in HTML 5. Let op voor het bekijken van deze websites is wel een recente browser nodig zoals de laatste chrome, opera, firefox of internet explorer.

Een showcase bij apple zelf. Aangezien de iphone en ipad geen flash ondersteunen, wil apple met hun safari browser heel graag tonen dat flash niet nodig is. De laatste Safari browser zal waarschijnlijk wel nodig zijn. Klik naar de apple site. Maar in tegenstelling tot wat zij beweren op deze website kan google chrome de getoonde websites ook prima aan.

Een leuk artikel (let op in engels) over video marketing per email. Filmpjes direct in de mail box, klinkt goed voor marketeers.
Hierbij de link. Staat wel nog echt in de kinderschoenen.  

Nog een artikel op frankwatching over HTML 5. Emerce is een toonaangevend orgaan voor marketeers en heeft recent een artikel geplaatst dat HTML 5 nog niet geschikt was voor algemene acceptatie. Op frankwatching wordt dit nogal genuanceerd. Klik voor artikel op frankwatching waar ik mijzelf beter in kan vinden.

Sports illustrated website in html 5

Een nerd filmpje van een expert van google over html 5

Waar ik u nu graag op wil wijzen is dat zij een demo hebben uitgebracht van hoe tijdschrift beleving kan veranderen met de opkomst van ipad achtige producten.

Ik ben geen hardcore apple fan. Ik heb zelfs nog geen ipad. Maar na het zien van deze mogelijkheden zie ik wel in dat de conventionele gedrukte media het simpelweg niet gaan redden, als ze alleen blijven vertrouwen op papier. Daarnaast heb ik ook een demo van hoe Sports Illustrated gebruik maakt van de mogelijkheden van de Ipad.

Natuurlijk is www.studio-immo.nl ook 100% geschikt en getest om te bekijken op de Ipad. 

Klik hier om het gehele artikel te lezen op cs5.org.

De making off wired magazine

Demo van Sports Illustrated op de Ipad

Fysiotherapiepraktijk
Plexus Uithoorn

Dit is een huisstijl opdracht die Micha van Veen mocht verzorgen toen wij eigenlijk net begonnen zijn met de onderneming. Natuurlijk had Micha al flink wat jaren ervaring bij andere reclamebureaus. Maar de eerste opdrachten als zelfstandige blijven toch wat meer hangen in het geheugen. En nog steeds is dit een opdracht geweest waar wij met trots op terugkijken.

Plexus was eerst een vestiging/onderdeel van SW Plexus, maar wilde een eigen identiteit bij de verhuizing naar het sport complex Plux. Hierin zitten verschillende jonge gezondheid gerelateerde organisaties onder een dak. Zoals een fitness centrum, beautysalon, reastaurant en een de sportfysiopraktijk Plexus.

Hieronder ziet u in stappen de weg die doorlopen is naar de definitieve huisstijl. Het oude logo en de eerste briefing waarin kernwoorden zijn opgesteld. Alle verschillende schetsen, uitwerkingen en geschrapte keuzes. En natuurlijk het eindresultaat.

Het oude logo, kernwoorden en kleurselectie

Inspiratie sfeerbeelden als basis voor het vignet

Anatomie en vorm schetsen voor het vignet

Uitwerkingen van de anatomie schetsen

Schetsen worden hier omgezet naar een voorstel schets

Van de drie voorstellen is deze vorm het geworden, en wordt nu uitgewerkt naar een definitief ontwerp.

Het definitieve logo in twee gebruiksvormen

De definitieve huisstijl van plexus

Tevens hebben zij een eigen kanaal op you tube. Absolute aanrader om deze in de gaten te houden. Soms zijn deze tips meer voor de webontwikkelaar (studio immo kijkt ook regelmatig) maar veelal ook voor web eigenaren om zo gratis betere zoekresultaten te behalen. 

Ervoor zorgen dat Google meer pagina's indexeert?

Hoe kan ik links krijgen vanaf andere websites?

Beïnvloeding door verborgen teksten werkt averechts

Hoelang zal zoekmachineoptimalisatie (SEO) bestaan?

Trefwoorden in URLs invloed op de zoekresultaten?

Hoe Google er in 2009 voor stond

In dit geval wil ik u een topic over advertenties laten zien. Erg specifiek en het zal niet zo vaak voorkomen dat ik zoiets mag of kan maken. Maar ik zal zeker hier inspiratie uithalen voor toekomstige opdrachten.

Klik op de link en geniet mee. 

http://abduzeedo.com/outstanding-advertising-inspiration