Formation Initiation à la création d’un site web

Présentation au sujet: "Formation Initiation à la création d’un site web"— Transcription de la présentation:

1 Formation Initiation à la création d’un site web
Samedi 5 novembre 2016 10h – 16h Animatrice : Julia CHRYSSOMALIS

2 Programme Revoir les bases Traitement de texte : comment faire une mise en page, insérer des images ou des liens Comprendre les différentes extensions de fichiers, et à quoi elles renvoient Adapter son discours au public : quel site pour quel usage ? Créer un site facilement Savoir choisir un template en fonction des besoins de communication Créer du contenu Personnaliser son site

3 Objectifs de la formation
1) Permettre aux acteurs associatifs de : - maîtriser les bases des outils de traitement de texte - connaître les usages possibles de leur futur site web pour mieux l’animer 2) Découvrir deux hébergeurs simples et gratuits - personnaliser un template wordpress - comprendre les outils de wix

4 Maîtriser les outils de base
Comment faire une mise en page ? Comment insérer des liens et des images ? Comprendre les différents formats de fichiers

5 Traitement de texte Pourquoi revoir le traitement de texte pour une formation sur la création d’un site web ? Cette formation s’intéresse à la création d’un site à partir d’un modèle préexistant (template) et gratuit Personnaliser un modèle préexistant revient à faire des mises en page, insérer des liens, insérer des images pour donner un nouvel aspect au site Il est donc nécessaire de bien maîtriser les bases du traitement de texte pour créer efficacement son site

6 Traitement de texte L’onglet d’accueil :
Personnalisation de la police (type de police, taille, gras, italique, souligné, barré, exposant, surlignage, couleur) Cadrage des paragraphe (aligné à droite, à gauche, centré, justifié) Interlignage Listes : numérotation, puces, etc. Afficher/masquer les marques de paragraphes Les styles de base (normal, titre 1, titre 2…)

7 Traitement de texte L’onglet d’insertion : insertion d’images
insertion de liens création d’un tableau page de garde, saut de page

8 Traitement de texte L’onglet de mise en page :
La mise en page va s’appliquer à tout le document, ou à tout un paragraphe (sélectionné) marges des pages (espacements entre le bord de la feuille et le texte) orientation : portrait ou paysage possibilité d’organiser le texte en plusieurs colonnes sur une page espacement entre les paragraphes

9 Les formats de fichiers
Pourquoi s’en soucier ? Sur un site web, on va vouloir insérer des fichiers particuliers, tels que des images, des documents texte, des vidéos, etc. Or, les plateformes de création de site n’ont qu’une seule banque de fichiers : tous les formats sont rangés au même endroit Si l’on cherche à insérer un lien hypertexte (document qui va s’ouvrir dans une nouvelle fenêtre/un nouvel onglet), il faut savoir quel type de fichier insérer

10 Les formats de fichiers
Les documents texte Les fichiers au format texte sont créés à partir d’un logiciel de traitement de texte. Ils peuvent contenir des images, des liens hypertexte, etc. Ils sont identifiables grâce à leur extension de fichier : .doc, .pages, .odt, .docx, etc.

11 Les formats de fichiers
Les documents « image » Une image est fixe. On peut y ajouter des zones de texte, et y apporter des modifications, avec un logiciel graphique. Un logiciel graphique (ou logiciels d'édition d'image, logiciel de graphisme ou logiciel de retouche d'image) est un programme informatique ou une collection de programmes permettant de manipuler et de traiter des formes, dessins, vecteurs ou images sur un ordinateur. On peut les identifier grâce à leur extension de fichier : .jpeg, .jpg, .bmp, .png, etc.

12 C’est le format du document qui définit sa nature.
Conclusion C’est le format du document qui définit sa nature. Un document texte, dans lequel on n’écrit rien et où l’on insère une image, restera un document texte. Texte Image Peut contenir une ou des images Peut montrer du texte Enregistré aux formats : .doc, .docx, .pages, .wpd, .odt, .rtf, .wp Enregistré aux formats : .jpeg, .jpg, .png, .bmp

13 Avez-vous des questions ?

14 Comment bien viser son public ? Quel type de site pour quel usage ?
Créer un site web À qui s’adresse-t-on ? Comment bien viser son public ? Quel type de site pour quel usage ?

15 Quelles sont les particularités de ce site ?
Visuel sobre : police de caractère, couleurs, etc. Vocabulaire technique Cours de la bourse, chiffres : données précises et techniques Les onglets donnent des informations sur les offres  quel public visé ? Dans quel but ?

16 Quelles sont les particularités de ce site ?
Simplicité et accessibilité Page d’accueil : propose tout de suite de consommer Page d’accueil : montre les nouveautés Les onglets donnent des informations sur les offres  quel public visé ? Dans quel but ?

17 Quelles sont les particularités de ce site ?
Premier visuel : un article sur la situation du logement Page d’accueil : code couleur alarmant « Nos actions » sur la page d’accueil Les onglets donnent des informations sur la Fondation et ses activités  quel public visé ? Dans quel but ?

18 Sur ces trois sites internet, quels sont :
Les points communs ? Les différences ? L’information essentielle se trouve sur la page d’accueil La répartition des informations disponibles par thème (onglets) Le premier visuel est clair et lisible : on sait quelle information on va trouver Les couleurs La spécificité du vocabulaire La nature des informations Le public visé La fonction du site : support d’information sur la marchandise, plateforme de vente, ou communication générale

19 Conclusion : quel site web pour une OSIM ?
Plusieurs publics visés : Les bailleurs Le grand public (action de sensibilisation, incitation au don ou à l’adhésion) Entre les trois sites précédemment comparés, celui dont l’organisation et le visuel seraient le mieux adapté est celui de la Fondation Abbé Pierre : on cherche à communiquer sur les actions menées, sur les enjeux et l’importance de telles actions. Le site web peut aussi être un bon support de communication aux bailleurs : on donne le détail des actions menées, de façon simple et pédagogique, pour soutenir son projet et appuyer le sérieux et l’expérience de son OSIM. Enfin, un site web est un excellent outil de capitalisation : c’est le lieu où l’on peut mettre par écrit tout ce qu’on a su faire, comment on y est arrivé, et où l’on partage ses expériences.

20 Merci de votre attention !

21 Créer un site gratuit Initiation à la création d’un site avec deux systèmes de gestion de contenu : Wordpress et wix

22 Deux systèmes de gestion de contenu :
WordPress Wix Avantages de WordPress : Très facile à utiliser La majorité du travail à faire est du traitement de texte Les diverses fonctions sont réparties en onglets, comme pour un traitement de texte classique Inconvénients de WordPress : Personnalisation limitée Difficile de savoir à quoi la page va ressembler quand on travaille dessus  Avantages de Wix : Personnalisable et intuitif On travaille directement sur un aperçu du site, ce qui rend le travail plus facile Inconvénients de Wix : Le nombre important d’onglets peut donner une impression de difficulté Un certain temps d’adaptation à la navigation entre les pages Le nom que l’on donne à son site, version gratuite, est forcément long et difficile à retenir