APA 

:
Sous le thème :
Création d’un site web

Réalisée par : ASSAID Zakaria

ELASRI Amine
NAIM Salma

Encadrée par : Mme NAJIB Khadija

Année Universitaire : 2022 – 2023

[Tapez ici] [Tapez ici] [Tapez ici]

Sommaire :

2
[Tapez ici] [Tapez ici] [Tapez ici]

Avant- Propos

Le BTS au Maroc est un diplôme qui a été créé en 1992 par le Ministère de
l’Éducation Nationale dans l’objectif d’améliorer l’adéquation formation-
emploi et de répondre aux besoins des entreprises en ressources
humaines opérationnelles dans les secteurs de l’industrie, du commerce
et des services. Ce diplôme connaît un franc succès aussi bien auprès des
jeunes bacheliers qu’auprès des employeurs. La formation prépare des
techniciens supérieurs et des cadres moyens dans différentes spécialités,
dotés de compétences professionnelles avec une dimension scientifique
qui leur permet d’évoluer et de s’adapter aux changements.

3
[Tapez ici] [Tapez ici] [Tapez ici]

Remerciement

Nous tenons à remercier toutes les personnes qui ont contribué au succès

de notre APA et qui nous ont aidés lors de la rédaction de ce projet. Nous
voudrons dans un premier temps remercier, notre encadrante Mme NAJIB
Khadija, professeur de gestion administrative au lycée Qualifiant
Technique Anoual pour sa patience, sa disponibilité et surtout ses
judicieux conseils, qui ont contribué à alimenter notre réflexion. Nous
remercions également Monsieur JALAL Khalid, directeur de notre centre
BTS, et Monsieur HAJ Abdellah, directeur de lycée Qualifiant Technique
Anoual, ainsi que toute l’équipe pédagogique et les intervenants
professionnels responsables, pour avoir compléter la partie pratique.

4
[Tapez ici] [Tapez ici] [Tapez ici]

Introduction :

Dans le cadre de ce rapport, nous allons explorer les différentes étapes de la création
d'un site web pour notre lycée ANOUAL. La création d'un site web pour notre centre
BTS est devenue un enjeu majeur pour assurer la communication efficace avec les
élèves, les parents et les enseignants. En effet, un site web bien conçu peut être un
outil précieux pour partager les informations importantes concernant l'emploi du
temps, les activités extrascolaires, les résultats scolaires et bien plus encore.

Dans ce rapport, nous allons aborder les éléments clés à prendre en compte pour
garantir le succès du projet de création d'un site web pour notre centre nous allons
notamment nous intéresser aux aspects suivants :

 Les objectifs et les besoins du site web pour le centre :

 Le choix de la plateforme de développement adaptée aux besoins de
l'établissement.
 La conception du design et de l'interface utilisateur adaptés aux différents
publics (étudiants ; parents, enseignants).
 L'optimisation pour les moteurs de recherche (SEO) pour garantir une bonne
visibilité en ligne.
 L'intégration de fonctionnalités spécifiques (ex : calendrier des événements,
inscriptions en ligne, etc.).
 La sécurité du site web pour protéger les données personnelles des utilisateurs.

Nous espérons que ce rapport vous fournira des informations utiles pour vous aider à
créer un site web efficace pour votre lycée, qui répondra aux besoins de tous les
utilisateurs et contribuera à renforcer la communication entre l'établissement scolaire
et la communauté éducative.

5
[Tapez ici] [Tapez ici] [Tapez ici]

Site Web

C’est quoi un site web ?

Un site web est un ensemble de pages électroniques interconnectées

accessibles via un navigateur web à partir d'une adresse internet unique. Un
site web peut contenir divers types de contenus tels que du texte, des images,
des vidéos, des liens, des formulaires interactifs, des animations et des fichiers
téléchargeables. Les sites web peuvent être utilisés à diverses fins, notamment
pour informer les visiteurs sur un produit ou un service, pour fournir des
nouvelles et des informations, pour vendre des produits ou services en ligne,
pour éduquer ou pour divertir. Les sites web peuvent être créés pour une
utilisation personnelle ou commerciale et peuvent être hébergés sur des
serveurs locaux ou distants accessibles via Internet.

Pourquoi le site web est important ?

Le site web est important pour notre centre BTS pour plusieurs raisons :

Visibilité : Le site web permet à votre centre BTS d'être visible en ligne et
d'atteindre un public plus large. Cela peut aider à attirer de nouveaux
étudiants et à augmenter la notoriété de votre centre.

6
[Tapez ici] [Tapez ici] [Tapez ici]

Informations : Le site web peut fournir des informations sur les

programmes, les cours, les horaires, les tarifs et les conditions
d'admission de votre centre BTS. Les étudiants potentiels peuvent ainsi
avoir une idée précise de ce que votre centre offre avant de postuler.

Communication : Le site web peut également servir de moyen de

communication avec les étudiants actuels et les anciens étudiants. Vous
pouvez y publier des annonces, des événements à venir, des nouvelles
importantes ou des informations sur les résultats des examens.

Image de marque : Le site web peut aider à renforcer l'image de marque

de votre centre BTS. Si votre site est bien conçu, facile à naviguer et
contient des informations utiles, les étudiants potentiels seront plus
susceptibles de considérer votre centre comme professionnel et sérieux.

Accessibilité : Le site web peut offrir une accessibilité 24 heures sur 24 et

7 jours sur 7 à votre centre BTS, ce qui permet aux étudiants potentiels
de consulter les informations à tout moment, de n'importe où et depuis
n'importe quel appareil.

En résumé, le site web est un outil essentiel pour promouvoir et faire

connaître notre centre BTS, attirer de nouveaux étudiants, communiquer
avec les étudiants actuels et renforcer votre image de marque.

7
[Tapez ici] [Tapez ici] [Tapez ici]

8
[Tapez ici] [Tapez ici] [Tapez ici]

Objectifs :
1. L’achat de l’hébergement et le domaine :

Pour acheter un hébergement et un nom de domaine pour notre site web de centre
BTS au de lycée Qualifiant Technique Anoual, nous avons suivre les étapes suivantes :
 Choisissez un fournisseur d'hébergement web et de noms de domaine : Il existe
de nombreux fournisseurs d'hébergement web et de noms de domaine
disponibles. Vous pouvez rechercher en ligne pour trouver celui qui convient le
mieux à vos besoins et à votre budget.

Namecheap est un choix populaire pour

l'hébergement en raison de ses prix abordables, de
ses fonctionnalités conviviales et de son service
clientèle réactif. Ils offrent également des
fonctionnalités de sécurité supplémentaires, telles
que la protection contre les attaques DDoS, ainsi que
des outils pour faciliter la gestion de votre site Web.

 Sélectionnez un nom de domaine : Une fois que vous avez trouvé un

fournisseur, vous devrez sélectionner un nom de domaine pour votre site web.
Assurez-vous de choisir un nom de domaine qui est facile à retenir et qui décrit
bien votre entreprise ou votre site web.

GoDaddy est un choix courant pour les

noms de domaine en raison de sa
grande notoriété, de son vaste choix de
noms de domaine et de son service
clientèle réactif. Ils offrent également
des services complémentaires tels que
l'hébergement, les outils de création de
site Web, le marketing en ligne et les
outils de sécurité.

9
[Tapez ici] [Tapez ici] [Tapez ici]

 Ajoutez les options supplémentaires : Vous pouvez ajouter des options

supplémentaires telles que des certificats SSL, des adresses e-mail
personnalisées, des sauvegardes automatiques, etc. Assurez-vous de vérifier les
coûts supplémentaires associés à ces options.

SSL (Secure Sockets Layer) est un protocole

de sécurité de communication sur Internet
qui permet de garantir la confidentialité,
l'intégrité et l'authenticité des données
échangées entre un serveur web et un
client. SSL a été remplacé par le protocole
TLS (Transport Layer Security), mais le terme
SSL est encore utilisé pour désigner les
certificats SSL/TLS qui sont utilisés pour
sécuriser les sites web.

 Passez à la caisse : Une fois que vous avez sélectionné toutes les options et que
vous êtes prêt à acheter, passez à la caisse et suivez les instructions pour saisir
vos informations de paiement et finaliser votre achat.

10
[Tapez ici] [Tapez ici] [Tapez ici]

2. La création du site : le choix du CMS :

 WordPress : c'est un CMS open source qui est facile à installer et à utiliser. Il est
principalement utilisé pour créer des blogs, des sites web d'entreprise et des
sites de commerce électronique. WordPress est très personnalisable grâce à
son vaste choix de thèmes et de plugins gratuits et payants. Il est également
optimisé pour le référencement naturel (SEO) et peut être facilement intégré
avec les réseaux sociaux.
 Joomla : c'est un CMS open source qui est plus complexe à utiliser que
WordPress, mais il est également plus puissant en termes de fonctionnalités
avancées. Il est principalement utilisé pour créer des sites web d'entreprise, des
sites de commerce électronique et des sites communautaires. Joomla offre des
fonctionnalités avancées telles que la gestion des utilisateurs, la gestion de
contenu multilingue et la création de forums.
 Blogger : c'est un service de blogging gratuit appartenant à Google. Il est facile
à utiliser et ne nécessite pas de connaissances techniques pour créer un blog.

11
[Tapez ici] [Tapez ici] [Tapez ici]

Cependant, il est moins personnalisable que WordPress et n'a pas autant de

fonctionnalités avancées. Il est principalement utilisé pour créer des blogs
personnels.

Compte tenu du temps qui nous était imparti, nous avons préféré de choisir
WordPress après nous être assurés qu'il ne posait pas de problèmes concernant les
évolutions du site (le système de gestion de l'espace privé et le paiement
électronique). En plus de ça il y’a plusieurs des raisons les plus importantes pour
lesquelles WordPress est souvent considéré comme l'un des systèmes de gestion de
contenu les plus populaires et les plus performants sont :

1. Accessibilité : WordPress est facile à installer et à utiliser pour les débutants,

même s'ils n'ont aucune expérience préalable en matière de développement
web.
2. Flexibilité : WordPress est très flexible, ce qui signifie qu'il peut être utilisé pour
une grande variété de sites web, allant des blogs personnels aux sites de
commerce électronique.
3. Thèmes et plugins : WordPress dispose d'une vaste bibliothèque de thèmes et
de plugins gratuits et payants, permettant aux utilisateurs de personnaliser leur
site web de manière avancée sans avoir besoin de compétences en
développement web.
4. Support communautaire : WordPress dispose d'une grande communauté de
développeurs et d'utilisateurs qui peuvent offrir un soutien technique et une
assistance en cas de besoin.

12
[Tapez ici] [Tapez ici] [Tapez ici]

5. SEO : WordPress est optimisé pour le référencement naturel (SEO), ce qui

signifie que les sites WordPress ont tendance à avoir un meilleur classement
dans les résultats des moteurs de recherche.
6. Sécurité : WordPress dispose de nombreux plugins de sécurité et est
régulièrement mis à jour pour garantir la sécurité du site web.

L’installation de WordPress a tout d’abord été faite sur un serveur local.

Avant d’installer WordPress et de le paramétrer, il a fallu mettre en place un serveur Web et

créer une base de données. Pour cela, Wampserver a été téléchargé et installé. Le serveur
utilisé est Apache et la base de données est une base de données MySQL.

Il s’agit tout d’abord de créer une base de données qui va contenir le nom de l’administrateur
qui aura accès au site et pourra le modifier comme il le veut.

13
[Tapez ici] [Tapez ici] [Tapez ici]

14
[Tapez ici] [Tapez ici] [Tapez ici]

Une première version du site :

15
[Tapez ici] [Tapez ici] [Tapez ici]

La version actuelle du site :

16
[Tapez ici] [Tapez ici] [Tapez ici]

Une affaire de couleurs:

17
[Tapez ici] [Tapez ici] [Tapez ici]

Annexe A : Tableau de bord

Ceci est la page d’accueil de WordPress une fois connecté en
administrateur. C’est ici que l’on va gérer tout notre site.

18
[Tapez ici] [Tapez ici] [Tapez ici]

Annexe B : Apparence
L’onglet apparence (voir photo ci-dessous) permet de gérer plusieurs choses :
- Les thèmes pour l’apparence du site
- Widgets qui est la barre verticale

- Menus là où l’on affiche généralement les pages

19
[Tapez ici] [Tapez ici] [Tapez ici]

Annexe C : Extensions

L’extension permet de télécharger les plugins que l’on va utiliser pour

notre site et les installe automatiquement. (Voir photo ci-dessous) :

20
[Tapez ici] [Tapez ici] [Tapez ici]

Annexe D : Pages

Les pages ci-dessus on servit à faire le menu et les sous-menus ou encore

même une page avec accès restreint.

21