olivier/site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[AJ] Passage au HTML5

Browse Source 
fixes #1
This commit is contained in:
Olivier DOSSMANN 2012-11-16 12:07:19 +01:00
parent f31bfb0f4e
commit 9dc44e7ae7
11 changed files with 49 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -35,7 +35,7 @@ joint avec les fichiers du programme.
Le script makefile permet de générer un dossier contenant les fichiers Le script makefile permet de générer un dossier contenant les fichiers
suivants : 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 - defaut.css : feuille de style de PorteAil
- img : dossier contenant l'ensemble des fichiers images (icônes) pour - img : dossier contenant l'ensemble des fichiers images (icônes) pour
l'affichage des éléments dans la page de garde 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 - 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 catégories. C'est ce script qui génère les catégories pour la page
finale. 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 - CATEGORIES_EXT : extension des fichiers qui seront lus pour générer
les catégories les catégories
- DEFAUT_IMG : nom de l'image - contenue par défaut dans le dossier img - - DEFAUT_IMG : nom de l'image - contenue par défaut dans le dossier img -

4
TACHES
View File

@ -33,9 +33,6 @@
- permettre l'ajout d'un pied de page - 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) - 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 - 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 !) - 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 & - Bug: si une URL possède plusieurs &
- HTML 5 avec header et footer

4
composants/enqueue.html
View File

@ -1,7 +1,7 @@
<!-- Pied de page --> <!-- 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> <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> </body>
</html> </html>

12
composants/entete.html
View File

@ -1,14 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <!DOCTYPE html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head> <head>
<meta charset="UTF-8" />
<title>@@ACCUEIL_PORTEAIL@@</title> <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_DEFAUT@@" type="text/css" media="all" title="Défaut" />
<link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" /> <link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" />
</head> </head>
<body> <body>
<div id="chapeau"> <!-- Entete de page -->
<header>
<h1>@@TITRE_PORTEAIL@@</h1> <h1>@@TITRE_PORTEAIL@@</h1>
</div> </header>
<!-- Corps de la page -->
<div id="corps"> <div id="corps">

1
composants/introduction.html
View File

@ -1,3 +1,4 @@
<!-- Introduction de la page -->
<p> <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 /> 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>. 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>.

5
composants/menu.html
View File

@ -1,4 +1,5 @@
<div id="cartable"> <!-- Menu de la page -->
<aside id="cartable">
<div class="sacoche"> <div class="sacoche">
<h3>Menu</h3> <h3>Menu</h3>
<ul> <ul>
@ -7,4 +8,4 @@
<li>Lien 3</li> <li>Lien 3</li>
</ul> </ul>
</div> </div>
</div> </aside>

2
paconfigrc
View File

@ -20,7 +20,7 @@ CIBLE = porteail
ACCUEIL = Accueil - $(TITRE) ACCUEIL = Accueil - $(TITRE)
GEN_CATEGORIES = creation_categ.sh GEN_CATEGORIES = creation_categ.sh
INDEX = index.xhtml INDEX = index.html
# Extension des fichiers à prendre en compte dans le dossier contenant les # Extension des fichiers à prendre en compte dans le dossier contenant les
#+ catégories #+ catégories
CATEGORIES_EXT = txt CATEGORIES_EXT = txt

18
style/avec_menu.css
View File

@ -52,7 +52,7 @@ border-radius: 12px;
} }
/* ENTÊTE DE PAGE */ /* ENTÊTE DE PAGE */
#chapeau { header {
position: relative; position: relative;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px; -webkit-border-radius-bottomleft: 25px;
} }
#chapeau h1 { header h1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 50px; height: 50px;
@ -132,7 +132,7 @@ clear: both;
} }
/* MENU */ /* MENU */
#cartable { aside#cartable {
position: absolute; position: absolute;
height: auto; height: auto;
width: 20%; width: 20%;
@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
overflow: hidden; overflow: hidden;
} }
#cartable h3 { aside#cartable h3 {
width: 90%; width: 90%;
text-align: center; text-align: center;
border-bottom: solid; border-bottom: solid;
@ -157,18 +157,18 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
#cartable a:link { aside#cartable a:link {
text-decoration: underline; text-decoration: underline;
} }
#cartable a:visited { aside#cartable a:visited {
} }
#cartable a:hover { aside#cartable a:hover {
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */
#soulier { footer {
position: relative; position: relative;
top: 5px; top: 5px;
right: 5px; right: 5px;
@ -176,7 +176,7 @@ height: 20px;
width: 98%; width: 98%;
} }
#soulier p { footer p {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 10px; font-size: 10px;

14
style/bleu.css
View File

@ -34,7 +34,7 @@ color: #555577;
} }
/* ENTÊTE DE PAGE */ /* ENTÊTE DE PAGE */
#chapeau { header {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
} }
@ -46,30 +46,30 @@ color: #ffffff;
} }
/* MENU */ /* MENU */
#cartable { aside#cartable {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
} }
#cartable h3 { aside#cartable h3 {
color: #ffffff; color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
} }
#cartable a:link { aside#cartable a:link {
color: #aaaabb; color: #aaaabb;
} }
#cartable a:visited { aside#cartable a:visited {
color: #aaaabb; color: #aaaabb;
} }
#cartable a:hover { aside#cartable a:hover {
background-color: #aaaabb; background-color: #aaaabb;
color: #223355; color: #223355;
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */
#soulier { footer {
color: #000000; color: #000000;
} }

14
style/noir.css
View File

@ -34,7 +34,7 @@ color: #000000;
} }
/* ENTÊTE DE PAGE */ /* ENTÊTE DE PAGE */
#chapeau { header {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
} }
@ -47,30 +47,30 @@ color: #ffffff;
} }
/* MENU */ /* MENU */
#cartable { aside#cartable {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#cartable h3 { aside#cartable h3 {
color: #ffffff; color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
} }
#cartable a:link { aside#cartable a:link {
color: #aaaabb; color: #aaaabb;
} }
#cartable a:visited { aside#cartable a:visited {
color: #aaaabb; color: #aaaabb;
} }
#cartable a:hover { aside#cartable a:hover {
background-color: #aaaabb; background-color: #aaaabb;
color: #223355; color: #223355;
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */
#soulier { footer {
color: #000000; color: #000000;
} }

18
style/sans_menu.css
View File

@ -52,7 +52,7 @@ border-radius: 12px;
} }
/* ENTÊTE DE PAGE */ /* ENTÊTE DE PAGE */
#chapeau { header {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px; -webkit-border-radius-bottomleft: 25px;
} }
#chapeau h1 { header h1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 50px; height: 50px;
@ -132,7 +132,7 @@ clear: both;
} }
/* MENU */ /* MENU */
#cartable { aside#cartable {
position: absolute; position: absolute;
height: auto; height: auto;
width: 20%; width: 20%;
@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
overflow: hidden; overflow: hidden;
} }
#cartable h3 { aside#cartable h3 {
width: 90%; width: 90%;
text-align: center; text-align: center;
border-bottom: solid; border-bottom: solid;
@ -157,18 +157,18 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
#cartable a:link { aside#cartable a:link {
text-decoration: underline; text-decoration: underline;
} }
#cartable a:visited { aside#cartable a:visited {
} }
#cartable a:hover { aside#cartable a:hover {
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */
#soulier { footer {
position: relative; position: relative;
top: 5px; top: 5px;
right: 5px; right: 5px;
@ -176,7 +176,7 @@ height: 20px;
width: 98%; width: 98%;
} }
#soulier p { footer p {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 10px; font-size: 10px;