From 9dc44e7ae7458d6d567a240f3933311cf55119ff Mon Sep 17 00:00:00 2001 From: Olivier DOSSMANN Date: Fri, 16 Nov 2012 12:07:19 +0100 Subject: [PATCH] [AJ] Passage au HTML5 fixes #1 --- README.md | 4 ++-- TACHES | 4 +--- composants/enqueue.html | 4 ++-- composants/entete.html | 12 +++++++----- composants/introduction.html | 1 + composants/menu.html | 5 +++-- paconfigrc | 2 +- style/avec_menu.css | 18 +++++++++--------- style/bleu.css | 14 +++++++------- style/noir.css | 14 +++++++------- style/sans_menu.css | 18 +++++++++--------- 11 files changed, 49 insertions(+), 47 deletions(-) diff --git a/README.md b/README.md index ac91dd7..3878395 100644 --- 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 - diff --git a/TACHES b/TACHES index 78f336b..4bbf971 100644 --- a/TACHES +++ b/TACHES @@ -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 diff --git a/composants/enqueue.html b/composants/enqueue.html index bebdeec..8af6595 100644 --- a/composants/enqueue.html +++ b/composants/enqueue.html @@ -1,7 +1,7 @@ -
+

Page générée à l'aide de PorteAil

-
+ diff --git a/composants/entete.html b/composants/entete.html index 4b6cf0e..e6a5988 100644 --- a/composants/entete.html +++ b/composants/entete.html @@ -1,14 +1,16 @@ - + + @@ACCUEIL_PORTEAIL@@ - -
+ +

@@TITRE_PORTEAIL@@

-
+ + +
diff --git a/composants/introduction.html b/composants/introduction.html index 81eb35a..ffcca9e 100644 --- a/composants/introduction.html +++ b/composants/introduction.html @@ -1,3 +1,4 @@ +

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.
Il est modifiable dans le fichier introduction.html situé dans le dossier composants du répertoire principal de PorteAil. diff --git a/composants/menu.html b/composants/menu.html index d0d2b9e..e0879a6 100644 --- a/composants/menu.html +++ b/composants/menu.html @@ -1,4 +1,5 @@ -

+ +
+ diff --git a/paconfigrc b/paconfigrc index faed19f..8ca416c 100644 --- a/paconfigrc +++ b/paconfigrc @@ -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 diff --git a/style/avec_menu.css b/style/avec_menu.css index 6d23bbf..6b059f2 100644 --- 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; diff --git a/style/bleu.css b/style/bleu.css index 4d61d23..a5d78a2 100644 --- 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; } diff --git a/style/noir.css b/style/noir.css index 52e643a..6b4d45b 100644 --- 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; } diff --git a/style/sans_menu.css b/style/sans_menu.css index d3a8354..05b02b9 100644 --- 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;