Conférence dirigée par Jean Pierre Vincent, que je lis avec assiduité dans les transports en commun ou pendant les pauses déjeuner.
Cette conférence parle comme beaucoup d’HTML5 et des nouvelles fonctionnalités qui arrivent avec. Jean-Pierre Vincent en utilise quelques unes, et cherche (ou réalise) des fallbacks utilisés en production.
Les slides de la présentation sont disponibles sur le site de l’orateur.
Google vient d’exciter les fous-furieux de la SEO (ces gens qui veulent toujours optimiser une page web pour la faire grimper dans les résultats de recherches). Les ingénieurs de la firme ont annoncé qu’à partir de maintenant, l’algorithme de calcul de pertinence, choisissant l’ordre dans lequel les résultats sont affichés, allait tenir compte de la “vitesse de la page”. Tout de suite, tout le monde s’emballe, on annonce tout et surtout n’importe quoi. Faisons un peu de tri…
Article paru dans le magazine PHP Solutions (Mai 2008). Attention cet article n’est pas soumis à la licence Creative Commons : tous les droits de cet article sont réservés.
Ajax répond à une demande : c’est l’un des outils principaux permettant de concevoir une application riche apportant une nouvelle expérience à l’utilisateur. Elle est devenue une technologie très à la mode, mais qui reste malheureusement assez mal utilisée. Nous donc allons voir dans quels cas elle est utile, et quelques règles fondamentales de la conception d’application avec Ajax.
Cet article explique :
Ce qu’il faut savoir :
Internet explorer a introduit sa propre méthode pour gérer les dimensions d’un bloc, qui diffère du modèle officiellement soutenu par la norme. Ainsi, dans certaines configurations, il est nécessaire d’adapter votre feuille de style pour la rendre conforme sous Internet Explorer.
Les blocs possèdent des propriétés de mise en forme communes, afin de personnaliser leur aspect. Nous allons les étudier avant d’apprendre comment les positionner.
Dans une feuille de style, il est possible que certaines propriétés entrent en concurrence : c’est à dire que deux valeurs différentes sont assignées pour une même propriété et un même élément. CSS introduit un mécanisme permettant de déterminer la valeur qui sera retenue, selon la spécificité du sélecteur de la règle.
Les sélecteurs permettent de déterminer les éléments pour lesquels s’appliquent vos règles CSS. Leur syntaxe est à la fois puissante et souple, et une fois maîtrisé, vous aurez accompli une bonne partie de votre apprentissage.
Les CSS permettent de gérer la manière dont le contenu sera affiché ou lu. Malgré leur fort potentiel et l’intérêt qu’ils représentent pour les intégrateurs, leur utilisation souffre de quelques défauts de conception et surtout d’un support incomplet par la plupart des navigateurs.
Selon le W3C, organisme fixant, entre autres, les standards HTML, et XHTML le type mime à utiliser avec XHTML n’est plus text/html, type historique utilisé pour le HTML. Essayons de faire le point.
Avant de s’attaquer au langage CSS, il nous reste quelques balises utiles à étudier.
Cet élément méconnu est utilisé pour lier des documents ou des informations à une page web, une feuille de style CSS par exemple. Mais elle permet de faire beaucoup plus, et elle est malheureusement sous-exploitée. Découvrons ensemble les services que cette balise peut vous rendre…
Les tableaux ont eu une enfance heureuse dans le petit monde des designers web, ils permettaient de proposer une mise en forme de la page originale assez facilement. Le résultat était une soupe de code particulièrement indigeste, d’autant plus que les tableaux n’étaient pas destinés à ce rôle. En réaction, le web les a presque bannis, malgré le fait qu’ils restent utile pour au moins un besoin : présenter des données tabulaires. Seul bémol : même si la norme est toujours très permissive, de nombreux attributs ne devraient plus être utilisés.
Les formulaires permettent à l’utilisateur de transmettre des données via le protocole HTTP. Le code HTML permet d’afficher ces formulaires, mais pas de les traiter : pour cela, il faut utiliser une application installée sur le serveur (comme un script PHP).
après les blocs, voici les balises en-ligne les plus courantes, qui permettent d’indiquer le sens de certains passages du contenu d’un bloc.
Voici une liste des balises bloc les plus courantes et utiles. Certaines d’entre elles sont parfois même un peu oubliées des intégrateurs XHTML/CSS. Ce chapitre est donc une découverte pour certains, une piqure de rappel pour d’autres ! Nous ne parlerons pas des tableaux et des formulaires ici !
Il existe trois principales catégories de balises en HTML, qui auront une influence sur le sens et sur l’affichage.
Nous allons maintenant voir la structure type d’une page en XHTML, et enfin, réaliser notre première page.
Les langages (X)HTML sont des langages dits “à balises” (ou balisés), c’est à dire qu’ils correspondent à une syntaxe qui consiste à encadrer les données à l’aide d’un marqueur au début et à la fin d’un élément donné. Ce résumé en deux ligne n’est pas très clair, mais c’est le moment de détailler tout cela !
Selon votre profil, vos connaissances en informatique ou vos besoins, XHTML et CSS n’auront pas le même sens. Si vous cherchez à apprendre XHTML et CSS pour concevoir un site internet dans les règles de l’art, alors vous n’aurez pas grand chose à faire des subtilités de la norme. Si au contraire, vous cherchez à répondre à des besoins professionnels, à des exigences répondant à votre système d’informations alors l’utilisation de XHTML prendra un sens beaucoup plus critique…
Pour concevoir un site web correctement, il faut maîtriser quelques notions fondamentales que nous allons présenter ici.
« billets précédents - page 1 de 2