Formation Site Web. Au menu Les possibilités pour créer un site web Une solution proposée pour débuter Présentation de l outil. Organiser son site web

Transcription

1 Au menu Les possibilités pour créer un site web Une solution proposée pour débuter Présentation de l outil Organiser son site web Octobre 2016

2 Les possibilités pour créer un site web Outils, prestataires : des choix nécessaires - Pour la création : avec prestataire ou soi-même - Pour l'hébergement : gratuit ou payant, avec ou sans publicité - Pour le nom de domaine : personnel ou en sous-domaine - Pour la mise à jour : avec prestataire ou soi-même - Moyen de sauvegarde et propriété des données

3 Les possibilités pour créer un site web Sans programmer avec un système de gestion de contenu (SGC) ou CMS (Content Management System) Exemples en outils Libres : Drupal Joomla Wordpress Tableau comparatif : Conception et la mise à jour dynamique de sites Web au moyen d'un navigateur Web.

4 Les possibilités pour créer un site web Hébergement non dédié type gratuit (publicité) ou payant Plate-forme d'hébergement + logiciel de conception installé wordpress.com free.fr wix.com jimdo.com - gandi.net Fournisseur d'infrastructure payant Machine dédiée et personnelle sur le web ovh.com - gandi.net - et civam.fr

5 Une solution proposée pour débuter Outil de publication et mode d'hébergement Wordpress : Gratuit et libre (licence GPL), personnalisable. Respect des standards du web. Une solide communauté : FAQ et FORUM civam.fr : Site d'administration des blogues Documentation en ligne progressivement

6 Une solution proposée pour débuter - définir un nom de sous-domaine maferme.civam.fr et un nom d'administrateur - donner votre adresse courriel Vous recevez un mail avec votre mot de passe pour vous connecter sur votre page de site.

7 Présentation de l'outil - Espace d'administration - Articles / pages - Gestionnaire des médias - Thèmes / menus / widgets / extensions

8 Espace d'administration Deux accès possibles Depuis une page de votre site web, cliquer sur connexion Depuis la barre d'adresse taper monsite.civam.fr/admin

9 FRONT OFFICE BACK OFFICE Vue publique Vue d'administrateur

10

11 Présentation de l'outil Génération du contenu dans wordpress Articles / Pages Les articles apportent des informations dont l'intérêt disparaît au cours du temps. Les pages permettent de structurer l'ensemble du site et de naviguer.

12

13 Présentation de l'outil Gestionnaire des médias - Photos - Fichiers son - Fichiers PDF - Vidéos Max autour de 250 KB Max autour de 20 MB Disposer des droits sur les médias utilisés.

14 Gestion des images Pour un meilleur référencement de votre site - Donner à vos images un nom explicite avant de les télécharger : avec des mots clefs relatifs à l'article ou la page publiée, sans accent et sans caractère spécial - Ajouter un titre alternatif, dans wordpress : explicite et détaillé relatif à l'article ou la page publiée - La taille de l'image doit être au maximum de 1400 px de largeur (modifiable dans wordpress si l'image n'est pas déjà trop grande)

15 Gestion des images

16 Présentation de l'outil Thème Permet de gérer l'apparence, le fonctionnement et l'ergonomie d'un site. Modifiable sans changer le contenu et sans toucher au code. Personnalisable.

17 Personnaliser (dépend du thème choisi) Titre du site et description Couleur d'arrière-plan ou Image d'arrière-plan Image d'en-tête Navigation (Menu à créer) Widget (gadget)

18 Présentation de l'outil Menu Deux façons d'y accéder : Via Apparence / Personnaliser Ou Apparence / Menus - Gérer les emplacements - Réglages du menu - Contenu du menu

19 Présentation de l'outil Widget Deux façons d'y accéder (comme pour le «Menu») : Via Apparence / Personnaliser Ou Apparence / Menus Petits modules liés à des fonctionnalités Que l'on choisit d'intégrer ou non à son site Avec des emplacements fonction des thèmes

20 Présentation de l'outil Extensions - Programmes autres développés par des gens de la communauté WP - S'ajoutent avec une entrée dans le menu de gauche, ou dans le menu Réglages, quand «activé» - Ex : Formulaires, Tablepress, Tiny MCE, 404 to start