1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne

Slides:



Advertisements
Présentations similaires
Soutenance des cours ingénierie de formation
Advertisements

X-Internet - Polytechnique.org Réunion du 28 novembre 2002.
Les étapes de conception d’un site web
Site WEB: communication grand publique
Comment mettre à jour lagenda de mon site web à partir dun modèle Word SITRA ?
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques.
Lycée C. De Gaulle Vannes Vente en ligne,.. …une question dergonomie.
Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité
Le web classeur Guide à l'usage des élèves. un support de classement et de conservation de vos informations en matière dorientation un outil permettant.
Conception d’une application de gestion de fiches études
Présentation du Tableau de Bord Reims – Janvier 2011.
Quels prestataires choisir ? Une agence Web Est une société spécialisée dans la conception et la réalisation. Elle prend généralement en charge tout le.
Newsletter Bonnes pratiques.
MD 112 BELGIUM Sites Web Clubs proposés gratuitement par le MD.
Gestion de la communication par établissement sur le site ville
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Site vitrine Joomla.
WEB MOBILE Web Éducation Québec, le 24 mars 2011.
Site :
Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha
Créer un site Web sur internet
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Bee 27 Normandie. Début 2010 Aujourdhui, on note labsence dun annuaire global référençant toutes les entreprises possédant un site. Contrairement, aux.
Lycée Louis Vincent Séance 1
Comment réussir son diaporama
Cahier des charges v2 - Synthèse des Offres
Guide à l'usage des élèves
Conception, création et animation d’une classe virtuelle
CREATION DU SITE INTERNET
Le multimédia à l ’école : une révolution ?
La souris danse Espace Régional Internet Citoyen.
Votre site web clé sur porte pour 699 eur !. Votre site web clé sur porte pour 699 euro ! Le forfait Clarissimo.com, c’est: Nom de domaine et hébergement.
FORMATION POWERPOINT 2007/2010
2e partie: Conception d’un projet web Présentation de Nathalie Caccamo
Création d’un site internet en XHTML + L’hébergement By Reyne & Archinard.
Créer un site internet facilement Jimdo – Pages to the People.
Représentation de l’IRD au Sénégal DIC décentralisée
Répondre au client : quand imprimer, quand exporter, quand envoyer par mail ? Choisir la réponse la plus adaptée à chaque demande.
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
Design et intégration d’images et de graphiques
Master HTTP Créator LARNS Corporation Membres : ALFOSEAJean-FabienChef de Projet LEROGNONRenaudDesigner N'DOYEAssaneWebmestre RONCAGLIAThomasRelation Publique.
B2i école : domaines, aptitudes et pistes d’activités
Projet Informatique Eolienne
Introduction L’épandage agricole en pleine évolution
LOGO 2010/2011 Encadré par: Mr Chaouech Helmi Elaborée par: Galloussi Ons Université de Carthage Faculté des Sciences économique et de Gestion de Nabeul.
1 Projet SRC – 2ème année Présentation de la phase P2 - Création de sites internet - 1 Commanditaire : M. Frédéric HURST.
Plan de la présentation
Création facile de sites web pour bébé PUR BONHEUR.
Stratégie de communication
PROSOFT : simple et complet, sa prise en main est rapide et intuitive 1/41 Évaluez gratuitementPROSOFT Un logiciel conçu pour les agents immobiliers 
Contribution CMS.Eolas
Projet.
Conception des pages Web avec
Projet Informatique 2009 Application Web en PHP 5 / MySQL Intranet et Espace Client Marc Gervais – Florian Simon – Gildas Quéméner.
Vous voici dans notre site « laboratoire » pour la démonstration AJOUTER UNE PAGE Cliquez sur ENTREZ ICI pour accéder à la partie administration.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Dreamweaver (2) ● les calques (layers) ● les comportements
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Padlet, un mur collaboratif Mode d’emploi
1 Le dispositif d’évaluation Présentation de XiTi Mise à disposition d’un outil d’analyse statistique : XiTi  Accessible en ligne pour le chef d’EPLE.
Votre site Internet professionnel en quelques clics
Transcription de la présentation:

1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne Création d’un site Web 1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne

Cahier des charges d'un site web Vous avez un projet de site web, voici quelques conseils avant d'entreprendre le travail sur l'ordinateur. Il faut commencer par se poser les bonnes questions pour analyser les besoins et adapter les solutions. Le cahier des charges est l'élément déclencheur pour commencer la conception d'un site, il faut donc bien le définir. Sa longueur dépend de l'importance du site, il peut varier d'une à quelques pages. Il faut analyser les contraintes par rapport aux différents critères : l'arborescence, la navigation, la clarté des pages, la disposition des textes et images pour une mise en page optimale, la présentation homogène des pages, la lisibilité typologique, l'image que veut refléter le site, le choix de la chartre graphique, les poids des pages, la compatibilité avec les différents navigateurs, les contraintes que nous imposent les navigateurs... Le cahier des charges est surtout un travail de réflexion, il est donc important que vous développiez les rubriques importantes pour votre site et rajoutiez ceux qui manquent...

Exemple de cahier des charges d'un site web  Objectif : Information , Communication, Promotion...  Public visé : Clients et futurs clients ; Partenaires ; Adhérents et futurs adhérents ; Personnel...  Message : Derniers modèles des produits sur le marché ,Prix très compétitifs, Délai de livraison sous 24 heures... Structure : Définir chaque rubrique par un titre et faire un résumé du contenu , Choisir une structure linéaire, rayonnante, arborescente...

Exemple de cahier des charges d'un site web  Perspectives : Développer le site pour attirer une clientèle plus jeune...  Interlocuteurs : Noms et responsabilités des contacts durant la conception ; Coordonnées (téléphoniques, emails...)...  Langues : Français ;Anglais ; Espagnol...  Ressources apportées : Ancienne version du site déjà en ligne, Nom de domaine, Hébergement sur un serveur , Documents sur supports informatiques (word, excel, photos numériques...), Documents sur supports papiers (plaquettes, journaux de la société, photos, papier à entête, logo...) .

Exemple de cahier des charges d'un site web Aspect et qualité du site : Vitrine, Professionnel , Simple, Élaboré, Ludique, Accès aux informations rapidement...  Spécifications techniques : Enregistrer les pages avec des noms parlant pour les URL en ligne Choisir les tableaux ou les frames pour la présentation Nommer par des titres parlant chaque page Remplir les balises <META> pour les descriptions et les mots clés de chaque page Préciser la date de création et celle des dernières modifications sur la page d'accueil, voir toutes les pages Pouvoir revenir sur l'accueil en cliquant sur le logo de n'importe quelle page du site Appliquer les styles css pour les mises en page et présentations Tester le site sur plusieurs configurations Mise en page en 800x600 s'adaptant aux autres résolutions Élaborer une navigation logique, simple et intuitive, l'internaute ne doit pas se perdre Construire des pages par rapport au débit des modems 56 k.

Exemple de cahier des charges d'un site web Présentation : Claire, concise, simple Animation ou effets spéciaux à utiliser avec modération... Contraintes : Suivre la charte graphique de la société , Typologie arial en bleu... Libertés : Libre choix de la mise en page ; Choix des photos, retouches et présentation...  Interactivité : Forum, formulaire, blog, Emails... Maintenance : Mise à jours des pages régulièrement Formation pour les mises à jours...  Délai pour la réalisation du site : Un mois, deux mois...  Définir un Budget : Entre tant et tant.

Conclusions Un site internet ou intranet, est assez compliqué à mettre en place , un gros travail en amont doit être fait, des questions sont à se poser sur l’arborescence du site. Une étude du coût et des possibilités du fournisseur d’accès doit être étudié avant. Suivant le type de site créé des mises à jours régulières doit être faites afin de le faire ‘vivre’. Il y a des logiciels simples, intuitifs qui suppriment de ces contraintes, sans une grande connaissance en informatique, ni être designer.

Démonstration Nous vous proposons après le teste de plusieurs logiciels de création de Site web le logiciel : Présentation des possibilités du logiciel par :