philippe.idlas@free.fr,
il y a 14 ans
Bonjour,
Chose promise, chose due.
Voici le code d'une de mes pages.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Le site du collectif "Ressources"</title>
<meta name="DC.title" content="collectifressources.com, le site du collectif Ressources" />
<meta name="description" content="Site du collectif Ressource, praticiens en bien-être du sud Essonne" />
<meta name="keywords" content="bien-être, praticiens, santé, sud-Essonne,
Bouray-sur-Juine, Cerny, Étréchy, Janville-sur-Juine" />
<meta name="author" content="Philippe"/>
<meta name="geo.region" content="FR-75" />
<meta name="geo.placename" content="Bouray-sur-Juine, Essonne, Ile-de-France, France" />
<meta name="geo.position" content="48.516133;2.294324" />
<meta name="ICBM" content="48.516133, 2.294324" />
<link rel="stylesheet" media="all" href="style/base.css" />
<link rel="stylesheet" media="all" href="style/collectif.css" />
<link href='http://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="style/styles-ie.css" />
<script src="jvs/html5-ie.js"></script>
<![endif]-->
</head>
<body>
<!--[if lte IE 7]>
<link rel="stylesheet" href="style/styleie6.css" />
<div class="alert-ie6" style="padding: 1em; background: #900; font-size: 1.1em; color: #fff;">
<p><strong>Attention ! </strong> Votre navigateur
(Internet Explorer 6 ou 7) présente de sérieuses lacunes en terme
de sécurité et de performances, dues à son obsolescence
(il date de 2001).<br />En conséquence, ce site sera consultable
mais de manière moins optimale qu'avec un navigateur récent
(<a href="http://www.browserforthebetter.com/download.html"
style="color: #fff;">Internet Explorer 9+</a>,
<a href="http://www.mozilla-europe.org/fr/firefox/"
style="color: #fff;">Firefox 4+</a>,
<a href="http://www.google.com/chrome?hl=fr" style="color:
#fff;">Chrome 11+</a>,
<a href="http://www.apple.com/fr/safari/download/"
style="color: #fff;">Safari 5+</a>,...)</p>
</div>
<![endif]-->
<header role="banner">
<h1>
<p id="logo"></p>
<p id="titre">
<a href="index.htm">
<span id="ressources">Collectif «Ressources»</span>
</a>
<span id="harmonie">association pour l'harmonie</span>
</p>
</h1>
<nav role="nav_page">
<ul>
<li class="active"><a href="#">
Présentation
<p>Le collectif "Ressources"</p></a>
</li>
<li><a href="equipe.php">
L'équipe
<p>Une association collégiale</p></a>
</li>
</ul>
</nav>
</header>
<div id="separation"></div>
<section>
<img src="./image/lesensducollectif.png" width="185px" />
<p id="accueil">La constitution de l'Organisation Mondiale de la Santé,
adoptée à New York le 22 Juillet 1946, définit la santé comme : «
<strong>un état de bien être total physique, social et mental de la personne. Ce
n'est pas la simple absence de maladie ou d'infirmité.</strong>»
Pourtant, trop souvent encore, nous nous estimons heureux d'être en
bonne santé. C'est-à-dire <em>de ne pas être malade.</em><br />
Au sein du collectif "Ressources", nous croyons que le bien-être engage
dans le même temps la personne et le système de santé accessible au plus
grand nombre. Il est encore difficile en France de dialoguer entre
médecine traditionnelle et ce que d'aucun appelle les «médecines
douces.»<br />
Notre objectif est de combler ce manque en proposant des conférences,
des ateliers, des stages et un salon annuel pour vous présenter les
pratiques de bien-être qui peuvent vous apporter une aide inestimable
quand les petits maux quotidiens dont vous souffrez finissent par prendre
toute la place…</p>
</section>
<nav role="navigation">
<ul>
<li><img src="image/icone/icone-apropos.png" alt=""><a href="association.php" title="En savoir plus sur le collectif «Ressources»">L'association</a></li>
<li><img src="image/icone/icone-conference.png" alt=""><a href="conference.php" title="Les conférences et les ateliers que nous organisons">Conférences, Ateliers</a></li>
<li><img src="image/icone/icone-formspring.png" alt=""><a href="http://www.formspring.me/collressources" title="Vous êtes curieux ? N'hésitez pas">Une question ?</a></li>
<li><img src="image/icone/icone-mail.png" alt=""><a href="contact.php">Contactez-nous</a></li>
<li><img src="image/icone/icone-stage.png" alt=""><a href="stage.php" title="Les stages que nous organisons">Stages</a></li>
<li><img src="image/icone/icone-pratique.png" alt=""><a href="pratique.php" title="Les pratiques de bien-être">Les pratiques </a></li>
</ul>
</nav>
<footer>
<h2>Ils vous accueillent…</h2>
<div id="separation"></div>
<section>
<ul id="enpied">
<li><a href="http://latriadedubienetre.fr"
title="Le site de Philippe Idlas, Kinésiologue®">
<img src="./image/latriadedubienetre.jpg"
alt="Image du site de Philippe Idlas,
latriadedubienetre.fr, kinésiologue" />
</a></li>
<li><a href="http://www.dynamic-reflex.fr"
title="Le site de Laetitia Jouaux">
<img src="./image/dynamicreflex.jpg"
alt="Image du site de Laetitia Jouaux,
dynamic-reflex.fr" />
</a></li>
<li><a href="http://www.sourcesdebienetre.com"
title="Le site de Sonia Le Follic">
<img src="./image/sourcesbienetre.jpg"
alt="Image du site de Sonia Le Follic,
sourcesdebienetre.com" />
</a></li>
</ul>
</section>
</footer>
<!--[if lte IE 8]>
<script type="text/javascript" src="http://www.collectifressources.com/jvs/respond.min.js"></script>
<![endif]-->
</body>
</html>
La structure de mon site est la suivante :
racine -> tous les répertoires et toutes les pages avec un fichier index.html
pages -> toutes les pages comportent le menu de navigation (role=[navigation])
-> les pages peuvent aussi avoir leur propre menu de navigation (role=[nav_page])
Voilà pour l'essentiel.
Qu'en pensez-vous ? :)
Cordialeme,t.