Les étapes de conception d’un site web

Slides:



Advertisements
Présentations similaires
Comment annoter un texte
Advertisements

1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
Créer un LOGO et un SLOGAN
Scénarisation d’un produit pédagogique multimédia
Participez dès aujourdhui au répertoire des SSII sur technologies Microsoft Guide pour la mise à jour du profil Société pour être visible sur
HINARI Ce qu’il faut faire / Ce qu’il faut éviter
Les principes généraux Les objectifs du dispositif Le b2i et les défis sur Internet Une visite concrète.
Site WEB: communication grand publique
Les étapes de conception dun site web éducatif Un site web ne s'improvise pas !! Un site web ne s'improvise pas !! Il existe de tout petits sites qui ne.
Agréger les infos SITRA et réservation sur mon site
La communication au sein du collectif
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é
Créer un diaporama avec Open Office Impress
L'architecture d'un site Toile : L'architecture d'un site Toile : Quelles informations pour Quel public ? Deux questions très importantes sont à poser.
PowerPoint : Comment créer son propre diaporama ?
Rechercher un document avec BCDI
1 InDesign – 3 /3.
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Projet Tutoré: Site des Restos du Cœur de l’Allier
Définition : C'est un format de données qui permet de réaliser des sommaires Un « flux RSS » est un fichier texte qui contient les titres des derniers.
Emploi d’un logiciel de présentation graphique : PowerPoint
Fait par votre animateur Loïc Mercier1 Pour tous renseignement écrire Tel TELECHARGER DES FICHIERS.
Créer un site Web sur internet
Erreurs courantes Droits dauteur. 1.Absence de source Importance dune bibliographie qui devrait fournir de l'information sur le détenteur du droit d'auteur.
16/10/10 Préparé par: Ing. Rodrigue OSIRUS (+509) , *** Conception dun site web Cours: Conception.
Comment trouver sur Internet?
Ressources web : évaluer leur validité et leur fiabilité... © Français et Informatique
Natalie Meystre Maciej Macowicz Conférence des Webmasters 22 mars 2005 Moteurs de recherche, meta-moteurs.
La Scénarisation Pédagogique
Recherche, évaluation et utilisation de linformation Martine Mottet www1.sites.fse.ulaval.ca/martine.mottet.
Communication de recrutement
Cours 268 R. PEETERS 96-97page 1 Conseils et astuces de conception n Utilisez une seule police. – Lorsqu'un trop grand nombre de polices sont associées,
La veille numérique : un outil pour s'informer intelligemment &
Outil d’évaluation des actions de communication
Préparer son exposé SVT, exposés responsabilité humaine en matière de santé et d’environnement.
LA PROMOTION DE PERFORMA Marielle Pratte Juin 2008 Programmation et argumentation.
Gérer efficacement ma nouvelle entreprise Gérer efficacement ma nouvelle entreprise Programme court en entrepreneuriat Être vu et connu de mes clients.
Pour une présentation orale
Manuel Kervarker.org : l'accueil
2° Forum de la Finance Participative en Limousin Règles à respecter pour votre présentation :  Merci d’utiliser uniquement le format de 5 pages. Cela.
Rédaction d’un dossier SVT 3eme.
Présentation sur ordinateur Quelques éléments sur ce qu’est une présentation.
Diaporama réalisé par Damienne PIN, Documentaliste Collège Barbara Hendricks 226 Rue du Limousin Orange LE PROBLEME DE LA QUALITE DE L ’INFORMATION.
CONSTRUIRE SON DIAPORAMA
Polices de caractère Un seul caractère sauf pour les titres
Formation nationale CHM, 2012, Antananarivo, Madagascar
Création d’une affiche
DESIGN MULTIMÉDIA Initiation aux bases de La scénarisation multimédia
Comment aborder la tâche?
L’ergonomie des IHM : pourquoi, comment ?
Location d’appartements de standing
Techniques documentaires et veille stratégique Anne Pajard, avril 2008
Formation nationale CHM, 2013, Abidjan, Côte d’Ivoire Le Centre d’échange d’information de la Convention sur la diversité biologique Par: Han de Koeijer.
Format des éléments du message. Formats de éléments du message texte listes à puces, listes numérotées tableaux graphiques diagrammes images audio vidéo.
Service commun de documentation 1 Validation d’informations sur Internet Des outils pour vérifier la validité des informations.
Méthodes de recherche sur Internet
Réaliser un site Internet Le web, Mode d’emploi. Un site, c’est… Une page… Ou plusieurs… Éventuellement enrichie de Documents multimédias Liens hypertextes.
Vous voici dans notre site « laboratoire » pour la démonstration AJOUTER UNE PAGE Cliquez sur ENTREZ ICI pour accéder à la partie administration.
Créer votre propre site Internet
Cours de portfolio H-EM A2015
SOUS-TRAITANCE POWERPOINT
Préparation d’un mémoire
Introduction au HTML Qu’est ce que le HTML ?
LA MÉTHODE APA Par Rachel Blanchard.
Contribution. Accueil Vous êtes actuellement connecté à votre espace de contribution de la médiathèque de l'Université Paris Descartes. Dans cette espace.
Réussir un diaporama S. Pignon –
E-lyco à la découverte de l’interface. L’environnement numérique de travail e-lyco est un ensemble de services en ligne, personnalisés et sécurisés, accessibles.
MES STRATÉGIES DE LECTURE
Le dossier de presse Module 1. Qu’est-ce que c’est?  Le dossier de presse est un ensemble de documents qui expliquent un message au public.
Transcription de la présentation:

Les étapes de conception d’un site web Un site web ne s'improvise pas !! Il existe de tout petits sites qui ne comportent qu'une page, des sites monstrueux qui en comportent des milliers, et beaucoup de sites de taille moyenne qui en comportent quelques dizaines. Créer un site web nécessite donc, en règle générale, un minimum d'organisation.

Les étapes de conception d’un site web Définition du public cible ; Définition des besoins ; Étude de l’existant ; Définition du contenu ; Structuration du contenu ; Préparation du contenu ; Définition de la charte graphique.

Définition du public cible Quel(s) public(s) visez-vous? Définissez les attentes de chacun d'eux. Pourquoi vient-il visiter le site ? Que cherche-t-il ? Quelles actions aimerait-il pouvoir effectuer sur le site, et pour obtenir quoi ? Pourquoi reviendra-t-il, et avec quelle fréquence ? Est-ce que ce sont les mêmes publics que ceux atteints par la communication traditionnelle ? Faut-il prévoir de traduire le site (ou les informations principales) en plusieurs langues ?

Définition des besoins Pourquoi doit-on développer un site Web ? Satisfaire un besoin ? Satisfaire une motivation ? Résoudre un problème ? Exemple Exemple Exemple Site pour la publication Des articles d’un laboratoire de recherche Site d’EAD Portail d’informations Définir une liste des besoins.

Étude de l’existant Étudier le traitement et la circulation des informations pour établir la liste des personnes ressources, fréquence de mise à jour,.. ; Analyser les sites «concurrents» ;

Définition du contenu Dans la plupart des sites, l'information est principalement constituée de texte et d'images. Les sites dont le contenu est constitué essentiellement de son ou de vidéo, et qui fonctionnent suivant le principe des "streaming media", sont encore rares : le faible débit du réseau Internet ne leur est pas favorable. A partir de la définition des besoins et de l’étude de l’existant, établir une liste des thèmes à inclure dans le site. Pour chaque thème, définir : le titre, une description du contenu ainsi que la personne ressource.

Structuration du contenu Définir l’arborescence de chaque thème Définir la liste des documents liés à chaque thème ; Pour chaque document prévoir : Le titre ; La description ; L’auteur ; La périodicité de mise à jour ; La liste des documents liés.

Structuration du contenu Les structures à éviter Structure trop profonde Structure trop linéaire

Structuration du contenu

Structuration du contenu Une page ne doit être ni trop longue, ni trop courte. A éviter : Les pages sont trop courtes : l'internaute reçoit l’ information de façon hachée. Les pages sont trop longues : leur temps de chargement devient prohibitif. Le défilement horizontal doit être évité le plus possible, nous ne sommes pas habitués à lire des textes larges.

Préparation du contenu Définir un format d’échange du texte (Doc, RTF, PDF,..). Saisir / Récupérer le texte (Sans mise en page). Récupérer / Traiter les images (Lier les images aux documents saisis).

Définition de la charte graphique La charte graphique permet de donner une identité visuelle à votre site Web. Les éléments graphiques : fond des pages, couleurs utilisées, polices des caractères, etc. La présentation des pages courantes doit être : relativement uniforme, pour donner à l'internaute une impression d'unité. assez sobre, pour ne pas distraire l'attention du message que l'on veut transmettre.

Définition de la charte graphique La navigation : Dès qu'un site possède plus de quelques pages, le résultat est immanquable : l'internaute qui le visite pour la première fois a le sentiment de s'y perdre. Une navigation efficace devrait : fournir de l'information à un niveau assez général, pour donner une idée d'ensemble du site ; fournir de l'information à un niveau très détaillé, pour permettre à l'internaute de localiser une information précise ; permettre à l'internaute, où qu'il se trouve, d'atteindre la page d'accueil et la carte du site ; faire en sorte que l'internaute ne se sente jamais perdu ;

Et pour finir Un site web est un produit évolutif. Il faut donc : démarrer le site modestement ; le faire évoluer progressivement ; le maintenir en permanence ;