Les données Aria

Les données ARIA
Une présentation de Lucas Dewamme
&                              Olivier Laval

Chapitres
1)Introduction
2)Rôle
3)Etats et propriétés
4)Hiérarchie sémantique
5)Lecteurs d'écran
6)Navigateurs
7)Conclusion
8)Bibliographie

Introduction
Ces attributs font partie d'une spécification du W3C : WAI-ARIA. Cette norme, couramment
appelée ARIA, a été introduite pour pallier le manque d'accessibilité des applications Internet
et plus particulièrement des widgets.
Les données ARIA sont une « surcouche » sémantique ayant pour but de compléter un
langage web tel que le HTML, SVG, XML, ... en rendant son contenu accessible aux
personnes souffrant d'handicaps tel que la mal-voyance.
Elles se composent de rôle (ex :"presentation", "navigation", ...), états (valeurs
possibles : "true", "false", "mixed") et propriétés .

Les MediaQueries

Sélecteurs CSS avancés

Sélecteurs CSS avancés

Les règles des feuilles de styles CSS sont composées d'un sélecteur qui désigne l'élément du code HTML et d'une définition comportant une liste de propriétés relatives à cet élément HTML ou cette classe d'éléments.

Un sélecteur peut être un sélecteur simple ou un sélecteur composé, ou une chaîne de sélecteurs simples ou composés séparés par des combinateurs.

Si un bloc de déclarations correspond à plusieurs sélecteurs différents, on peut les regrouper en les séparant par des virgules.

Vous trouverez ci-après une liste des principaux sélecteurs CSS que vous pouvez utiliser, classés par groupes de complexité croissante et présentés sous la forme d'un exemple archétypal illustrant sa syntaxe, suivi de sa retranscription en langage naturel.

LES TABLEAUX HTML <table>

1- La base

source : http://openclassrooms.com/courses/apprenez-a-creervotre-site-web-avec-html5-et-css3/les-tableaux-1

<table> </table>.
C'est cette balise qui permet d'indiquer le début et la fin d'un tableau.
Cette balise est de type bloc, il faut donc la placer en dehors d'un paragraphe.
Exemple :
<p>Ceci est un paragraphe avant le tableau.</p>
<table>
<!-- Ici, on écrira le contenu du
tableau -->
</table>
<p>Ceci est un paragraphe après le tableau.</p>

D'un certain point de vue, un tableau possède une architecture assez similaire à celle d'une liste à puces, mais les 'ul' deviennent des 'tr' et les 'li' des 'td'. De plus, on construit à l'horizontale.
•<tr> </tr> :
indique le début et la fin d'une ligne du tableau ;
•<td> </td> :
indique le début et la fin du contenu d'une cellule.
En HTML, un tableau se construit ligne par ligne. Dans chaque ligne (<tr>), on indique le contenu des différentes cellules
(<td>).

Créer des jeux avec HTML5 et Javascript

Créer des jeux avec HTML5 et Javascript

Les navigateurs sont désormais suffisamment performants pour permettre de jouer à des jeux en 2D ou en 3D.

Voyons comment nous pouvons les développer nous-mêmes.

La balise <CANVAS>

Le navigateur peut afficher les éléments graphiques d'un jeu au sein d'une zone délimitée par la balise "<canvas>".

Des commandes Javascript permettent d'y dessiner en 2D de façon très simple.

Le SVG (partie 1)

Le SVG. (partie 1)

Une image svg est une image composée de vecteurs, par conséquent elle ne perd pas en qualité en l’agrandissant ou en la rapetissant car ce n’est jamais qu’un affichage d’un multiple fois chaque vecteur la composant

Pour l’intégrer il existe plusieurs manières

La balise iframe, img, svg, ou background-image dans du CSS

en gros la balise svg permet de dessiner a meme le navigateur, ce dernier interpretant le code que l'on ecrit

exemples:

<iframe src="image.svg" width="800" height="800">*

<img src="image.svg"/>

<svg><circle cx="200" cy="200" r="200"></svg>

.classe{

Background-image :url('image.svg') repeat;

}

(iframe permet d'inserer une page html dans une autre page html, en miniature dans un conteneur par exemple)

Apprendre jQuery - GitBook

Article intéressant :

https://www.gitbook.io/book/sutterlity/apprendre-jquery

Le magasine WebDesign ! Une merveille !

Je ne peux que vous conseiller de vous abonner à ce magnifique magasine ! C'est de la veille technologique aussi bien pour le designer que pour le developer.
Voici le lien : Oracom.fr
On peut s'abonner à la version papier ou à la version numérique.
N'hésitez pas, c'est un excellent investissement !

De l'AJAX à tous les étages

Cette année, les deuxièmes année auront droit à une étude approfondie de l'AJAX. D'abord à la main, puis avec la bibliothèque jQuery ...
L'idée sera alors de mettre en oeuvre un BackOffice en version full AJAX !!!
Autant voir grand non ? :-)

Un livre vraiment essentiel !

Voici un livre étonnant. On pourrait croire qu'il s'agit d'un livre traitant du pré-processeur CSS SASS et de l'outil COMPASS mais ce n'est pas vraiment le cas.
Il s'agit avant tout d'un recueil de bonnes pratiques en matière de CSS, de réflexions sur des idées reçues et de suggestions à la fois pragmatiques et très sensées.
Au terme de ces réflexions, l'auteur expose alors l'intérêt du SASS et de son outil COMPASS...
Ce livre est à mon sens incontournable pour tous ceux qui maîtrisent déjà les pratiques courantes en matière d'intégration web...
Que de bonnes idées !

Un petit dossier xHTML5 et CSS3 riche et pas cher !

Je viens de me procurer ce petit dossier de Compétences Micro. Il est fort bien fait et il coûte moins de 10 euros ! N'hésitez pas à vous le procurer. Il aborde les principaux éléments vu au cours ... Il est illustré et écrit de manière claire et sympathique.

Feu vert !!!! Les programmes sont approuvés !

Voilà, c'est officiel, les deux BES sont approuvés par la commission. Il sont activables dès septembre 2012 !

Je suis donc très heureux de vous annoncer le lancement officiel des BES web developer et designer à l'IEPS de Fléron dès octobre 2012 !!!

Les pré-inscriptions sont ouvertes

En attendant l'approbation officielle du nouveau programme des BES, et donc la possibilité de s'y inscrire, nous ne pouvons, pour l'instant, que procéder aux pré-inscriptions via le site http://www.formation-web-developer-designer.be.

Dès que le programme sera approuvé, les pré-inscrits recevront une invitation à finaliser leur inscription ... N'hésitez donc pas à vous pré-inscrire !

Le groupe de travail a terminé ...

Ca y est, nous avons terminé l'ensemble des programmes de cours pour les 2 BES en web designer et web developer ...
Nous attendons donc l'approbation de ces programmes ... prévue pour le 4 juillet 2012 !
Vu les échos positifs rencontrés par notre travail, nous ne devrions pas avoir de surprises.
Par contre, le contenu de ces programmes est assez ambitieux et je suis, personnellement, très satisfait de la tournure adoptée. Aucun cours théorique, que de la pratique, en laboratoire et très nettement orienté projet.
Nous avons également figé le moins de choses possibles afin de permettre une adaptation progressive des contenus aux nouvelles technologies et aux orientations à venir.
Du très bon boulot et deux BES très ambitieux ...
Démarrage en septembre selon l'approbation de juillet ...
Je vous tiens au courant ...
Pascal

En 2012, nous serons à Fléron !!!

C'est officiel, l'IEPS de Chênée Soumagne devient l'IEPSFWB (Institut d'Enseignement de Promotion Sociale de la Fédération Wallonie-Bruxelles de Fléron-Chênée).

Les locaux se trouvent désormais au numéro 11 de la rue Charles Deliège à 4620 Fléron et de nouveaux locaux y sont en préparation !

Nouveau programme de cours, nouveaux locaux ... 2012 s'annonce tout en changements ... et vers plus d'espace, de confort, de lumière, et un programme plus performant !

L'élaboration du programme des BES

Faisant partie du groupe de travail pour l'élaboration du programme des cours des 2 BES en web development et web design, je vais tenter de donner quelques éléments concernant l'état d'avancement des travaux.

Les tableaux de capitalisation sont terminés. Nous savons donc le nombre de cours, leur durée et leur répartition. Nous avons déjà travaillé sur 7 unités de formation (UF).

De nombreuses réunions sont prévues d'ici le 20 mai, date à laquelle les dossiers doivent être déposés.

Le groupe est très dynamique et nous avançons à bonne allure ! Yessss ! Prochaine réunion, ce jeudi 26/04 !!!

Un diplôme de web developer ou de web designer en 2 ans !

Une seconde année d'approfondissements métiers ... Et hop, un diplôme supérieur BAC+2 à portée européenne !

Vous avez eu la possibilité de réaliser un stage en entreprise et vous avez l'expérience de la réalisation de nombreux projets réels. Votre CV pourrait dès lors s'en trouver considérablement upgradé ! ;-)

POO, FRAMEWORKS clients et serveur, AJAX, XML, XSLt, CSS3, FLEX, ACTIONSCRIPT, WEB 3.0, Rich media, E-commerce, ...

Une formation solide en 1 an !

Il est possible de ne passer que la première année et au terme de celle-ci, vous avez acquis les compétences nécessaires pour réaliser des sites web dynamiques et ergonomiques professionnels.

Vous pouvez déjà valoriser ces compétences auprès d'un employeur ou vous lancer sur votre propre chemin, sans plus attendre.

XHTML, HTML5, CSS, JQUERY, PHP/MySQL, SQL, traitement d'images, ...

2012 : Les premiers diplômes supérieurs (BES - BAC+2) de web developers et web designers !!!

Ca y est ! 2012 verra l'apparition des premiers diplômes de web developer et designer !

Un BES (Brevet d'Enseignement Supérieur) est un diplôme de niveau supérieur (BAC+2) à reconnaissance européenne. 1400 périodes de cours pour des compétences en accord avec les exigences du marché de l'emploi.

Les formations actuelles sont soient trop longues et généralistes (bachelier en informatiques), soit trop sommaires et rapides...

Voici enfin un véritable enseignement officiel à valeur certificative dans ce domaine du développement et du design des sites web !

N'hésitez pas à vous pré-inscrire sur le site : http://www.formation-web-developer-designer.be/