CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

Petit lexique pour la création de site web

1. Un site web : Comment ça marche et pour quoi faire ?

1-1/ Les objectifs du site web. Généralement un site web doit répondre aux objectifs suivants :• améliorer la notoriété ?• augmenter le chiffre d'affaires (c'est-à-dire trouver de nouveaux clients sur internet) ?• se lancer dans le e-commerce ?• améliorer la satisfaction client et l'expérience client en répondant aux nouvelles attentes ?• acquérir de nouveaux prospects ?• réduire le coût d'acquisition client ?• automatiser et personnaliser la relation client.

1-2/ le site statique C’est un site VITRINE. Comme une vitrine de magasin, les promeneurs passent devant mais ne rentre pas dans le site pour y interagir. Ils se contentent de regarder de l’extérieur.

Pour ce genre de site il faut héberger ses fichiers quelque part pour être relié à un nom de domaine. (il faut un hébergeur et un nom de domaine).

Il convient aux entreprises qui souhaitent être présentes sur le web sans besoins particuliers d’interaction avec les visiteurs. Il est peu couteux et facile à entretenir. Il doit être Responsive afin de s’adapter à tout type de support (PC, tablette, smartphone), moderne et actuel afin de présenter l’activité de l’entreprise ou son image de manière efficace.Exemple de site vitrine : https://latelier-papilles.com

1-3/ Le site dynamique Un site dynamique fait appel à un langage dynamique comme « php » et peut stocker des données dans une base de données comme « mysql ».

Aujourd’hui, la plupart des sites sont dynamiques car ils permettent de récupérer des informations en fonction des utilisateurs, d’enregistrer les données d’un formulaire, d’afficher des pages différentes en fonction des interactions des utilisateurs. Le site dynamique peut répondre aux objectifs du 1-1.Exemple de site dynamique : https://boulangerieweil.fr

�1

Séance 5/ La communication digitale Chapitre 7 : Communiquer dans les médias sociaux

- Création d’un site web à partir d’un CMS (wordpress) - Création de newsletter - Utilisation des applications mobiles

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

2/ Entrepreneur : Comment faire pour avoir son site web ?

Tout d’abord, il faut se poser plusieurs questions ?Réalisation en interne (je sais faire ou quelqu’un de mon équipe sait faire ?)Faire appel à un prestataire. Lequel ? Pour quelles prestations ?Quel est mon budget ?…

La création d’un site web ne s’improvise pas. Ce n’est pas parce qu’on est « doué » en informatique qu’on a les compétence pour faire un bon site web ! en effet, un site web performant et de qualité est un site :➡ Dont le design correspond à l’image qu’on veut donner de l’entreprise et qui soit facile à utiliser (C’est le

métier de webdesigner). ➡ Qui est toujours disponible et donc qui a le moins de chances d’avoir des bugs (c’est le métier de

Codeur)➡ Que les internautes trouvent facilement et donc bien référencé (c’est le métier de référenceur). Un

vendeur de glaces au milieu du désert à le bon produit. Il fera fortune, sauf si personne ne le trouve. Sur internet, cela correspond au référencement.

➡ Qui soit mis à jour (c’est le rôle de leu webmaster).

Donc, à moins de cumuler ces différents métiers, l’entrepreneur devra faire appel à un prestataire qui réalisera, pour et avec l’entreprise, un site web à son image de A à Z.

Budget pour un site web complet réalisé par une agence web sérieuse pour la première année d’utilisation:

3. Je réaliser mon premier site web avec un CMS Wordpress Une solution moins onéreuse pour la PME est de créer soit même un site web dynamique et évolutif grâce à un CMS. Attention, il faut tout de même quelques bonnes notions d’informatique et comprendre le fonctionnement d’un site dynamique. Il y a énormément de ressources sur le web (exemple : https://wpmarmite.com)

3-1/ Un CMS…qu’est-ce que c’est ?

CMS est l’acronyme de Content Management System, soit, en français, « Système de Gestion de Contenu». Il s'agit d'un programme informatique utilisant une base de données et permettant de gérer de A et Z l'apparence et le contenu d'un site web. Wordpress est le plus utilisé des CMS au monde (https://fr.wordpress.com). Nous utiliserons ce CMS pour créer notre premier site web dynamique.

Site web Vitrine Dynamique Dynamique + E-commerce complet

Tarifs 500 € à 8 000 € 3 000 € à 10 000 € 10 000 € à 100 000 €

Contrat d’entretien annuel

500 € 1 000 € à 3 000 € Min 5000 €

Prestations 5 à 10 pages pour présenter l’entreprise + mises à jour à la demande

5 à 15 pages avec des éléments dynamiques + mises à jour à la demande

+ de 200 pages + Espace membres + Divers module e-commerce

Total 1 000 € 4 000 € 15 000 €

�2

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

Le CMS permet de générer le code qui fera fonctionner le site mais il ne permet pas de donner l’enveloppe (le design) du site. Pour cela il faut lui attribuer un thème. On en trouve des gratuits (freemium) et des payants (premiums) ici par exemple https://themeforest.net

3-2/ On commence…

Un site web ne se développe pas directement sur internet afin que les visiteurs ne puissent pas voir l’ensemble du long processus de construction d’un site. Une voiture ne sera mise sur le marché que lorsqu’elle sera terminée, peinte, pneus gonflés, qu’elle aura été vérifiée sous tous ses aspects, que tous les éléments de sécurité auront été testés…

Pour un site web il en est de même. Il se créé à l’abri des regards, se teste, se modifie…puis on communiquera sur son ouverture prochaine, et enfin on le mettra en ligne une fois qu’on sera sur de son fonctionnement.

On va donc créer notre site en LOCAL, c’est à dire sur notre ordinateur. Nous serons les seuls à pouvoir y accéder et à pourvoir le modifier. On réalise ce travail grâce à un logiciel qui va recréer facilement l'environnement et les éléments nécessaires au fonctionnement d'un site dynamique.

Site LOCAL = installation de Wordpress (le programme informatique) + un thème (son design) + un domaine (son nom) + un hébergeur avec une base de données (ce qui permet de faire « tourner » le site)

Pour cela nous allons télécharger un petit logiciel appelé…LOCAL

https://localwp.com/pro/

Attention : La majorité des ressources concernant la création de sites web sont en anglais.

1ère étape - Allez sur la page https://localwp.com/pro/ , téléchargez le logiciel puis installez le sur votre ordinateur.

Sur Mac, suivez le tuto vidéo (en français) ici : https://youtu.be/iS6JOYKbwhk (le tutoriel pour l’installation démarre à 2 minutes 20 environs).

Je n’ai pas trouvé le tuto vidéo sous Windows en français mais vous l’avez ici en anglais https://youtu.be/HLKEd7jCB-E. Une fois installé le logiciel sur votre PC vous pouvez suivre le tuto pour

Mac. L’interface est la même.

2ème étape - Quand vous avez terminé l’installation sur votre PC ou Mac, activez le logiciel et suivez les étapes page suivante :

�3

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�4

1 - Ajouter un site en cliquant sur +

2 - Donnez un nom à votre site et cliquez sur continue

3 - choisissez « Preferred et cliquez sur continue

0 - J’ai déjà créé un site MHDLOCAL, vous ne le verrez évidement pas sur votre interface.

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�5

4 - Entrez root 5 - Entrez root 6 - modifiez

7b- Votre site est créé

8 - Votre domaine est créé

7 cliquez

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�6

9 - Votre base de données est créée

10 - Cliquez sur view site pour voir le site

12 - Cliquez sur Admin pour ouvrir le panneau de configuration de votre site web sur Wordpress et entrez vos identifiants

11 - Votre navigateur web doit s’ouvrir et ouvrir votre site web

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�7

13 - Vous arrivez sur l’interface Wordpress

14 - Changez la langue

15 - Mettez en Français et sauvegardez

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�8

16 - Ensuite on va changer le thème (le design de votre site)

17 - On active Twenty Seventeen

15b - L’interface Wordpress est traduite en Français

CommunicationSéance 5 - Chapitre 7 �

J. MaingretBTS 1

�9

18 - On clique sur BTSGPME pour aller sur le site

19 - On vient de changer l’aspect de votre site web.