• Aucun résultat trouvé

C02 : Créer un blog ou un site web attractif

N/A
N/A
Protected

Academic year: 2022

Partager "C02 : Créer un blog ou un site web attractif"

Copied!
42
0
0

Texte intégral

(1)

C02 : Créer un blog ou un site web attractif

16h40 – 17h40 : Ateliers – créneau C

(2)

Exemple

de site réalisé av

ec Wordpress Exemple

de site r

éalisé av

ec Wordpress

(3)

Créer un blog ou un site web attractif

Éditeur web Connaissance en langage web

(4)

Les éditeurs web privée

(5)

Éditeurs web de l’académie de Bordeaux

(6)

É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/

(7)

Application « Sites web » de l’ENT Lycée connecté

(8)

Éditeurs web de l’académie de Bordeaux

(9)
(10)

É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/

(11)

Éditeurs web de l’académie de Bordeaux

(12)

É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

(13)

É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]

(14)

É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 ?

(15)

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”

_

(16)

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”

(17)

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

(18)

Utilisation de Wordpress sur blogpeda...

(19)

Utilisation de Wordpress sur blogpeda...

(20)

Utilisation de Wordpress sur blogpeda...

(21)

Utilisation de Wordpress sur blogpeda...

https://fr.wordpress.org/support/article/wordpress-editor/

(22)

Utilisation de Wordpress sur blogpeda...

(23)

Installation de pluging : menu puis « Extensions »

Installation de pluging : menu puis « Extensions »

(24)

Utilisation de Wordpress sur blogpeda...

(25)

Pour quoi l’hébergement Web ?

CMS

système de gestion de contenu

(26)

Comment fonctionne l’hébergement Web ?

(27)

Exemple : installation de Wordpress sur free.fr

https://subscribe.free.fr/accesgratuit/index.html

(28)

Exemple : installation de Wordpress sur free.fr

Choix de l’adresse du site

reception par voie postale, des informations de

(29)

Exemple : installation de Wordpress sur free.fr

(30)

Exemple d’installation de Wordpress sur free.fr

Vérifiez si vous pouvez accéder à votre base de donnée MySQL

(31)

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

(32)

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.

(33)

Exemple : installation de Wordpress sur free.fr

(34)

Exemple : installation de Wordpress sur free.fr

Ouvrir un navigateur internet et saisir l’adresse :

http://________.free.fr

(identifiant)

(35)
(36)

Exemple : installation de Wordpress sur free.fr

(37)

Exemple : installation de Wordpress sur free.fr

Définir un nouvel identifiant et mot passe Administrateur du site

(38)

Exemple : installation de Wordpress sur free.fr

(39)

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

(40)

Exemple : installation de Wordpress sur free.fr

(41)

Exemple : installation de Wordpress sur free.fr

(42)

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

Références

Documents relatifs

Pour avoir une vision globale de tous les commentaires publiés sur le blog ainsi que pour les modérer (mettre en ou hors ligne, supprimer, répondre...), allez sur la page

Et bien pour plusieurs raisons. Tout d’abord, effectivement cela peut sembler un peu triste, un site qui ne change pas. Mais en y réfléchissant, il existe plein de cas d’usage. Le

Cette plateforme permet à chaque enseignant de l'académie de Normandie de créer simplement un blog. Un tutoriel pour vous guider pas à pas dans la création et la gestion

Tu pourras éventuellement choisir une typographie supplémentaire que tu utiliseras pour tes visuels, mais qui devras concorder avec celle que tu auras choisis pour ton logo.

La formation «créer son site sous wordpress» a été conçue pour répondre un objectif bien précis : permettre à toute personne qui n'a aucune connaissance ni compétence

Développement de la logique de l’application côté serveur (modèle) Développement des vues et du contrôleur côté serveur ; possible annotation sémantique dans les vues.

Indice d’achat (Nombre de clients achetant un produit du rayon) / (nombre de clients entrant dans le magasin). Il exprime le degré d’appel

Le document compare les séquences du 118 ème au 138 ème acide aminé des différentes molécules. Chaque lettre correspond à un acide aminé. Les tirets - représentent les acides