In deze vijfde post van de serie over het bouwen van een website met HTML5 en CSS3 wil ik het artikel op de indexpagina in twee kolommen splitsen. Ook wil ik een eenvoudig menu maken bovenaan de webpagina.

Daarnaast ga ik laten zien hoe je met de sidebar, die ook ronde hoeken krijgt, ook kunt werken met het zogenaamde zebra effect, om en om een witte en een oranje letterkleur per paragraaf.

Omdat ik ook nog in wil gaan op de mogelijkheden die er zijn om met tabellen in CSS, een formulier op te maken heb ik besloten om volgende week, maandag, nog een extra artikel te schrijven wat specifiek hierover gaat.

Artikel 1, artikel 2, artikel 3 en artikel 4.
Meer lezen… »

Het derde deel van de serie artikelen om een website te gaan maken met HTML5 en CSS3. Vandaag ga ik verder met de indexpagina, de videopagina en de contactpagina. Vervolgens is de opzet voor de webpagina in HTML5 compleet, de hele code daarvan krijg je ook te zien.
Meer lezen… »

In deze tweede post gaan we concreet aan de slag met het bouwen van een website. Ik ga het vandaag hebben over de opzet van een pagina met behulp van de nieuwe tags die bestaan in HTML5 en die nog niet voorkwamen in HTML 4.01 of XHTML 1.

Structuur

De belangrijkste verandering zit hem in de structuurtags die in de plaats zijn gekomen voor de divs, waaraan een ID werd gekoppeld. Zo heb je op veel websites een opzet zoals dit:
Meer lezen… »

De komende week wil ik samen met jullie een website gaan maken in HTML5 en CSS3. Daarbij wil ik natuurlijk laten zien wat de mogelijkheden zijn en hoe je een website opzet. De eerste stap gaan we vandaag zetten en ik zal iedere dag een nieuw stuk toevoegen zodat er volgende week een complete website staat.
Meer lezen… »

Een van de meest interessante nieuwe onderdelen voor html5 wordt wel de video tag. Met dit element moet het in theorie mogelijk zijn om zonder gebruik te maken van plugins alle video te laten zien op je website.

Momenteel moet je allerlei uitgebreide code schrijven om een video te tonen met html. Er zijn allerlei verschillende video plugins op de markt die met name voor de ‘gewone’ gebruiker nauwelijks te begrijpen zijn.
Meer lezen… »