Créer un site web, pour quoi faire ?

Au programme
• Un site internet, qu’est-ce que ça implique ?
• Site internet ou réseau social ?
• Découvrir et s’approprier les notions de base de l’univers du
web
• Identifier son projet, pour qui, pour quoi, pour quand ? sous
quelle forme ?
• Identifier ses besoins : blog, public ou privé, e-commerce,
agenda, multilingue..
• Découvrir, comprendre et choisir la solution adaptée
1. Un site internet, qu’est-ce
que ça implique ?
Pour le porteur de projet
Les ingrédients de base pour se lancer
dans un projet de création de site :
• du temps à y consacrer
• une maîtrise minimum des outils
informatiques
• une bonne compréhension du système
Internet et de son fonctionnement
• savoir partager, déléguer, prendre conseil
Des compétences multiples
La création et gestion d’un site internet
nécessite des compétences multiples :
• conception du site : arborescence et structure
• création d’une identité graphique
• rédaction de contenus
• création de visuels (photo, vidéo, infographie)
• maintenance technique : gestion des mises à
jour
• utilisation d’un cms
2.0 Site internet ou réseau
social ?

Prendre le temps de :
• Définir son projet
• Projeter son projet dans le temps
• Identifier les grandes étapes
• Identifier sa cible, ses objectifs
• Etudier les solutions disponibles
• Choisir la solution la plus adaptée
2.1 Le site internet
Avantages : Inconvénients :
• Solution propriétaire pérenne et évolutive • Réalisation : temps et conception
• Autonomie et indépendance • Visibilité : référencement
• Crédibilité de l’entreprise et réputation • Coût : hébergement, nom de domaine
• Centralisation des demandes et des • Maintenance technique : mises à jour et sécurité
recherches web
• Protection des données et propriété
intellectuelle
2.2 Le site internet
Quel type de site internet ?
• Site vitrine
• Blog
• E-commerce
• Multilingue
Quelle solution technique ?
• Solution hébergée gratuite, freemium (Wix,
WordPress..)
• Solution hébergée payante (Solocale..)
• Site propriétaire (achat d’un hébergement et
d’un nom de domaine)
2.3Le réseau social
Avantages : Inconvénients :
• Gratuité • Dépendance aux caprices de l’algorithme
• Facilité et rapidité de création de compte • Changements fréquents des règles de
fonctionnement
• Simplicité d’utilisation
• Pas de maintenance technique • Solution précaire, non pérenne
• Limité en terme de possibilité : se limite
• Publication direct d’articles sans conception de projet
aux fonctionnalités d’un blog
• Nécessité d’alimenter très régulièrement
son compte
• Nécessité de créer une communauté
• Utilisation des données opaque
2.4 Le réseau social
Spécificités des réseaux sociaux
• Facebook : actualité locale, évènements, groupes
• Instagram : partage de savoirs, art, portfolio,
influenceurs, cible BtoC
• Pinterest : inspiration, objets déco, vêtements,
œuvre d’art…
• LinkedIn : réseau professionnel, milieu de
l’entreprise, recherche d’emploi, cible BtoB
• Twitter alias X : actualité, buzz, opinion
• TikTok : vidéos très courtes, zapping
Typologie d’utilisateurs
• Plus de 35 ans, Génération X Boomers :
Facebook, LinkedIn
• Moins de 35 ans, Generation Y :
Instagram, Twitter, Twitch
• Moins de 24 ans, Génération Z :
Snapchat, TikTok
• Ensemble des générations : YouTube,

• Youtube : chaînes vidéo, web séries, influenceurs Pinterest

3.0 Découvrir et
s’approprier les notions
de base du web
• Serveurs web
• Hébergements et hébergeurs
• Nom de domaine
• Adresse IP
• Url et protocole https
• Navigateurs et moteurs de recherche
• Affichage des pages : interprétation du code
• Combinaison de codes html, CSS, PHP, Javascript, Ajax
3.1 Serveur web
• Ordinateur avec des logiciels, un système d’exploitation, une mémoire,
un espace de stockage, un processeur
• Accessible à distance via Internet 24h/24 et 7j/7
• Datacenter : regroupement de plusieurs serveurs
3.2 Hébergement &
hébergeur

Hébergement web :
espace serveur qui permet
de stocker l’ensemble des
fichiers d’un site web
Un hébergeur est celui
qui loue cet espace serveur
3.3 Nom de domaine &
adresse IP
• Nom de domaine : NDD ou DN en anglais
• Un « masque » sur une adresse IP. (109.234.162.47 : maimai.studio)
• Retenir et communiquer facilement l'adresse d’un site web
• 2 grandes familles d’extensions :
- régionales (.fr, .ca, .bzh…)
- génériques (.com, .studio, .me, .art…)
3.5 URL

• Uniform Resource Locator

• Adresse virtuelle sur le web à l’instar de l’adresse postale d’un lieu réel.
• Le protocole « http » HyperText Transfer Protocol se sécurise : « https »
• L’extension du nom de domaine identifie le pays ou le type de site :
.fr, .com, .org, .gouv.fr…
• L’URL va permettre aux robots de repérer les pages et de les indexer.
3.6 Le navigateur
Pour naviguer sur le Word Wide Web et consulter les pages web disponibles
3.7 Interface du navigateur

L’interface graphique
est composée
d’éléments communs
à tous les navigateurs
3.8 Le navigateur interprète
Le navigateur traduit en textes et en images
les pages web codées en HTML, CSS, PHP, javascript
4. Identifier son projet et ses
objectifs

• pour qui
• pour quoi
• pour quand
• sous quelle forme ?
5. Identifier ses besoins
fonctionnels
• Réseau social, blog, site vitrine ou
e-commerce
• Multilingue
• public ou privé
• Solution hébergée ou propriétaire
• Quelles fonctionnalités : agenda,
paiement en ligne, module de
dons, publication par mail,
publication automatique sur les
réseaux…
6. Choisir la solution adaptée

Découvrir, comprendre et choisir…

I. Je crée mon compte gratuit
sur WordPress.com

https://wordpress.com/fr/
II. Je choisis mon nom de
domaine sur WordPress.com
III. Je choisis ma formule sur
WordPress.com
IV. Je choisis le design de
mon site WordPress
V. Le back office WP
Zone 3 : Interface principale

Zone 1 : Liste des sites

Zone 2 : Espace Compte

Zone 4 : Bibliothèque des médias

Zone 7 : Modification d’une page ou d’un article

Zone 5 : Personnalisation du thème

Zone 6 : Gestion des menus
VI Zone 1 Liste des sites
VI Zone 2 Espace Compte
VI Zone 3 Interface principale
Menu de l’interface principale

Les rubriques les plus utilisés

VI Zone 4 Médias
VI Zone 5 Personnaliser le thème
VI Zone 6 Gestion des menus
VI Zone 7 Modification d’une page
ou d’un article