RAPPORT SUR LA CREATION DE LA
PAGE WEB
PME :
NOM des participants :
• NGALLY Willy
• NKOU Pascal
• BEDJEME Gabriel
• NGANOMO Prisca
Sous ordre de Mr :
WOUANSI
AU PROGRAMME :
INTRODUCTION
I. ANALYSE FOCTIONNELLE
1.presentation de la page
caprices fashion
2. objectif de la page
3. explication simplifier du code
II. ETUDE TECHNIQUE
1. Environnement de développement
2. Structure technique du site
3. Hébergement et accessibilité
CONCLUSION
INTRODUCTION
Dans le cadre de notre démarche de digitalisation,
nous avons conçus une page web dédié a la
promotion de la PME CAPRICES FASHION,
spécialisée dans la mode, cette initiative a pour
objectif de renforcer la présence numérique de
l’entreprise et d’élargir sa visibilité auprès d’un
public plus large. Le développement de la page a
été réaliser à l’aide du logiciel VISUAL STUDIO CODE ,
en utilisant les langages standards du web.
I. ANALYSE FOCTIONNELLE
1.Presentation de la page CAPRICES
FASHION
La page web CAPRICES FASHION est une interface
simple, élégante et intuitive, conçus pour mettre en
valeur les produits proposés par l’entreprise. Elle
s’adresse aussi bien aux clients réguliers qu’aux
nouveaux visiteur curieux de découvrir l’univers de
la marque.
Elle comprend :
❖ Un en-tête avec le nom de la marque et un
menu de navigation.
❖ Une section de présentation de la marque
et de ses valeurs.
❖ Une galerie de produits avec images et
descriptions.
❖ Un formulaire de contact permettant aux
clients d’échanger avec l’entreprise.
2.OBEJECTIF DE LA PAGE
La page a été conçus pour :
➢Promouvoir les produits de CAPRICES
FASHION en ligne.
➢Offrir une vitrine digitale moderne a la
PME.
➢Attirer de nouveaux clients via le web.
➢Faciliter la communication entre l’entreprise
et ses clients.
3. Explication simplifiée du code
Le site repose principalement sur trois technologies :
HTML (HyperText Markup Langage) : structure la
page. Il définit les titres, paragraphes, images,
liens, et formulaires.
Example :
<h1>Caprice Fashion</h1>
CSS (Cascading Style Sheets) : permet de styliser
les éléments HTML (couleurs, marges, alignements,
etc.).
Example :
h1 {
color: pink;
text-align: center;
}
JavaScript (si utilisé) : pour ajouter des
interactions comme des animations ou des réponses
dynamiques (par exemple, une alerte lors de
l’envoi du formulaire).
Exemple :
alert("Merci pour votre message !");
Chaque ligne de code a été pensée pour être
compréhensible, efficace et facile à modifier ou
enrichir dans le futur.
II. Étude technique
1. Environnement de développement
Le projet a été réalisé sur le logiciel Visual
Studio Code, qui est un éditeur puissant et léger,
adapté au développement web. Il offre :
Une coloration syntaxique facilitant la lecture
du code.
Des extensions utiles pour HTML, CSS et
JavaScript.
Une interface claire permettant une
organisation rigoureuse du projet.
2. Structure technique du site
Le site est structuré comme suit :
/caprice-fashion
├── index.html (structure de la page)
├── style.css (design et mise en forme)
└── script.js (comportements interactifs –
optionnel)
Cette organisation permet une maintenance
facile et une évolutivité assurée. Les fichiers sont
indépendants mais interconnectés, ce qui permet de
modifier l’apparence ou le comportement du site
sans toucher à la structure globale.
3. Hébergement et accessibilité
Bien que le site ait été conçu en local, il peut
facilement être hébergé sur une plateforme comme
GitHub Pages, Netlify ou un serveur privé, afin
d’être accessible via Internet. L’optimisation du
code garantit une bonne compatibilité avec tous les
navigateurs récents, et l’adaptation responsive
permet une lecture confortable sur smartphones,
tablettes et ordinateurs.
Conclusion
La création de la page web Caprice Fashion
représente une avancée majeure dans la stratégie
de développement numérique de l’entreprise. Elle
permet de renforcer son image de marque,
d’accroître sa visibilité et de mieux interagir avec
ses clients. Grâce à un développement soigné,
réalisé dans un environnement moderne et structuré,
cette page constitue un outil fiable et évolutif pour
accompagner la croissance digitale de la PME.
