[AJ] Passage au HTML5

fixes #1
2012-11-16 12:07:19 +01:00
parent f31bfb0f4e
commit 9dc44e7ae7
11 changed files with 49 additions and 47 deletions
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ joint avec les fichiers du programme.
 Le script makefile permet de générer un dossier contenant les fichiers 
 suivants : 

-  - index.xhtml : page de garde du portail web *PorteAil*
+  - index.html : page de garde du portail web *PorteAil*
  - defaut.css : feuille de style de PorteAil
  - img : dossier contenant l'ensemble des fichiers images (icônes) pour 
 l'affichage des éléments dans la page de garde
@@ -336,7 +336,7 @@ Configuration avancée :
 - GEN_CATEGORIES : script bash lancé au moment de la création des 
 catégories. C'est ce script qui génère les catégories pour la page
 finale.
- INDEX : nom du fichier final. Par exemple *index.xhtml*
+- INDEX : nom du fichier final. Par exemple *index.html*
 - CATEGORIES_EXT : extension des fichiers qui seront lus pour générer
 les catégories
 - DEFAUT_IMG : nom de l'image - contenue par défaut dans le dossier img -
--- a/4
+++ b/4
@@ -33,9 +33,6 @@
 - permettre l'ajout d'un pied de page
 - afficher un marqueur graphique qui définit si on sort du site actuel ou pas (genre IN/OUT dans la configuration des éléments, ce qui affiche une icône différente)

->>> Pour la v0.4 : 
- HTML 5 avec header et footer
-
 ===============================================================================

 ===============================================================================
@@ -135,3 +132,4 @@ des éléments
 - Vérifier l'existence des dossiers suivants : COMPOSANTS, IMAGE, STYLE, CSS, CIBLE
 - ajouter les fichiers générés pour chaque section du makefile (ceci de manière intelligente… si possible !)
 - Bug: si une URL possède plusieurs &
+- HTML 5 avec header et footer
--- a/composants/enqueue.html
+++ b/composants/enqueue.html
@@ -1,7 +1,7 @@
 <!-- Pied de page -->

-  <div id="soulier">
+  <footer>
    <p>Page générée à l'aide de <a href="http://porteail.e-mergence.org/" title="Se rendre sur la page officielle du projet PorteAil">PorteAil</a></p>
-  </div>
+  </footer>
 </body>
 </html>
--- a/composants/entete.html
+++ b/composants/entete.html
@@ -1,14 +1,16 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!DOCTYPE html>
 <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
 <head>
+  <meta charset="UTF-8" />
  <title>@@ACCUEIL_PORTEAIL@@</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="@@CSS_DEFAUT@@" type="text/css" media="all" title="Défaut" />
  <link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" />
 </head>
 <body>
-  <div id="chapeau">
+<!-- Entete de page -->
+  <header>
    <h1>@@TITRE_PORTEAIL@@</h1>
-  </div>
+  </header>
+
+<!-- Corps de la page -->
  <div id="corps">
--- a/composants/introduction.html
+++ b/composants/introduction.html
@@ -1,3 +1,4 @@
+    <!-- Introduction de la page -->
    <p>
    Ce message permet d'introduire le sujet de notre page et expliquer rapidement l'existence du site, la présence des éléments, les catégories, etc.<br />
    Il est modifiable dans le fichier <em>introduction.html</em> situé dans le dossier <em>composants</em> du répertoire principal de <a href="http://git.dossmann.net/scripts/porteail.git/" title="Se rendre sur le dépôt de fichier de PorteAil">PorteAil</a>.
--- a/composants/menu.html
+++ b/composants/menu.html
@@ -1,4 +1,5 @@
-  <div id="cartable">
+<!-- Menu de la page -->
+  <aside id="cartable">
    <div class="sacoche">
      <h3>Menu</h3>
      <ul>
@@ -7,4 +8,4 @@
        <li>Lien 3</li>
      </ul>
    </div>
-  </div>
+  </aside>
--- a/2
+++ b/2
@@ -20,7 +20,7 @@ CIBLE = porteail

 ACCUEIL = Accueil - $(TITRE)
 GEN_CATEGORIES = creation_categ.sh
-INDEX = index.xhtml
+INDEX = index.html
 # Extension des fichiers à prendre en compte dans le dossier contenant les 
 #+ catégories
 CATEGORIES_EXT = txt
--- a/style/avec_menu.css
+++ b/style/avec_menu.css
@@ -52,7 +52,7 @@ border-radius: 12px;
 }

 /* ENTÊTE DE PAGE */
-#chapeau {
+header {
 position: relative;
 margin: 0;
 padding: 0;
@@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
 -webkit-border-radius-bottomleft: 25px;
 }

-#chapeau h1 {
+header h1 {
 margin: 0;
 padding: 0;
 height: 50px;
@@ -132,7 +132,7 @@ clear: both;
 }

 /* MENU */
-#cartable {
+aside#cartable {
 position: absolute;
 height: auto;
 width: 20%;
@@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
 overflow: hidden;
 }

-#cartable h3 {
+aside#cartable h3 {
 width: 90%;
 text-align: center;
 border-bottom: solid;
@@ -157,18 +157,18 @@ border-radius: 12px;
 -webkit-border-radius: 12px;
 }

-#cartable a:link {
+aside#cartable a:link {
 text-decoration: underline;
 }

-#cartable a:visited {
+aside#cartable a:visited {
 }

-#cartable a:hover {
+aside#cartable a:hover {
 }

 /* ENQUEUE DE PAGE */
-#soulier {
+footer {
 position: relative;
 top: 5px;
 right: 5px;
@@ -176,7 +176,7 @@ height: 20px;
 width: 98%;
 }

-#soulier p {
+footer p {
 margin: 0;
 padding: 0;
 font-size: 10px;
--- a/style/bleu.css
+++ b/style/bleu.css
@@ -34,7 +34,7 @@ color: #555577;
 }

 /* ENTÊTE DE PAGE */
-#chapeau {
+header {
 background-color: #223355;
 color: #ffffff;
 }
@@ -46,30 +46,30 @@ color: #ffffff;
 }

 /* MENU */
-#cartable {
+aside#cartable {
 background-color: #223355;
 color: #ffffff;
 }

-#cartable h3 {
+aside#cartable h3 {
 color: #ffffff;
 border-color: #ffffff;
 }

-#cartable a:link {
+aside#cartable a:link {
 color: #aaaabb;
 }

-#cartable a:visited {
+aside#cartable a:visited {
 color: #aaaabb;
 }

-#cartable a:hover {
+aside#cartable a:hover {
 background-color: #aaaabb;
 color: #223355;
 }

 /* ENQUEUE DE PAGE */
-#soulier {
+footer {
 color: #000000;
 }
--- a/style/noir.css
+++ b/style/noir.css
@@ -34,7 +34,7 @@ color: #000000;
 }

 /* ENTÊTE DE PAGE */
-#chapeau {
+header {
 background-color: #000000;
 color: #ffffff;
 }
@@ -47,30 +47,30 @@ color: #ffffff;
 }

 /* MENU */
-#cartable {
+aside#cartable {
 background-color: #000000;
 color: #ffffff;
 }

-#cartable h3 {
+aside#cartable h3 {
 color: #ffffff;
 border-color: #ffffff;
 }

-#cartable a:link {
+aside#cartable a:link {
 color: #aaaabb;
 }

-#cartable a:visited {
+aside#cartable a:visited {
 color: #aaaabb;
 }

-#cartable a:hover {
+aside#cartable a:hover {
 background-color: #aaaabb;
 color: #223355;
 }

 /* ENQUEUE DE PAGE */
-#soulier {
+footer {
 color: #000000;
 }
--- a/style/sans_menu.css
+++ b/style/sans_menu.css
@@ -52,7 +52,7 @@ border-radius: 12px;
 }

 /* ENTÊTE DE PAGE */
-#chapeau {
+header {
 position: relative;
 margin: 0 auto;
 padding: 0;
@@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
 -webkit-border-radius-bottomleft: 25px;
 }

-#chapeau h1 {
+header h1 {
 margin: 0;
 padding: 0;
 height: 50px;
@@ -132,7 +132,7 @@ clear: both;
 }

 /* MENU */
-#cartable {
+aside#cartable {
 position: absolute;
 height: auto;
 width: 20%;
@@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
 overflow: hidden;
 }

-#cartable h3 {
+aside#cartable h3 {
 width: 90%;
 text-align: center;
 border-bottom: solid;
@@ -157,18 +157,18 @@ border-radius: 12px;
 -webkit-border-radius: 12px;
 }

-#cartable a:link {
+aside#cartable a:link {
 text-decoration: underline;
 }

-#cartable a:visited {
+aside#cartable a:visited {
 }

-#cartable a:hover {
+aside#cartable a:hover {
 }

 /* ENQUEUE DE PAGE */
-#soulier {
+footer {
 position: relative;
 top: 5px;
 right: 5px;
@@ -176,7 +176,7 @@ height: 20px;
 width: 98%;
 }

-#soulier p {
+footer p {
 margin: 0;
 padding: 0;
 font-size: 10px;