V. Communication sur le Web

Pages personnelles

Quel public ?

chercheurs du domaine
recrutement
étudiants

Site institutionnel

visibilité, référencement
typiquement : fichiers placés dans ~/public_html/
changements d'institution : 301 Moved permanently

Contenu

activités de recherche :
- mots-clefs de la thématique
- liste de publications (import HAL ?)
- autres productions (données, logiciels, ...)
- exposés
activités d'enseignement : liens vers les pages de cours

Web 2.0

blog (WordPress, blogger)
micro-blog (Twitter)
syndication (RSS)
collaboratif (Wikipedia, stackexchange)

HTML : Hypertext Markup Language

élément HTML : <balise>contenu</balise>
imbrication : arborescence
- <h1>Résumé de la <em>Critique de la raison pure</h1></em>
- <h1>Résumé de la <em>Critique de la raison pure</em></h1>
attributs : <chapitre class="bibliographie">contenu</chapitre>
entités pour caractères réservés : & pour &, < pour <, > pour >
document minimal :

<!doctype html>
<html>
<head>
    <title>Titre de la page</title>
</head>
<body></body>
</html>

HTML : Hypertext Markup Language

Standard actuel : HTML 5

règles de bonne formation : quels éléments, quels attributs
sémantique du document :
- méta-données : title, meta, link, ...
- sections : article, section, titres, ...
- blocs : p, ul, li, div, ...
- texte : em, strong, code, time, ...
- contenu externe : img, iframe, ...
- liens hypertexte : a
- tables : table, tr, td, ...
mise en forme : CSS
dynamique : javascript

Méta-données

Dublin Core
en HTML : ajout dans l'élément head

<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/">
<meta name="DC.title" content="Mon titre">

Micro-données

méta-informations mêlées avec le document
utilisées par la recherche à facettes
micro-formats de schema.org
outil de test
en HTML :

<body itemscope itemtype="http://schema.org/WebPage">
  ...
  <footer>
    <p>Dernière modification :
      <time itemprop="dateModified">2012-05-09</time></p>
  </footer>
</body>