get-started-fr: Difference between revisions
m (translated) |
m (→quoi ensuite: [fr: lien vers traduction de la présentation]) |
||
(4 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<div style="float:right;margin-left:1em">__TOC__</div> | |||
<h1>Commencez !</h1> | <h1>Commencez !</h1> | ||
Commencez par ajouter le support des | Commencez par ajouter le support des microformats à votre site web, vos services et vos produits. | ||
== introduction == | |||
Les microformats sont fondés sur des simples conventions de marquage qui vous permettent d'ajouter une structure ayant un sens à votre contenu web. | |||
L'un des [[principles-fr|principes]]-clés des microformats, est de privilégier le contenu [[humans-first-fr|lisible par les humains]]. Ceci veut dire que vous devriez d'abord réfléchir et avant tout à ce que votre design de contenu soit lisible et accessible pour les visualiseurs web. Utiliser des [[semantic-xhtml-fr|éléments HTML les plus appropriés]] et appliquer des [[semantic-class-names-fr|noms de classes]] structurés à votre balisage vous permet de produire du contenu qui peut être clairement compris par un public humain et aussi utilisé de façon structuré par les programmes automatisés et autres outils en ligne. Mais l'objectif est que vous ne devriez pas avoir à sortir de votre chemin pour produire un tel marquage reconnu par les machines - les microformats font qu'il est facile d'intégrer ce plus haut niveau de structure à l'intérieur de vos sites web, sans avoir la charge de devoir apprendre de nouveaux langages ou formats. | |||
Le meilleur moyen de comprendre les microformats est de commencer à les utiliser dès maintenant. Parce qu'ils sont embarqués dans le HTML ordinaire, vous pouvez prendre des pages existantes et ajouter ces noms de classes structurés à votre balisage. Mais il est recommandé qu'en faisant ainsi, vous regardiez de près l'ensemble de la structure de balises que vous utilisez - peut-être qu'il existe un meilleur moyen de dire ce que vous entendez par l'utilisation de balises HTML basiques. | |||
Beaucoup de types de contenus communs peuvent être marqués avec des microformats. Les microformats sont conçus pour être similaires aux styles de marquage. Il y a des chances que vous en ayez déjà sur votre site. Commencez avec les plus évidents. Par exemple un endroit simple et très populaire pour démarrer est [[hcard-fr|hCard]] - un microformat pour afficher vos détails de contact personnel et ceux de votre organisation. Vous pouvez penser à [[hcard-fr|hCard]] comme un moyen d'embarquer des mini-cartes de visite dans les pages web, mais en regardant plus précisément les [[hcard-examples-fr|exemples]] présentent bien plus de possibilités que cela. Voici quelques lieux spécifiques pour commencer à utiliser les microformats dès aujourd'hui : | |||
== vous-même == | == vous-même == | ||
=== votre site web === | === votre site web === | ||
Si vous disposez de votre propre site web, lisez [[hcard-authoring-fr|hCard-publication]] et | Si vous disposez de votre propre site web, lisez [[hcard-authoring-fr|hCard-publication]] pour les astuces et lignes de conduite sur la manière de mieux marquer le contenu existant avec hCard et jetez un oeil aux [[hcard-examples-fr|exemples-hcard]], puis | ||
* ajoutez une [[hcard-fr|hCard]] à votre page d'information de contact avec un lien "Ajouter au carnet d'adresses" | * ajoutez une [[hcard-fr|hCard]] à votre page d'information de contact avec un lien "Ajouter au carnet d'adresses" | ||
* ajoutez des hCard+[[xfn-fr|XFN]] à votre liste d'amis ou votre blog-roll | * ajoutez des hCard+[[xfn-fr|XFN]] à votre liste d'amis ou votre blog-roll | ||
Line 38: | Line 49: | ||
Toute publication d'information sur les personnes, événements, critiques, etc. pourrait tirer profit d'être balisée respectivement avec hCard, hCalendar, et hReview. | Toute publication d'information sur les personnes, événements, critiques, etc. pourrait tirer profit d'être balisée respectivement avec hCard, hCalendar, et hReview. | ||
== autres contenus == | |||
* Avez-vous une licence explicite de copyright sur votre contenu ? Si oui, marquez le lien vers votre licence avec [[rel-license-fr|rel-license]]. | |||
* Vous publiez de l'info de réseau social / relations ? Si oui, marquez cela avec [http://gmpg.org/xfn/ XFN]. | |||
* Vous taguez des choses ? Utilisez alors [[rel-tag-fr|rel-tag]] (pour vos propres trucs) ou [[xfolk-fr|xFolk]] (pour taguer n'importe quelle URL). | |||
* Vous publiez des listes ou des structures de schémas ? Utilisez alors [[xoxo-fr|XOXO]]. | |||
* Vous publiez des critiques ? Utilisez alors [[hreview-fr|hReview]]. | |||
** Démarrez avec [http://microformats.org/code/hreview/creator hReview creator]. | |||
* Vous publiez des communiqués de presse ? Utilisez alors [[hatom-fr|hAtom]]. | |||
== quoi ensuite == | == quoi ensuite == | ||
Une fois que vous avez ajouté le support des microformats à votre site web et aidé votre société et organisation à faire ainsi : | Une fois que vous avez ajouté le support des microformats à votre site web et aidé votre société et organisation à faire ainsi : | ||
* [[advocacy-fr|Soutenez]] l'utilisation et le support des microformats sur d'autres sites. | * [[advocacy-fr|Soutenez]] l'utilisation et le support des microformats sur d'autres sites. | ||
Et voici encore quelques trucs : | |||
* Essayez de produire du xhtml propre, sémantique. Souvent ceci vous rapprochera de très près des microformats. | |||
** [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show] | |||
** http://microformats.org/wiki/SemanticXHTMLDesignPrinciples-fr | |||
** [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML] | |||
** [http://www.elanceur.org/microformats/slides/XHTML-ayant-du-sens.html XHTML ayant du sens] | |||
** [http://www.elanceur.org/microformats/slides/semantiquevraimonde.html Sémantique du Vrai Monde] | |||
== voir aussi == | == voir aussi == | ||
* [[advocacy-fr|soutien]] | * [[advocacy-fr|soutien]] | ||
* [[spread-microformats-fr|propagez les microformats]] | * [[spread-microformats-fr|propagez les microformats]] |
Latest revision as of 22:23, 28 January 2008
Commencez !
Commencez par ajouter le support des microformats à votre site web, vos services et vos produits.
introduction
Les microformats sont fondés sur des simples conventions de marquage qui vous permettent d'ajouter une structure ayant un sens à votre contenu web.
L'un des principes-clés des microformats, est de privilégier le contenu lisible par les humains. Ceci veut dire que vous devriez d'abord réfléchir et avant tout à ce que votre design de contenu soit lisible et accessible pour les visualiseurs web. Utiliser des éléments HTML les plus appropriés et appliquer des noms de classes structurés à votre balisage vous permet de produire du contenu qui peut être clairement compris par un public humain et aussi utilisé de façon structuré par les programmes automatisés et autres outils en ligne. Mais l'objectif est que vous ne devriez pas avoir à sortir de votre chemin pour produire un tel marquage reconnu par les machines - les microformats font qu'il est facile d'intégrer ce plus haut niveau de structure à l'intérieur de vos sites web, sans avoir la charge de devoir apprendre de nouveaux langages ou formats.
Le meilleur moyen de comprendre les microformats est de commencer à les utiliser dès maintenant. Parce qu'ils sont embarqués dans le HTML ordinaire, vous pouvez prendre des pages existantes et ajouter ces noms de classes structurés à votre balisage. Mais il est recommandé qu'en faisant ainsi, vous regardiez de près l'ensemble de la structure de balises que vous utilisez - peut-être qu'il existe un meilleur moyen de dire ce que vous entendez par l'utilisation de balises HTML basiques.
Beaucoup de types de contenus communs peuvent être marqués avec des microformats. Les microformats sont conçus pour être similaires aux styles de marquage. Il y a des chances que vous en ayez déjà sur votre site. Commencez avec les plus évidents. Par exemple un endroit simple et très populaire pour démarrer est hCard - un microformat pour afficher vos détails de contact personnel et ceux de votre organisation. Vous pouvez penser à hCard comme un moyen d'embarquer des mini-cartes de visite dans les pages web, mais en regardant plus précisément les exemples présentent bien plus de possibilités que cela. Voici quelques lieux spécifiques pour commencer à utiliser les microformats dès aujourd'hui :
vous-même
votre site web
Si vous disposez de votre propre site web, lisez hCard-publication pour les astuces et lignes de conduite sur la manière de mieux marquer le contenu existant avec hCard et jetez un oeil aux exemples-hcard, puis
- ajoutez une hCard à votre page d'information de contact avec un lien "Ajouter au carnet d'adresses"
- ajoutez des hCard+XFN à votre liste d'amis ou votre blog-roll
- ajoutez votre site web et votre page de contact à la page hCard-exemples-dans-la-jungle.
votre blog
Si vous avez un blog :
- ajoutez hAtom à vos pages de blog
- ajoutez votre blog à la page hAtom-exemples-dans-la-jungle.
votre organisation
site web
information de Contact
- Information de Contact. Toute société ou organisation a une page contact ou "à propos" de quelque sorte sur son site web. Lisez hcard-publication et ajoutez une ou plusieurs hCard(s) aux pages contact/à propos accompagnées de liens "Ajouter au carnet d'adresses" pour chacune des hCards.
- Annuaires de collaborateurs. Si votre société a une page listant les collaborateurs ou autres qui appartiennent à l'organisation, ajoutez hCard aux listes ou aux résultats de recherche.
- ajoutez ces pages avec des hCards à la page hcard-exemples-dans-la-jungle.
événements
Utilisez hCalendar à tous les endroits sur le site web qui publie de l'information en rapport avec un événement.
histoire
Si votre organisation publie son historique, marquez les événements avec hCalendar, fournissant de ce fait à quiconque la possibilité de construire une application dynamique de "time-line" avec votre historique.
produits
Votre société produit n'importe quel produit qui génèrent du HTML ?
- Assurez-vous que de tels produits génèrent du CHIC et chaque fois que c'est possible, les microformats appropriés.
- Puis ajoutez ces produits à la page implémentations.
entreprise
Vous réfléchissez à la manière d'utiliser les microformats dans un scénario d'entreprise ?
Toute publication d'information sur les personnes, événements, critiques, etc. pourrait tirer profit d'être balisée respectivement avec hCard, hCalendar, et hReview.
autres contenus
- Avez-vous une licence explicite de copyright sur votre contenu ? Si oui, marquez le lien vers votre licence avec rel-license.
- Vous publiez de l'info de réseau social / relations ? Si oui, marquez cela avec XFN.
- Vous taguez des choses ? Utilisez alors rel-tag (pour vos propres trucs) ou xFolk (pour taguer n'importe quelle URL).
- Vous publiez des listes ou des structures de schémas ? Utilisez alors XOXO.
- Vous publiez des critiques ? Utilisez alors hReview.
- Démarrez avec hReview creator.
- Vous publiez des communiqués de presse ? Utilisez alors hAtom.
quoi ensuite
Une fois que vous avez ajouté le support des microformats à votre site web et aidé votre société et organisation à faire ainsi :
- Soutenez l'utilisation et le support des microformats sur d'autres sites.
Et voici encore quelques trucs :
- Essayez de produire du xhtml propre, sémantique. Souvent ceci vous rapprochera de très près des microformats.