C02 : Créer un blog ou un site web attractif
16h40 – 17h40 : Ateliers – créneau C
Exemple
de site réalisé av
ec Wordpress Exemple
de site r
éalisé av
ec Wordpress
Créer un blog ou un site web attractif
Éditeur web Connaissance en langage web
Les éditeurs web privée
Éditeurs web de l’académie de Bordeaux
Éditeurs web de l’académie de Bordeaux
Les ENT (Environnement Numérique de Travail) : - L'ENT PREMIER DEGRÉ : ALIENOR
https://alienor.ac-bordeaux.fr/
- L'ENT COLLEGE
https://ent2d.ac-bordeaux.fr/argos/
- L'ENT LYCÉE
https://lyceeconnecte.fr/
Application « Sites web » de l’ENT Lycée connecté
Éditeurs web de l’académie de Bordeaux
Éditeurs web de l’académie de Bordeaux
Le portail d’hébergement de blogs pédagogiques de l’académie de Bordeaux :
https://blogpeda.ac-bordeaux.fr/
Éditeurs web de l’académie de Bordeaux
Éditeurs web de l’académie de Bordeaux
Email :
Vous pouvez maintenant créer votre blog sur la plateforme Blogpeda.
https://blogpeda.ac-bordeaux.fr/nvblog.php Email :
Vous pouvez maintenant créer votre blog sur la plateforme Blogpeda.
https://blogpeda.ac-bordeaux.fr/nvblog.php
Éditeurs web de l’académie de Bordeaux
Secrétariat ou responsable :
ce.[numéro RNE]@ac-bordeaux.fr
Exemple (secrétariat du lycée André Campa) : [email protected]
Éditeurs web de l’académie de Bordeaux
L’éditeur de l’académie de Bordeaux utilise le CMS :
Wordpress
Définition CMS Pourquoi un CMS
Inconvénients d'un CMS
Quel est le meilleur CMS ?
Utilisation de Wordpress sur blogpeda...
Personnalisation du design et de l’identité du site
menu
“Apparence” puis
“Thèmes”
_
Personnalisation du design et de l’identité du site
menu
“Apparence” puis
“Thèmes”
_
Utilisation de Wordpress sur blogpeda...
Personnalisation du design et de l’identité du site
menu
“Apparence” puis
“Personnaliser”
Personnalisation du design et de l’identité du site
menu
“Apparence” puis
“Personnaliser”
Ajouter un article ou une page : menu “Articles” puis “Ajouter”
_
Ajouter un article ou une page : menu “Articles” puis “Ajouter”
Éditeur av _ ec des blo cs de conten
us distinct s Éditeur av de conten ec des blo cs
us distinct s
Utilisation de Wordpress sur blogpeda...
Utilisation de Wordpress sur blogpeda...
Utilisation de Wordpress sur blogpeda...
Utilisation de Wordpress sur blogpeda...
https://fr.wordpress.org/support/article/wordpress-editor/
Utilisation de Wordpress sur blogpeda...
Installation de pluging : menu puis « Extensions »
Installation de pluging : menu puis « Extensions »
Utilisation de Wordpress sur blogpeda...
Pour quoi l’hébergement Web ?
CMS
système de gestion de contenu
Comment fonctionne l’hébergement Web ?
Exemple : installation de Wordpress sur free.fr
https://subscribe.free.fr/accesgratuit/index.html
Exemple : installation de Wordpress sur free.fr
Choix de l’adresse du site
reception par voie postale, des informations de
Exemple : installation de Wordpress sur free.fr
Exemple d’installation de Wordpress sur free.fr
Vérifiez si vous pouvez accéder à votre base de donnée MySQL
Exemple : installation de Wordpress sur free.fr
Installez le logiciel Filezilla sur votre ordinateur
https://filezilla-project.org/download.php?show_all=1
Téléchargez Wordpress
(version 5.4.1 – compatible avec free et avec fichier htaccess intégré) http://melec64.free.fr/wordpress/wordpress.zip
Décompressez le fichier wordpress.zip
Exemple : installation de Wordpress sur free.fr
Connexion au serveur ftp : ftpperso.free.fr
Et avec l’identifiant et le mot de passe reçu par courrier.
Exemple : installation de Wordpress sur free.fr
Exemple : installation de Wordpress sur free.fr
Ouvrir un navigateur internet et saisir l’adresse :
http://________.free.fr
(identifiant)
Exemple : installation de Wordpress sur free.fr
Exemple : installation de Wordpress sur free.fr
Définir un nouvel identifiant et mot passe Administrateur du site
Exemple : installation de Wordpress sur free.fr
Exemple : installation de Wordpress sur free.fr
Se connecter en utilisant l’adresse : http://________.free.fr/wp-login.php
(identifiant free)
L’identifiant Wordpress administrateur définit précédemment
Exemple : installation de Wordpress sur free.fr
Exemple : installation de Wordpress sur free.fr
blogpeda.ac-bordeaux.fr VS ____.free.fr
Espace disque
200 Mo d’espace autorisés,
avec possibilité de faire une demande d’espace supplémentaire
Apparence : 20 thèmes
Fonctionnalités : 18 extensions Conclusion :
- Utilisation limitée - Site sécurité
- Pas d’accès au serveur FTP, mais possibilité d’utiliser l’hébergement multimédia sur Médiacad
Espace disque
10 Go d’espace autorisés Apparence : 9 134 thèmes
Fonctionnalités : 59 906 extensions Conclusion :
- Possibilité de modifier le code source - Toutes les solutions sont réalisable - Accès au serveur FTP
- Site non sécurisé et si problème technique, le site peut planter
- Ne pas mettre à jour Wordpress, sinon le site peut planter