Formation Webmaster : Joomla

Club Dveloppement Personnel Abdelaziz AKHARRAZ

[FORMATION WEBMASTER : JOOMLA]

La formation web master a pour objectif de : Matriser joomla pour crer des sites web et apprendre comment faire la mise en ligne et la mise jour. Dautre part, participer la cration dun site web pour le club DP.

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

RAPPORT / PARTIE 1
I. INTRODUCTION : FONCTIONNEMENT DE WEB

Figure 1 : fonctionnement de web

Cration de la page : utilisation du langage html et css (site web statique). Aussi, php, asp , java script , jsp etc ( site web dynamique). Serveur Web : En tant que logiciel, un serveur Web qui est le responsable de la communication employ par le World Wide Web (exemple : Wampserver). En tant que matriel, un serveur Web est un ordinateur comme un autre. Il est reli un rseau informatique et fait fonctionner un logiciel serveur. Navigateur : est un logiciel conu pour consulter le World Wide Web. Techniquement, Il est le traducteur du code html une mise en page.

La cration des sites web ncessite une connaissance profonde en langages de dveloppement web. Mais grce aux logiciels et aux gnrateurs de code html, la cration des sites devient trs simple et elle ncessite aucune connaissance en langages de dveloppement. Joomla est lune des technologies dveloppe pour facilite la cration et dveloppement de site web. Il sagit bien dun systme de gestion de contenue (CMS) qui nous offre un trs grand ensemble des modules et des extensions qui sont en ligne pour lutilisation et lexploitation publique.

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 1

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

II. 1.

INSTALATION ET CONFIGURATION JOOMLA 3.0 INSTALLATION WAMPSERVER

site de tlchargement : http://www.wampserver.com

NB :-Il y a deux versions de Wampserver. Une qui est compatible avec les machines qui ont un microprocesseur 32-bit (dans ce cas il faut tlcharger Wampserver 2.2 32-bit). Lautre est compatible avec les machines qui ont un microprocesseur 64-bit (dans ce cas il faut tlcharger Wampserver 2.2 64-bit).

Dmarrer Wampserver :

Le dmarrage de Wampserver se fait automatiquement aprs linstallation. Il faut bien v rifier que le serveur est en ligne (icone est en vert / jaune). (Voir figure 2)

Figure 2 : Dmarrage Wampserver

Pour ces qui ont des problmes avec le dmarrage de Wampserver : Wampserver ne peut pas se dmarrer lorsque le port 80 est utilis par un autre logiciel (Skype par exemple). Dans ce cas, il faut dsinstaller lancien logiciel (Skype) ou modifier son port. Si vous narrivez pas rsoudre ce type de problme contactez-moi !

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 2

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

2.

INSTALLATION JOOMLA

Tlcharger la dernire version Joomla (actuellement, Joomla 3.0.3) : http://www.joomla.org

Prparation des fichiers :

Aprs avoir tlcharg Joomla (package zipp : joomla_3.0.2.zip), Il nous faut que de crer un dossier cdp dans le dossier racine de Wampserver. Le dossier racine de Wampserver est : C:/wamp/www Puis, dplacer le package Joomla dans le dossier cre et lextraire. (Voir Figure 3)

Figure 3 : Prparation fichiers Joomla

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 3

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

3.

CREATION DE LA BASE DE DONNEES

Dmarrer phpMyAdmin :

Figure 4

Cration dune base de donne pour le site quon va construire par Joomla. (Voir Figure 5)

Figure 5 Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com Page 4

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

Le nom de la base de donne : cdp (Voir figure 6)

Figure 6

4.

CONFIGURATION DE JOOMLA

Lancer la configuration :

La configuration de Joomla se fait via un navigateur web (Google chrome / Mozilla). Pour lancer la configuration, tapez : localhost ou localhost/cdp dans le navigateur. (Voir figure 7)

Figure 7 : Lancer la configuration

Etape 1 : Configuration

Nom de site : Cest le nom de site que vous allez construire. (champ obligatoire) Description : Petite description de site (champ optionnel) E-mail : saisir votre e-mail. Dans le cas o le site est en ligne, il faut bien saisir un e-mail valide : cest le-mail utilis pour la communication entre vous et le site. (champ obligatoire) Identifiant/mot de passe : pour sauthentifier au site (champ obligatoire) Une fois que vous avez remplir tous les champs obligatoires cliquer suivant pour continue la configuration. (Voir Figure 8)

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 5

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

Figure 8 : Etape 1

Etape 2 : Base de donnes

Type de la base de donnes : La base de donnes cre et de type MySQL (phpMyAdmin), donc choisissez MySQL . (champ obligatoire) Nom de serveur : ladresse IP de la machine dans laquelle on a cr notre base de donnes. Or, on la base est dans la mme machine, on va saisir 127.0.0.1 ou localhost. (champ obligatoire) Nom dutilisateur : cest le nom dutilisateur de la base de donnes cr. Par dfaut, cest root. (champ obligatoire) Mot de passe : cest le mot de passe de la base de donnes cre. par dfaut, cest vide Nom de la base de donnes : cest le nom de la base de donnes cre. dans notre cas, cest cdp . Cliquez suivant pour continue la configuration. (Voir la figure 9)

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 6

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

Figure 9 : Etape 2

Etape 3 : Vus ensemble

Choisir le type de site : (voir figure 10)

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 7

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

Figure 10 : Etape 3

Etape 4 : Fin dinstallation

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 8

Formation Webmaster : Joomla

[FORMATION WEBMASTER : JOOMLA]

III.

CONCLUSION

Le site maintenant est prt visualiser. Il ne reste quaccder ladministration de notre site pour grer les articles, les menus, les modules, les Template A savoir en sances prochaines InchaAllah.

Si vous avez des questions nhsitez pas me contacter via FB ou le-mail : pro.akharraz@gmail.com

Abdelaziz AKHARRAZ / E-mail : pro.akharraz@gmail.com

Page 9