From 8e4a90c415d5f448107b297d1fd2098ff4284d16 Mon Sep 17 00:00:00 2001 From: Olivier DOSSMANN Date: Wed, 23 Feb 2011 22:42:16 +0100 Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20initiale=20du=20d=C3=A9p=C3=B4t?= =?UTF-8?q?=20avec=20ajouts=20des=20fichiers=20du=20projet?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + LISMOI | 46 +++++++++++++++ TACHES | 17 ++++++ enqueue.html | 3 + entete.html | 13 +++++ makefile | 55 ++++++++++++++++++ menu.html | 12 ++++ style/defaut.css | 145 +++++++++++++++++++++++++++++++++++++++++++++++ 8 files changed, 292 insertions(+) create mode 100644 .gitignore create mode 100644 LISMOI create mode 100644 TACHES create mode 100644 enqueue.html create mode 100644 entete.html create mode 100644 makefile create mode 100644 menu.html create mode 100644 style/defaut.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..35f3e11 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +porteail/* diff --git a/LISMOI b/LISMOI new file mode 100644 index 0000000..080ee97 --- /dev/null +++ b/LISMOI @@ -0,0 +1,46 @@ + ######################## + ## Programme PorteAil ## +######################## + +### À PROPOS ### + +PorteAil est un portail web dont le but principal est, comme son nom l'indique, + de partager un ensemble de liens amenant vers divers lieux. + +Cf. http://fr.wikipedia.org/wiki/Portail_%28web%29 pour de plus amples +informations. + +PorteAil est un jeu de mot entre Porte, portail et Ail (l'aliment ou le bruit + que nous faisons après avoir eu mal ?). + +### PRÉ - REQUIS ### + +Ce programme fonctionne à l'aide de **GNU Make**. + +Il requièrt également quelques commandes du SHELL sh comme : +- echo +- test +- rm +- cat + +### DESCRIPTION ### + +Le script makefile permet de générer un dossier contenant les fichiers +suivants : + - 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 + +### INSTALLATION ### + +FIXME + +### UTILISATION ### + +### SOURCES ### + +Les sources du programme peuvent être récupérées sur http://git.dossmann.net/ ou via la commande suivante (à l'aide de l'outil git) : + + git clone http://git.dossmann.net/scripts/porteail.git + diff --git a/TACHES b/TACHES new file mode 100644 index 0000000..f0626bb --- /dev/null +++ b/TACHES @@ -0,0 +1,17 @@ +À FAIRE : +---------- + +- trouver une syntaxe pour les fichiers de catégories contenant des éléments +- permettre l'ajout facultatif d'un menu +- rendre la page valide XHTML Strict via validator.w3.org +- permettre l'ajout de plusieurs CSS dans HEAD +- permettre l'ajout d'un texte d'introduction au début de la page +- permettre l'ajout d'un pied de page + +FAITES : +--------- + +- faire un makefile basique +- faire un .gitignore pour les fichiers/dossiers inutiles +- faire un fichier TACHES +- ajouter une licence/copyright diff --git a/enqueue.html b/enqueue.html new file mode 100644 index 0000000..f5471aa --- /dev/null +++ b/enqueue.html @@ -0,0 +1,3 @@ + + + diff --git a/entete.html b/entete.html new file mode 100644 index 0000000..396be53 --- /dev/null +++ b/entete.html @@ -0,0 +1,13 @@ + + + + ACCUEIL_PORTEAIL + + + + +
+

TITRE_PORTEAIL

+
+
diff --git a/makefile b/makefile new file mode 100644 index 0000000..e8c7ff4 --- /dev/null +++ b/makefile @@ -0,0 +1,55 @@ +######################################### +######################################### +## Copyright (C) 2011 DOSSMANN Olivier ## +## Auteur : DOSSMANN Olivier ## +## Courriel : olivier@dossmann.net ## +######################################### +######################################### +# définition de cibles particulières +.PHONY: clean + +# définition de variables +## obligatoires +DESTINATION = porteail +INDEX = $(DESTINATION)/index.html +CSS_DEFAUT = defaut.css +TITRE = Titre par défaut +ACCUEIL = Accueil - $(TITRE) +## facultatives +MENU = menu.html + +# création de tous les fichiers +all: test index + +# divers tests sur l'existence des dossiers/fichiers +# création si besoin +test: + @echo -e "Lancement des tests…" + @test -f entete.html || exit + @test -f enqueue.html || exit + @test -d img || mkdir img + @test -d categ || mkdir categ + @test -d style || mkdir style + @test -f style/$(CSS_DEFAUT) || exit + $(if $(MENU), @test -f $(MENU) || exit, @echo -e "Pas de menu") + @test -d $(DESTINATION) || mkdir $(DESTINATION) + @test -d $(DESTINATION)/image || mkdir $(DESTINATION)/image + @echo -e "\t…terminé." + +# création de la page d'index +index: + @echo -e "Création de la page de garde…" + $(if $(MENU), @cat entete.html menu.html enqueue.html > $(INDEX), @cat entete.html enqueue.html > $(INDEX)) + @echo -e "\t…terminée." + @echo -e "Modification du contenu…" + @sed -i "s/TITRE_PORTEAIL/$(TITRE)/g" $(INDEX) + @sed -i "s/ACCUEIL_PORTEAIL/$(ACCUEIL)/g" $(INDEX) + @cp style/$(CSS_DEFAUT) $(DESTINATION) + @sed -i "s#CSS_DEFAUT#./$(CSS_DEFAUT)#g" $(INDEX) + @echo -e "\t…terminée." + +# nettoyage des fichiers générés +clean: + @echo -e "Nettoyage des fichiers en cours…" + @rm -rf $(DESTINATION) + @echo -e "\t…terminé." diff --git a/menu.html b/menu.html new file mode 100644 index 0000000..6e0068d --- /dev/null +++ b/menu.html @@ -0,0 +1,12 @@ +
+
+
+

Menu

+
    +
  • Lien 1
    • +
  • Lien 2
    • +
  • Lien 3
    • +
+
+
+
diff --git a/style/defaut.css b/style/defaut.css new file mode 100644 index 0000000..229219f --- /dev/null +++ b/style/defaut.css @@ -0,0 +1,145 @@ +body { +height: 100%; +width: 100%; +margin: 0; +padding: 0; +background-color: #e9ecf4; +color: #223355; +} + +a:link { +color: #6276a4; +text-decoration: underline; +} + +a:visited { +color: #6276a4; +} + +a:hover { +background-color: #6276a4; +color: #ffffff; +} + +p { +padding: 5px; +} + +h2 { +width: 80%; +padding-left: 2%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 10px; +} + +h3 { +width: 80%; +padding-left: 3%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 12px; +} + +div#chapeau { +position: absolute; +height: 10%; +width: 78%; +top: 0; +left: 1%; +background-color: #223355; +color: white; +text-align: center; +-moz-border-radius-bottomright: 25px; +-moz-border-radius-bottomleft: 25px; +} + +div#corps { +position: absolute; +width: 78%; +height: 86%; +left: 2%; +top: 13%; +overflow: auto; +} + +div#corps div.ensemble_element { +min-height: 10em; +} + +div#corps div.element { +height: 9em; +width: 19ex; +margin-right: 5px; +margin-bottom: 5px; +float: left; +} + +div#corps div.element:hover { +background-color: #223355; +color: #ffffff; +} + +div#corps div.element div.titre { +height: 3em; +margin-top: 1em; +text-align: center; +} + +div#corps div.element div.image { +height: 48px; +margin: 1em 0 2em 0; +text-align: center; +} + +div#corps div.element div.image img { +border: 0; +} + +div#corps div.espace { + clear: both; +} + +div#cartable { +position: absolute; +height: 88%; +width: 20%; +top: 10%; +right: 0; +background-color: #223355; +color: white; +-moz-border-radius-topleft: 25px; +-moz-border-radius-bottomleft: 25px; +overflow: auto; +} + +div#cartable h3 { +width: 90%; +border-color: #ffffff; +border: ; +color: #ffffff; +text-align: center; +} + +div#cartable a:link { +color: #aaaabb; +text-decoration: underline; +} + +div#cartable a:visited { +color: #aaaabb; +} + +div#cartable a:hover { +background-color: #aaaabb; +color: #223355; +} + +div#souliers { + +} +