Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Atelier sur RDFa et les microformats pour Paris Web — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20081009-atelier-sur-rdfa-et-les-microformats-pour-paris-web">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">Atelier sur RDFa et les microformats pour Paris Web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>Pour ceux qui n'en auront pas eu assez <a href="https://larlet.fr/david/biologeek/archives/20080916-conference-sur-le-web-semantique-pour-paris-web/">lors de la conférence</a> du vendredi, vous pouvez venir à <a href="http://www.paris-web.fr/2008/-samedi-15-novembre-technique-">l'atelier consacré aux exemples plus techniques</a> (avec du code et tout). J'espère que je serais plus clair que <a href="https://larlet.fr/david/biologeek/archives/200842-atelier-d-introduction-au-web-semantique/">la dernière fois</a>, en tout cas j'ai toujours le plaisir d'être <a href="http://t37.net/ateliers-microformats-et-rdfa-a-paris-web-2008">accompagné par Frédéric</a>. Je ne résiste pas à copier le résumé que nous avons quand même mis 2 jours à rédiger :</p>
  45. <blockquote>
  46. <p>Au-delà de la simple sémantique issue des balises HTML employées, il est possible de donner davantage de sens à vos contenus web afin de les rendre plus facilement réutilisables.</p>
  47. <p>Issus de deux philosophies distinctes, RDFa et les Microformats sont deux approches différentes mais non concurrentes dont le but est de révolutionner les possibilités offertes par le data mining et les outils de recherche.</p>
  48. <p>Nous tenterons de vous transmettre outils, techniques, trucs et astuces, mais surtout l’utilité de tels standards à travers des exemples concrets d’utilisation.</p>
  49. </blockquote>
  50. <p>Le seul problème avec ces ateliers en parallèle c'est que je vais en louper au moins un super intéressant...</p>
  51. </div>
  52. </article>
  53. <footer>
  54. <h6 property="schema:datePublished">— 09/10/2008</h6>
  55. </footer>
  56. </section>
  57. <section>
  58. <div>
  59. <h3>Articles peut-être en rapport</h3>
  60. <ul>
  61. <li><a href="/david/biologeek/archives/20081008-dou-vient-largent/" title="Accès à D&#39;où vient l&#39;argent ?">D&#39;où vient l&#39;argent ?</a></li>
  62. <li><a href="/david/biologeek/archives/20081007-les-neo-blogueurs-vont-ils-pourrir-internet/" title="Accès à Les néo-blogueurs vont-ils pourrir internet ?">Les néo-blogueurs vont-ils pourrir internet ?</a></li>
  63. <li><a href="/david/biologeek/archives/20081006-rions-un-peu-avec-le-magazine-advanced-web/" title="Accès à Rions un peu avec le magazine Advanced Web">Rions un peu avec le magazine Advanced Web</a></li>
  64. </ul>
  65. </div>
  66. </section>
  67. <section>
  68. <div id="comments">
  69. <h3>Commentaires</h3>
  70. <div class="comment" typeof="schema:UserComments">
  71. <p class="comment-meta">
  72. <span class="comment-author" property="schema:creator">Frédéric de Villamil</span> le <span class="comment-date" property="schema:commentTime">09/10/2008</span> :
  73. </p>
  74. <div class="comment-content" property="schema:commentText">
  75. <p>Je (suis) déments : on a pas mis 2 jours à le rédiger, on a eu une énorme de flemme de le faire, et on a mis 2 jours à se sortir les doigts du ..., pas la même chose.</p>
  76. </div>
  77. </div>
  78. <div class="comment" typeof="schema:UserComments">
  79. <p class="comment-meta">
  80. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">10/10/2008</span> :
  81. </p>
  82. <div class="comment-content" property="schema:commentText">
  83. <p>&quot;Issus de deux philosophies distinctes, RDFa et les Microformats sont deux approches différentes mais non concurrentes&quot;</p>
  84. <p>C&#39;est sûr, y&#39;en a une qui est réservée aux personnes prag-ma-ti-ques.</p>
  85. </div>
  86. </div>
  87. <div class="comment" typeof="schema:UserComments">
  88. <p class="comment-meta">
  89. <span class="comment-author" property="schema:creator">Eric</span> le <span class="comment-date" property="schema:commentTime">10/10/2008</span> :
  90. </p>
  91. <div class="comment-content" property="schema:commentText">
  92. <p>Certes damien, reste à savoir laquelle des deux c&#39;est, et je suppose que la réponse doit être différente suivant les gens ;)</p>
  93. </div>
  94. </div>
  95. <div class="comment" typeof="schema:UserComments">
  96. <p class="comment-meta">
  97. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">10/10/2008</span> :
  98. </p>
  99. <div class="comment-content" property="schema:commentText">
  100. <p>Non non, une seule des deux approches se réclame du pragmatisme comme réponse à la grande question sur la vie, l&#39;univers et le reste. Du côté de RDFa on répond 42 :-D</p>
  101. </div>
  102. </div>
  103. </div>
  104. </section>
  105. <footer>
  106. <nav>
  107. <p>
  108. <small>
  109. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  110. </small>
  111. </p>
  112. </nav>
  113. </footer>
  114. </div>
  115. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  116. <script data-no-instant>InstantClick.init()</script>
  117. </body>
  118. </html>