Vous êtes sur la page 1sur 3

Note dintention - Site ECO21 France

1. Contexte de cration du site La revue dcologie ECO21 Brsil, pour laquelle je suis correspondant local, dispose dun site web peu esthtique, datant de la fin des annes 90, et qui gagnerait tre entirement refondu et modernis. Voici le lien vers la page daccueil de ce site : www.eco21.com.br Paralllement, la revue aimerait dvelopper ses activits en France. Le projet est encore trs vague mais prenant appui sur cette ide, il ma sembl un bon support de rflexion pour la cration de mon premier site web, dans le cadre du cours Outils , dispens par M. Christian Fondrat. Ainsi, le site cr aura pour objectif : De faire connatre la revue un public francophone ou bilingue, puisque ECO21 nexiste quen portugais. Il sagirait donc dans un premier temps de proposer une sorte de vitrine, simple et esthtique. Seuls lditorial et deux ou trois articles pourront, et ce pour des raisons de traduction, tre proposs en consultation. Cest ce projet que je proposerai en valuation M. Fondrat. A partir du code cr pour le site franais, de se substituer au site web actuel, en intgrant ses contraintes et adaptant ses contenus. Ceci dans lhypothse o la direction de la revue serait sduite par la structure, lergonomie et le design du nouveau site. Ce projet, qui vient en prolongement du premier, nentrera pas dans lvaluation du cours Outils . Ce site web ECO21 France ciblera donc les mmes publics quECO21 Brsil, ceci prs que ses lecteurs seront majoritairement francophones ou encore mieux francophones et lusophones. Les internautes susceptibles de consulter le site sont donc : - Le grand public intress par la lecture darticles de vulgarisation sur lcologie et le dveloppement durable, - Plus spcifiquement les publics en lien avec lcologie ou travaillant/militant dans ce domaine, - Plus spcifiquement, les internautes francophones et/ou lusophones, qui sintressent lcologie, puisque la revue papier est en portugais. Perspectives lies au projet Si le projet mrit, et si la revue peut supporter financirement les services dun ou plusieurs traducteur(s), alors le site ECO21 France pourra, de simple vitrine, devenir un vritable webzine colo. Mais nous nen sommes pas l. Prcision quant aux images utilises Lun des points forts du site ECO21 France : lusage dune banque dimages, dont les droits ont t concds la revue. Cette particularit reprsente un atout supplmentaire pour la ralisation de lun des objectifs du site : produire un visuel esthtique.

CAPRILES_AURORE_projet_site.doc

2. Problmatiques Deux problmatiques en lien avec ce projet : Un objectif formatif et vise professionnelle En premier lieu, ce site : - sera une dmonstration de mes premires crations en HTML et CSS ; - pourra tre intgr mon e-Portfolio sous la forme dun lien ; - permettra de prsenter mes ralisations de potentiels recruteurs ou employeurs. Un sous-objectif professionnel - Raliser un site vitrine simple et esthtique avec pour objectif (ambitieux, certes) de produire un visuel ostensiblement plus agrable que celui de lactuel site web ; - Prendre en compte la nature de lobjet reprsent : une revue mensuelle dcologie et dveloppement durable ; - Proposer quelques articles en consultation libre afin de donner au lectorat potentiel une ide du contenu de la revue ; - Inclure un formulaire dabonnement la revue. 3. Techniques Les techniques utilises pour la conception de ce site se basent sur le HTML5 et le CSS3. Aucun logiciel ne sera utilis pour raliser ce site. Il sera cod de A Z par son crateur.

4. Arborescence

Page daccueil Index.html Id_page=1 Id_parent=0

Ipage Editorial edito.html Id_page=2 Id_parent=1 Abonnement subscription.html Id_page=3 Id_parent=1 Goodies goodies.html Id_page=4 Id_parent=1 A propos about.html Id_page=5 Id_parent=1

Article 1 fullEdito.html Id_page=6 Id_parent=2

Article 2 mouton.html Id_page=7 Id_parent=2

Article 3 lilgirl.html Id_page=8 Id_parent=2

Lgende Fichier mre, pas de parent, n enfants 1 parent, n enfants 1 parent, pas denfants

CAPRILES_AURORE_projet_site.doc

Sources dinspiration : http://pbnaigeon.developpez.com/tutoriel/PHP/conception-site-dynamique/ http://multimedia.uqam.ca/profs/FLP/Site_5050/arborescence.htm http://www.lecil.fr/fr/webdesign/creer-arborescence-site-web

5. Plan daction Mon plan daction sappuie sur la mthode prconise par le site Openclassrooms dans sa section tutoriel Apprenez crer votre site web avec html5 et CSS3. 1. Benchmarking : faire une tude de lexistant : commencer par visiter les sites web ddis lcologie, les sites ditoriaux, de presse spcialise, puis largir et prendre en compte tout type de site dont un dtail, une partie, une couleur, pourrait tre source dinspiration dans la cration dun produit final indit et original. 2. Maquettage du design 2.1 Structure du site : Conception du site sur papier : schmatiser la structure globale puis page page 2.1 Design du site : Choix des images Choix des couleurs Choix des polices

3. Organiser le contenu en HTML 4. Mettre en forme en CSS 5. Assurer la compatibilit sous tout navigateur et toute rsolution Ce point reprsente un objectif trs thorique, tant donn mon niveau dbutant. 6. Vrifier la validit du code Utilisation de loutil Validator , pour le HTML et le CSS. http://validator.w3.org 7. Envoyer son site sur le web Nom de domaine Hbergeur (000webhost.com) Client FTP(Filezilla)

CAPRILES_AURORE_projet_site.doc

Vous aimerez peut-être aussi